Download as PDF, PPTX
Uploaded byStacy Kvernmo
From Scratch to Launch #2 - Design phase
This document outlines the agenda for a WordPress meetup in Naperville on February 21, 2017. The meetup will include introductions from 6:20-6:30pm followed by a presentation from 6:30-7:30pm on building a website from scratch to launch. Various topics that will be discussed include typography guidelines, color resources, design inspiration sources, and design tools like Sketch and Photoshop. The next meetup will focus on front-end development on March 21, 2017.
More Related Content
Similar to From Scratch to Launch #2 - Design phase
From Scratch to Launch #2 - Design phase
- 1. PHASE DESIGN WordPress Naperville Meetup February21, 2017 #WPNaperville 6:00 - Networking 6:20 - Introductions 6:30 - Presentation From Scratch to Launch #2
- 2. Giving back TO SETTONE LISTEN Community Service Modern Bold Authentic Social justice Warm Impactful
- 3.
- 4. DOCUMENTING INSPIRATION Bookmarking App &Extension RAINDROP.IO
- 5.
- 6.
- 7. PINTEREST Visual Asset Library& Bookmarks DOCUMENTING INSPIRATION
- 8. Too many tolist DOCUMENTING INSPIRATION
- 9.
- 10. Oliver Reichenstein, 2006 WEBDESIGN IS 95% TYPOGRAPHY
- 14. Avoid using morethan 2-3 different typeface families (unless you really know what you are doing). TYPOGRAPHY GUIDELINES
- 15. Use a singlespace between sentences to avoid rivers. TYPOGRAPHY GUIDELINES Photo credit - Jeff Dahl
- 16. Left aligned isbest for readability (for L-R languages) TYPOGRAPHY GUIDELINES
- 17. The width ofyour text blocks should be limited to 60-75 characters. TYPOGRAPHY GUIDELINES No one wants to read lines of text that seem to never end and then try to find the start of the next line. Make it easy on your audience and limit your width on text blocks. They will thank you for that. Isn’t this block much harder to read? Imagine if it went on for many paragraphs. That would be awful.
- 18. The wider thecolumn, the greater the line-height (leading). TYPOGRAPHY GUIDELINES
- 19. Can you easilyscan the article? Is there a clear/predictable structure? TYPOGRAPHY HIERARCHY
- 20. Too many tolist WEB DESIGN IS 95% TYPOGRAPHY
- 33. Learning Typekit Blog Moments withTypography FontShop (love their email newsletter) Typewolf Cheatsheet OddBird’s Typography Blog Post Universal Typography Molten Leading / Fluid Line Height Typography Videos Playlist TYPOGRAPHY RESOURCES Tools Fontstand Typecast WP Typography plugin Books, Bookmarks, and More Combining Typefaces On Web Typography Stacy's Typography Bookmarks
- 34.
- 43. Tools ColorMe Practical Color Theory Accessibility CheckContrast Ratio Photoshop Add-on Colour Contrast Check (Jonathan Snook) Contrast Ratio (Lea Verou) Palette Suggestions ColorFavs PaletteTab More OddBird’s Recent Color Article Stacy's Color Bookmarks COLOR RESOURCES
- 44.
- 47.
- 48. ITEMS IN THESE PSDFILES MAY APPEAR DIFFERENT IN REAL LIFE !
- 51.
- 52.
- 62.
- 79. RESOURCES Design Process &Deliverables styletil.es danielmall.com/articles/rif-element-collages stuffandnonsense.co.uk/blog/about/ time_to_stop_showing_clients_static_design_visuals typecast.com/seminars/post-comp danielmall.com/articles/visual-inventory rif.superfriend.ly/designs/round2 product.voxmedia.com/2013/1/24/5426808/an-inside-peek-into-the-polygon- design-process
- 80. Sketch gives youthe power, flexibility and speed you always wanted in a lightweight and easy-to-use package. sketchapp.com
- 82. PHOTOSHOP Work across desktopand mobile devices to create and enhance your photographs, web and mobile app designs and more. adobe.com
- 83.
- 84.
- 85.
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94.
- 95. IS WEB DESIGNA SOLVED PROBLEM
- 96. NEXT MEETUP FRONT-END DEVELOPMENT March 21,2017 #WPNaperville