April 19, 2024

Get Faster at Responsive UI Design

Mobile devices like Apple’s latest iPad Pro was released with a larger screen size in hope to compete with the most portable of laptops. The overtake of mobile browsing continues as phone screen get larger influencing both web design and UI. This creates a constant challenge for designers when their canvas changes every year. A different way of thinking is required for responsive design, designing for the traditional browser window is no longer reliable.

wireframes-for-different-devices

Designing with multiple screen sizes in mind becomes speedy and more effective when considering content in the wireframing process. This is explained in UXPin’s free e-book Content Wireframing for Responsive Design which describes content wireframes as the on-screen layout of content without actually depicting it. By blocking out areas for the content or splitting it into different categories, designers can create movable parts to adapt to any screen size.
The book is written by Adobe-certified author Tom Green and can be downloaded via Creative Bloc.

Content-wireframing

Editor-in-chief for WebDesignLedger.com. Paulina uses creative intelligence to create everything digital, printable, searchable, minimal, visual and analytical. She has a passion for design and is the founder of UltraArte, a digital marketing & design consultancy. Follow her on Twitter

Leave a Reply

Your email address will not be published. Required fields are marked *