Slide 1

Slide 1 text

Design Conceptualization Think Design. Know Design @ajithrnayak

Slide 2

Slide 2 text

Design Systems

Slide 3

Slide 3 text

Polaris by Shopify Material Design by Google Atlassian Design

Slide 4

Slide 4 text

How we look like and why Brand Guide Mission Personality Promise principles

Slide 5

Slide 5 text

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.

Slide 6

Slide 6 text

Design Style Guide Visual Identity Elements Icons Interface Components Interface States Headings Ultimate source of truth Faster iterations & progress code in sync

Slide 7

Slide 7 text

visual elements Style Colours Typography Iconography Illustrations Aa

Slide 8

Slide 8 text

Hola Namaste Hello Colors

Slide 9

Slide 9 text

Colors

Slide 10

Slide 10 text

Color Palette

Slide 11

Slide 11 text

Color Palette

Slide 12

Slide 12 text

60-30-10

Slide 13

Slide 13 text

Every color sends a message

Slide 14

Slide 14 text

DON’T USE BLACK White has 100% colour brightness, and black has 0% Such a disparity creates intense light levels that Overstimulate the eyes ”

Slide 15

Slide 15 text

Typography behind the words mountains Far Far Away, Behind The Words Mountains, Far From The Countries Nevada Written by: Ghost Writer

Slide 16

Slide 16 text

Typography

Slide 17

Slide 17 text

Typeface Serif, Sans Serif, Script, Mono, Slab etc Font Family Open Sans, Roboto, Lato, Nunito etc

Slide 18

Slide 18 text

HIG - Apple Material Design

Slide 19

Slide 19 text

Iconography

Slide 20

Slide 20 text

Iconography

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

Illustrations

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

Muchas Gracias