From Scratch to Launch #2 - Design phase
•
2 likes•2,056 views
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
What's hot
What's hot (7)
Viewers also liked
Viewers also liked (20)
Similar to From Scratch to Launch #2 - Design phase
Similar to From Scratch to Launch #2 - Design phase (20)
More from Stacy Kvernmo
Recently uploaded
Recently uploaded (20)
From Scratch to Launch #2 - Design phase
- 1. PHASE DESIGN WordPress Naperville Meetup February 21, 2017 #WPNaperville 6:00 - Networking 6:20 - Introductions 6:30 - Presentation From Scratch to Launch #2
- 2. Giving back TO SET TONE LISTEN Community Service Modern Bold Authentic Social justice Warm Impactful
- 4. DOCUMENTING INSPIRATION Bookmarking App & Extension RAINDROP.IO
- 7. PINTEREST Visual Asset Library & Bookmarks DOCUMENTING INSPIRATION
- 8. Too many to list DOCUMENTING INSPIRATION
- 10. Oliver Reichenstein, 2006 WEB DESIGN IS 95% TYPOGRAPHY
- 14. Avoid using more than 2-3 different typeface families (unless you really know what you are doing). TYPOGRAPHY GUIDELINES
- 15. Use a single space between sentences to avoid rivers. TYPOGRAPHY GUIDELINES Photo credit - Jeff Dahl
- 16. Left aligned is best for readability (for L-R languages) TYPOGRAPHY GUIDELINES
- 17. The width of your 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 the column, the greater the line-height (leading). TYPOGRAPHY GUIDELINES
- 19. Can you easily scan the article? Is there a clear/predictable structure? TYPOGRAPHY HIERARCHY
- 20. Too many to list WEB DESIGN IS 95% TYPOGRAPHY
- 33. Learning Typekit Blog Moments with Typography 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. COLOR PLAY WITH
- 43. Tools ColorMe Practical Color Theory Accessibility Check Contrast 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
- 48. ITEMS IN THESE PSD FILES MAY APPEAR DIFFERENT IN REAL LIFE !
- 51. + many more
- 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 you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. sketchapp.com
- 82. PHOTOSHOP Work across desktop and mobile devices to create and enhance your photographs, web and mobile app designs and more. adobe.com
- 93. EXTRACT TOOL
- 94. MOBILE APPS
- 95. IS WEB DESIGN A SOLVED PROBLEM
- 96. NEXT MEETUP FRONT-END DEVELOPMENT March 21, 2017 #WPNaperville