Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design Conceptualization

4c21eb76541194ebc8eaa6852d5c2da4?s=47 Ajith R Nayak
December 04, 2020

Design Conceptualization

I talked about introducing a design-language to a product that I've been working on lately.

4c21eb76541194ebc8eaa6852d5c2da4?s=128

Ajith R Nayak

December 04, 2020
Tweet

Transcript

  1. Design Conceptualization Think Design. Know Design @ajithrnayak

  2. Design Systems

  3. Polaris by Shopify Material Design by Google Atlassian Design

  4. How we look like and why Brand Guide Mission Personality

    Promise principles
  5. User is king Useful ✈ Accessible Desirable Design principles This

    system's using rigorous research into users’ needs and desires, laser-focused on real people. Inclusive, it’s designed and built to be accessible to all, regardless of ability or situation. Mobile- f i rst and usable on all devices. Built for non tech savvy people, colour blind people, possibly handicapped. Some training may be provided for the handicapped. Giving all the products a beautiful edge, whether they are back-o f f i ce or client facing products.
  6. Design Style Guide Visual Identity Elements Icons Interface Components Interface

    States Headings Ultimate source of truth Faster iterations & progress code in sync
  7. visual elements Style Colours Typography Iconography Illustrations Aa

  8. Hola Namaste Hello Colors

  9. Colors

  10. Color Palette

  11. Color Palette

  12. 60-30-10

  13. Every color sends a message

  14. DON’T USE BLACK White has 100% colour brightness, and black

    has 0% Such a disparity creates intense light levels that Overstimulate the eyes ”
  15. Typography behind the words mountains Far Far Away, Behind The

    Words Mountains, Far From The Countries Nevada Written by: Ghost Writer
  16. Typography

  17. Typeface Serif, Sans Serif, Script, Mono, Slab etc Font Family

    Open Sans, Roboto, Lato, Nunito etc
  18. HIG - Apple Material Design

  19. Iconography

  20. Iconography

  21. Icon Style Variations Size Color 16px | 24px | 32px

  22. Illustrations

  23. None
  24. Layout behind the words mountains Far Far Away, Behind The

    Words Mountains, Far From The Countries Nevada Written by: Ghost Writer 12px 12px 20px 8px 12px 20px
  25. Think Design Use proper type hierarchy Use proper color contrast

    Compose better layouts Use colors e f f i ciently Use uniform icons Use better shadows
  26. Muchas Gracias