Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
NAUGHTY LITTLE SCAMPSe ‘art’ of sketching interfaces
Anatomy of a sketch
Line upAt a fundamental level, sketches are made up of lines(and a little bit of shading, but that’s just more lines, righ...
Basic line techniqueSmooth actionGo further than you need toStart light, then build up thickness
BoxesIf we get away from the idea of a box as a square or a rectangle,we can start to think about an interface as a box co...
BoxesIf we get away from the idea of a box as a square or a rectangle,we can start to think about an interface as a box co...
BoxesIf we get away from the idea of a box as a square or a rectangle,we can start to think about an interface as a box co...
Tip #1 icker lines can hide mistakes, as well as lending weight and highlighting
Tip #1  icker lines can hide mistakes, as well as lending weight and highlightingTip #2Do all your verticals at the same t...
Tip #1  icker lines can hide mistakes, as well as lending weight and highlightingTip #2Do all your verticals at the same t...
Are you sitting comfortably?
If youre not comfortable, you wont sketch wellIf you can, spread outFind your angleHave your stuff in reachLight is important
Activity 1: Warm upParallel linesIntersecting linesSquaresSquares in squares
What is a sketch (and what is not)?
<opinion><rant>
“Wiggly Wireframes” (not a sketch)
Hand-drawn wireframes (not a sketch)
</rant></opinion>
Sketches do not have to be pretty, beautiful or even immediately understandable byothers. However, you should be able to e...
Why Sketch?
I use sketches as a prop; a visual aid to explanation:                                     ey don’t often                 ...
Example: sketch and text working in tandem
Why use sketches?(paraphrasing Bill Buxton and my Dad)Sketches give you the freedom to make mistakes and think openly  ey ...
“Like sign-language, but more better”
Activity 2: Capture itSketch as many concepts as you canExplain (using your sketches)Interpret (without explanation)
Quickly sketch something that describes:Sliding/swiping to scroll or page through a series of ‘pages’Portrait to landscape...
Tools of the Trade
My KitHard graphite pencil (H or HB)Blue ‘no photocopy’ pencilGood eraser/rubberLayout padBlack pens (various thickness/ni...
Tip #1Any pen/paper is better than no pen/paper(capture the idea first, then come back to it and refine it later)
Tip #1Any pen/paper is better than no pen/paper(capture the idea first, then come back to it and refine it later)Tip #2Avoid...
Tip #1Any pen/paper is better than no pen/paper(capture the idea first, then come back to it and refine it later)Tip #2Avoid...
“Pens should be avoided unless you are practiced with them”Bill Buxton
“Pens should be avoided unless you are practiced with them”Bill Buxton“Mistakes are ok. Keeping them makes it a sketch rat...
e devil is in the(lack of) detail
Sketches as impressionismAs soon as you start to get into detail you are drawing (not sketching) and in dangerof you, and ...
Can you tell what it is yet?
Can you tell what it is yet?
Can you tell what it is yet?
Lorem ipsum dolor sit amet  Pellentesque rhoncus rhoncus arcu, vitae blandit libero ultrices vitae.  Praesent vulputate au...
Lorem ipsum dolor sit ametI can still read it, even if I can’t understand it      Alternatives:      Lines                ...
Focus on the bits that are relevantNo need to draw the whole thingVary the level of detail/finesse (high = relevant, low = ...
Activity 3: FocusShow me just as much as you need to
How did you plan/book your journey here? Use your sketch to describe that process(If you can think of how to do it better,...
Give us a clue (Labelling)
Good labels saved many a bad sketch
Copyright © Night Beacon (www.taehok.com)
A good note is worth a thousand picturesLabels must be readable (and not just by you)Don’t make me turn my head to read it...
Activity 4: WritingAAAAAAN ARMY OF ANTSANNOTATE
A sketch not a scribble
A few flourishes and the rest basicLearn (by practicing) how to make one or two stylistic flourishes and apply themconsisten...
Hands can be a right bugger ...
... but they don’t have to be
Activity 5: Adding styleHands / Shading / Lettering / Arrows
Sketching Interaction
Activity 6: InteractionShow me:What happens?How is it initiated?
Take-away tipsGet it down first, worry about the presentation laterDon’t throw sketches awayMistakes are ok (and can often ...
See how the experts do it*Eva-Lotta Lamm - www.evalotta.netBill Buxton - http://billbuxton.comSunni Brown - http://sunnibr...
A call to armsA lot of us spend precious hours creating heavy documentation that is dated before it iscompleted. Sometimes...
ank You         Sam (@pub)Jason (@jasonmesut)                      RMA                      Design Driven Innovation
Tip #1 icker lines can
Tip #1 icker lines can
Tip #1 icker lines can
Tip #1 icker lines can
Tip #1 icker lines can
Tip #1 icker lines can
Tip #1 icker lines can
Tip #1 icker lines can
Tip #1 icker lines can
Tip #1 icker lines can
Tip #1 icker lines can
Tip #1 icker lines can
Tip #1 icker lines can
Tip #1 icker lines can
Nächste SlideShare
Wird geladen in …5
×
167.299 Aufrufe

Veröffentlicht am

Tip #1 icker lines can hide mistakes, as well as lending weight and highlightingTip #2Do all your verticals at the same time, then your horizontals

Veröffentlicht in: Design, Business, Technologie
  • You can try to use this service ⇒ www.WritePaper.info ⇐ I have used it several times in college and was absolutely satisfied with the result.
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • Check the source ⇒ www.WritePaper.info ⇐ This site is really helped me out gave me relief from headaches. Good luck!
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • Hi there! I just wanted to share a list of sites that helped me a lot during my studies: .................................................................................................................................... www.EssayWrite.best - Write an essay .................................................................................................................................... www.LitReview.xyz - Summary of books .................................................................................................................................... www.Coursework.best - Online coursework .................................................................................................................................... www.Dissertations.me - proquest dissertations .................................................................................................................................... www.ReMovie.club - Movies reviews .................................................................................................................................... www.WebSlides.vip - Best powerpoint presentations .................................................................................................................................... www.WritePaper.info - Write a research paper .................................................................................................................................... www.EddyHelp.com - Homework help online .................................................................................................................................... www.MyResumeHelp.net - Professional resume writing service .................................................................................................................................. www.HelpWriting.net - Help with writing any papers ......................................................................................................................................... Save so as not to lose
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • Hello! I do no use writing service very often, only when I really have problems. But this one, I like best of all. The team of writers operates very quickly. It's called ⇒ www.HelpWriting.net ⇐ Hope this helps!
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • Hello! I can recommend a site that has helped me. It's called HelpWriting.net They helped me for writing my quality research paper on diabetes, and of course by keeping my all other needs fulfilled.
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier

×