Day 57: Layout
![Alexis Abakasanga](https://cdn.hashnode.com/res/hashnode/image/upload/v1729863189990/9f0fa6d1-8930-44db-ab38-06b192708f48.png?w=500&h=500&fit=crop&crop=entropy&auto=compress,format&format=webp)
1 min read
Today, I created a UI Card using auto-layout. I made sure to take note of the finer details, such as naming layers, space between elements, alignment, and use of color. I also learned about text layouts for websites; we have the aligned layout and the zigzag layout.
References
UI Card Designed with Auto Layout: Figma Crash Course https://www.youtube.com/watch?v=wuhgLGLrMoM
Zigzag Image: Text Layouts Make Scanning Less Efficient https://www.nngroup.com/articles/zigzag-page-layout
0
Subscribe to my newsletter
Read articles from Alexis Abakasanga directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by
![Alexis Abakasanga](https://cdn.hashnode.com/res/hashnode/image/upload/v1729863189990/9f0fa6d1-8930-44db-ab38-06b192708f48.png?w=500&h=500&fit=crop&crop=entropy&auto=compress,format&format=webp)