1

Learn UI Design Series: Grids

 1 year ago
source link: https://uxplanet.org/learn-ui-design-series-grids-2cc53bb93a9b
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Learn UI Design Series: Grids

Part 3 of 7

1*8aefqmA8c4PzPOjRBY9QHw.png

A successful web or mobile experience depends on the proper positioning and organization of UI graphic elements. Layouts are used by designers to add structure to their work, give users a sense of predictability and familiarity, and introduce structure.

Grids act as a base that helps product teams arrange UI elements so as to maintain a pleasing visual balance from page to page. It enables UI design teams to produce more appealing and consistent user interfaces.

If you don’t know, then let me tell you that I have already started a 66-day “Learn UI Design Series” on Twitter.

I am going to share one topic or lesson each day for the next 66 days.

And the next 9 days are:

Day 25: Column Grid

1*WKYgTFSGf2EUvDEfd_rYdQ.png

Day 26: Manuscript Grid

1*XSSGVA_Ej5O9qdmPPi56EA.png

Day 27: Modular Grid

1*tj02JUY3pNXslHahFHMJsw.png

Day 28:Hierarchical Grid

1*JVrHQDspqCF8Crw3Lrsndg.png

Day 29: Baseline Grid

1*TLsqaqDteYwD8wu1V2ScaA.png

Day 30: Choose the necessary grid

1*mPgd8nEToqakj5yFr2s2mg.png

Day 31: Limitations

1*ia2rsltSA0Qzuqex6XPtSQ.png

Day 32: Horizontal & Vertical Spacing

1*0ZX9HKIfQZ85OlyzVPY0IA.png

Day 33: Mobile Grid Systems

1*qN4eIsLKAvLjPX62KHBxIQ.png

If you want to stay up to date or don’t want to miss any, follow me on Twitter for quick and insightful design tweets.

We are at day 40 👇

Thanks for reading, and I am open to feedback.

Subscribe here to get new articles delivered right to your inbox!


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK