Design Workflow

514 views
431 views

Published on

Looking at workflow, tools and techniques of web design.

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
514
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Design Workflow

    1. 1. Design Workflow Rob LavenderFreelance Frontend Designer/Developer
    2. 2. Mood boardsA multitude of ideas quicklyClient communication toolMakes research fun
    3. 3. Mark Boulton Briefs Flowery Wooly Tight Loose Ideal
    4. 4. InspirationStock imagesArt HistoryUnderstanding the language of designCollaborate with other designers
    5. 5. Pattern Tap Design Meltdown
    6. 6. Elliot Jay Stocks Andy Clarke
    7. 7. Toolswww.atinytribe.com
    8. 8. Style Tiles Samatha Warren http://bit.ly/gvHKSu“ beyond swatches and colors; it’sthat extends far designing is a complex process a comprehensive approach to problem solving.
    9. 9. Elliot Jay StocksResearch AestheticsStructure Layout and Composition Information Architecture The Artistic Layer Wireframing TypographyTone, Mood, and Atmosphere ImagesInteraction Deliverables Navigation Design Comps Forms Style Guides Audio and Video
    10. 10. Style GuidesAndy BuddPattern Portfolios
    11. 11. Style GuidePattern Portfolio
    12. 12. Typography8 Faces What the font Web Fonts
    13. 13. Rob LavenderLavender Web Designrobert@lavenderwebdesign.co.uk@robertlavender

    ×