Design Trends

Af9bb7766849db4d928a85b8e2eae758?s=47 Mel Choyce
February 12, 2019

Design Trends

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

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

Af9bb7766849db4d928a85b8e2eae758?s=128

Mel Choyce

February 12, 2019
Tweet

Transcript

  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.

  5. None
  6. None
  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.
  28. None
  29. None
  30. None
  31. White Space

  32. Guides the eye

  33. None
  34. None
  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.
  51. None
  52. None
  53. None
  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

  60. None
  61. None
  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

  65. None
  66. None
  67. What are some industry trends?

  68. Trends are just tools. ⛏

  69. Immersive Experiences

  70. None
  71. None
  72. None
  73. None
  74. None
  75. Design that looks like print

  76. None
  77. None
  78. None
  79. None
  80. None
  81. Illustration

  82. None
  83. None
  84. None
  85. None
  86. None
  87. 3D and Dimension

  88. None
  89. None
  90. None
  91. None
  92. None
  93. Vivid Colors and Gradients

  94. None
  95. None
  96. None
  97. None
  98. None
  99. Shapes and Geometry

  100. None
  101. None
  102. None
  103. None
  104. None
  105. Texture and Patterns

  106. None
  107. None
  108. None
  109. None
  110. None
  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.
  114. None
  115. None
  116. None
  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

  125. None
  126. None
  127. None
  128. None
  129. None
  130. None
  131. None
  132. None
  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/