Design Trends

Guest lecture for Emerson College's "Electronic Publishing" class.

Please view https://choycedesign.com/emerson-resources/ for example sources and additional resources.

1. Good Design
2. Mel Choyce Senior Product Designer at Automattic choycedesign.com @melchoyce
3. What is design?
4. – Sir George Cox Creativity deployed to a specific end.
7. – Steve Jobs Design is not just what it looks like and feels like. Design is how it works.
8. What makes design good?
9. – Justice Potter Stewart I know it when I see it.
10. Source: Vitsoe at English Wikipedia CC BY-SA 3.0, via Wikimedia Commons
11. 10 Principles of Good Design
12. Innovative Principles of Good Design #1
13. Attractive Principles of Good Design #2
14. Useful Principles of Good Design #3
15. Understand- able Principles of Good Design #4 ;)
16. Unobtrusive Principles of Good Design #5
17. Honest Principles of Good Design #6
18. Durable Principles of Good Design #7
19. Thorough Principles of Good Design #8
20. Eco-Friendly Principles of Good Design #9
21. Little Design as Possible Principles of Good Design #10
22. What does good design look like?
23. Grids & Alignment
24. DIGITAL CONTENT MANAGEMENT Writing, Literature & Publishing Advance your career with our online Digital Content Management graduate certificate. You’ll learn what it takes to successfully create, analyze, and manage content for companies of any scale, from small startups to established corporations. Our 16-credit certificate program is designed to help professionals looking to learn new skills to stay competitive in content creation and strategy in today’s market. REQUIRED COURSES • Metadata • Fundamentals Of Content Strategy • Electronic Publishing Overview • Elective TURN YOUR CERTIFICATE INTO A MASTER'S DEGREE The Electronic Publishing Overview course would count as one of the core requirements for the MA in Publishing and Writing, and will be offered every semester. All other classes count as electives for the current MA program and are offered every other semester.
25. DIGITAL CONTENT MANAGEMENT Writing, Literature & Publishing Advance your career with our online Digital Content Management graduate certificate. You’ll learn what it takes to successfully create, analyze, and manage content for companies of any scale, from small startups to established corporations. Our 16-credit certificate program is designed to help professionals looking to learn new skills to stay competitive in content creation and strategy in today’s market. REQUIRED COURSES • Metadata • Fundamentals Of Content Strategy • Electronic Publishing Overview • Elective TURN YOUR CERTIFICATE INTO A MASTER'S DEGREE The Electronic Publishing Overview course would count as one of the core requirements for the MA in Publishing and Writing, and will be offered every semester. All other classes count as electives for the current MA program and are offered every other semester.
26. DIGITAL CONTENT MANAGEMENT Writing, Literature & Publishing REQUIRED COURSES • Metadata • Fundamentals Of Content Strategy • Electronic Publishing Overview • Elective TURN YOUR CERTIFICATE INTO A MASTER'S DEGREE The Electronic Publishing Overview course would count as one of the core requirements for the MA in Publishing and Writing, and will be offered every semester. All other classes count as electives for the current MA program and are offered every other semester. Advance your career with our online Digital Content Management graduate certificate. You’ll learn what it takes to successfully create, analyze, and manage content for companies of any scale, from small startups to established corporations. Our 16- credit certificate program is designed to help professionals looking to learn new skills to stay competitive in content creation and strategy in today’s market.
27. DIGITAL CONTENT MANAGEMENT Writing, Literature & Publishing Advance your career with our online Digital Content Management graduate certificate. You’ll learn what it takes to successfully create, analyze, and manage content for companies of any scale, from small startups to established corporations. Our 16- credit certificate program is designed to help professionals looking to learn new skills to stay competitive in content creation and strategy in today’s market. REQUIRED COURSES • Metadata • Fundamentals Of Content Strategy • Electronic Publishing Overview • Elective TURN YOUR CERTIFICATE INTO A MASTER'S DEGREE The Electronic Publishing Overview course would count as one of the core requirements for the MA in Publishing and Writing, and will be offered every semester. All other classes count as electives for the current MA program and are offered every other semester.
31. White Space
32. Guides the eye
35. Typography
36. – Oliver Reichenstein, The Web is All About Typography. Period. Web Design is 95% Typography.
37. Choosing fonts
38. Tone
39. Legibility
40. Steal Pairings
41. Size
42. 16-22px body fonts
43. Line-height
44. 1.4-1.6 × font-size
45. WordPress started in 2003 with a single bit of code to enhance the typography of everyday writing and with fewer users than you can count on your fingers and toes. Since then it has grown to be the largest self-hosted blogging tool in the world, used on millions of sites and seen by tens of millions of people every day. WordPress started in 2003 with a single bit of code to enhance the typography of everyday writing and with fewer users than you can count on your fingers and toes. Since then it has grown to be the largest self-hosted blogging tool in the world, used on millions of sites and seen by tens of millions of people every day.
46. WordPress started in 2003 with a single bit of code to enhance the typography of everyday writing and with fewer users than you can count on your fingers and toes. Since then it has grown to be the largest self-hosted blogging tool in the world, used on millions of sites and seen by tens of millions of people every day. WordPress started in 2003 with a single bit of code to enhance the typography of everyday writing and with fewer users than you can count on your fingers and toes. Since then it has grown to be the largest self-hosted blogging tool in the world, used on millions of sites and seen by tens of millions of people every day.
47. Line-length
48. 50-75 characters per line
49. WordPress started in 2003 with a single bit of code to enhance the typography of everyday writing and with fewer users than you can count on your fingers and toes. Since then it has grown to be the largest self-hosted blogging tool in the world, used on millions of sites and seen by tens of millions of people every day. Everything you see here, from the documentation to the code itself, was created by and for the community. WordPress is an Open Source project, which means there are hundreds of people all over the world working on it. (More than most commercial platforms.) It also means you are free to use it for anything from your recipe site to a Fortune 500 web site without paying anyone a license fee and a number of other important freedoms. About WordPress.org On this site you can download and install a software script called WordPress. To do this you need a web host who meets the minimum requirements and a little time. WordPress is completely customizable and can be used for almost anything. There is also a service called WordPress.com which lets you get started with a new and free WordPress-based blog in seconds, but varies in several ways and is less flexible than the WordPress you download and install yourself. What You Can Use WordPress For WordPress started as just a blogging system, but has evolved to be used as full content management system and so much more through the thousands of plugins and widgets and themes, WordPress is limited only by your imagination. (And tech chops.) Connect with the Community In addition to online resources like the forums and mailing lists a great way to get involved with
50. WordPress started in 2003 with a single bit of code to enhance the typography of everyday writing and with fewer users than you can count on your fingers and toes. Since then it has grown to be the largest self-hosted blogging tool in the world, used on millions of sites and seen by tens of millions of people every day. Everything you see here, from the documentation to the code itself, was created by and for the community. WordPress is an Open Source project, which means there are hundreds of people all over the world working on it. (More than most commercial platforms.) It also means you are free to use it for anything from your recipe site to a Fortune 500 web site without paying anyone a license fee and a number of other important freedoms. About WordPress.org On this site you can download and install a software script called WordPress. To do this you need a web host who meets the minimum requirements and a little time. WordPress is completely customizable and can be used for almost anything. There is also a service called WordPress.com which lets you get started with a new and free WordPress-based blog in seconds, but varies in several ways and is less flexible than the WordPress you download and install yourself.
54. Color
55. Color increases brand recognition by up to 80 percent. http://loyaltysquare.com/impact_of_color.php Impact of Color
56. Making a Palette
57. What emotions do you want associated with 
 your design?
58. Balance your colors
59. Don’t use black
62. Hierarchy
63. – Brandon Jones, Understanding Visual Hierarchy in Web Design Good visual hierarchy isn’t about wild and crazy graphics or the newest photoshop filters, it’s about organizing information in a way that’s usable, accessible, and logical to the everyday site visitor.
64. Defines your site in order of importance
67. What are some industry trends?
68. Trends are just tools. ⛏
69. Immersive Experiences
75. Design that looks like print
81. Illustration
87. 3D and Dimension
93. Vivid Colors and Gradients
99. Shapes and Geometry
105. Texture and Patterns
111. How to put this all together?
112. Design Systems
113. – InVision Design Systems Handbook A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications.
117. Why use a design system?
118. – John Maeda, #DesignInTech newsletter When a technology matures, design moves to the foreground because the underlying machinery has been commoditized. We're living in an era where there's massive design debt all over the tech industry, but there aren't enough computational designers available to fill the gaps.
119. Common visual language
120. Standardized components
121. Design faster
122. Improves development workflow
123. Unified across products, devices, and all branding elements
124. Examples
133. More Examples https://www.invisionapp.com/inside- design/guide-to-design-systems https://www.designsystems.com https://designsystemsrepo.com
134. Thank you! choycedesign.com @melchoyce https://choycedesign.com/emerson-resources/