Importance of grids in UI design and development

Post on 13-Jan-2015

475 views 3 download

Tags:

description

Presentation of Vibhas Jain, Product Designer- PayTM. He discusses about Grids and their importance. Vibhas talks about the design process they follow at Paytm and what has he learned till now doing various designs. The flow he recommends all designers to take is Sketch → Atomic Designs → Grids. While all elements are important to the process, the right implementation of grids is what brings the design together. He also emphasized on baseline text and hierarchy of page. Size, color, text and spacing are the most important aspects where you can focus and drive a user to do certain things you want them to do.

transcript

Lessons LearntDesign is science

E-commerce DashboardsMy first design challenge @ Paytm

Tools which saved me

1. Sketching2. Atomic Design3. Grids

SketchingFastest way to visualize anything

+ It’s great for sprints!

Atomic Design

Gridz.keep it real

90% of digital content is textBaseline text is the most important design element on both web & mobile

Medium

Elements that define heirarchy

• Size• Color• Weight• Spacing

Grids enforce clarity

Success?

Dribbble = Pretty Screens.Flow is King

Other lessons

Small teams deliver.Be a lean, mean , money making machine

HiringThe hardest part

Make stuff.Someone, somewhere will dig it