Share
Favorite
presentation design design design design design design Favorited (x)
Download
+ Group / Event
More...
Favorited! Add tags?

e.g. tech "palo alto"

Cancel
Edit your favorites

Cancel
Send to your Group / Event

add your message

Cancel

Flash Player 9 (or above) is needed to view slideshows. We have detected that you do not have it on your computer.To install it, go here

Post to Twitter

Share on Facebook

<div>
                  <span class="slideshow-title" style="font-size:14px;">Design Hacks with Stencils & Patterns</span><br />
                  From: <a href="http://www.slideshare.net/xian" class="slideshow-author">xian</a>,
                  <span class="ago">2 months ago</span><br /><br />
                  <div class="slideshow-embed"><div style="width:425px;text-align:left" id="__ss_596102"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/xian/design-hacks-with-stencils-patterns-presentation?type=powerpoint" title="Design Hacks with Stencils & Patterns">Design Hacks with Stencils & Patterns</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=openhackdaystencilsftw-1221274680762892-9&stripped_title=design-hacks-with-stencils-patterns-presentation" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=openhackdaystencilsftw-1221274680762892-9&stripped_title=design-hacks-with-stencils-patterns-presentation" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View SlideShare <a style="text-decoration:underline;" href="http://www.slideshare.net/xian/design-hacks-with-stencils-patterns-presentation?type=powerpoint" title="View Design Hacks with Stencils & Patterns on SlideShare">presentation</a> or <a style="text-decoration:underline;" href="http://www.slideshare.net/upload?type=powerpoint">Upload</a> your own. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/wireframes">wireframes</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/social">social</a>)</div></div></div><br /><br />
                  <div class="slideshow-description">My talk at Yahoo!'s Open Hackday 2008, on working with stencils and patterns even if you don't have a designer handy (like if they're outside listening to Girl Talk).</div><br /><br />
                  <a href="http://www.slideshare.net/xian/design-hacks-with-stencils-patterns-presentation" class="slideshow-link">SlideShare Link</a>
                </div>

« Prev Comments 0 - 0 of 0 Next »

Add a comment If you have a SlideShare account, login to comment; otherwise comment as a guest.

Unsubscribe from followup comments

Enter the text in the image

(Cannot see the image? Reload image)

Favorites & Groups

jaytheia favorited this 1 month ago Tags: patterns yui sketch code
manobi favorited this 2 months ago Tags: arquitetura
emalone favorited this 2 months ago Tags: yahoo openhack08 hackday designpatterns
rabourn favorited this 2 months ago Tags: patterns
eincarsten favorited this 2 months ago

Design Hacks with Stencils & Patterns

from xian, 2 months ago Add as contact

1094 views | 0 comments | 5 favorites | 7 embeds (Stats)

Desc: My talk at Yahoo!'s Open Hackday 2008, on working with stencils and patterns even if you don't have a designer handy (like if they're outside listening to Girl Talk).

Embed customize close

without related slides for Wordpress

Groups/Events

What is Design 106745 views

Interaction Design & Psychology (2002) 25261 views

Design for the World 59398 views

Social Design and the Yahoo! Pattern Library

Social Design and the Yahoo! Pattern L... 6084 views

What Is Social Interaction Design? 8416 views

Grasping Social Patterns 5901 views

Design Patterns: Defining and Sharing Web Design Languages

Design Patterns: Defining and Sharing ... 5906 views

Online Communities Design Patterns 14953 views

Social Media 173205 views

Designing with patterns in the real world

Designing with patterns in the real wo... 4820 views

Presence, identity, and attention in social web architecture

Presence, identity, and attention in s... 4619 views

Grasping Social Patterns 5901 views

Social Design and the Yahoo! Pattern L... 6084 views

State of the Patterns 2008 832 views

Heads In Space 1289 views

All presentations by this user

More Info

This slideshow is Public

Views: 1094 Comments: 0 Favorites: 5 Downloads: 39

View Details: 992 on Slideshare 102 from embeds

Flag as inappropriate

Select your reason for flagging this slideshow as inappropriate.

If needed, use the feedback form to let us know more details.

Slideshow Transcript

Slide 1:
Slide 2:Design Hacks with Stencils & Patterns Christian Crumlish Curator, Yahoo! Design Pattern Library
Slide 3:NO CODE SAMPLES SORRY • Great talks right next door! • I’d probably be in the Fire Eagle one! • or Xavier’s “building a Yahoo! app” one • or, dang… I’m missing Ian testifying about MyBlogLog :(
Slide 4:WE DON’T NEED NO STINKING UI DESIGNER? • You’re hacking. It’s late at night… • There are no ui designers around. • How do you prevent your website or app’s interface from looking like ass?
Slide 5:DESIGN STENCILS! http://developer.yahoo.com/ypatterns/wireframes/
Slide 6:WHAT’S A DESIGN STENCIL FOR? • Rapid mockup of UIs • Tied to YUI code where applicable • Tied to Design Patterns where possible • Allow me to demonstrate… – Example one: rapid moc

Design Hacks with Stencils & Patterns

Categories

Tags

Groups/Events

More Info

Flag as inappropriate

Slideshow Transcript

What's new?