Line25

Articles

20 Web Designs Built With Modular Grid Layouts

Read the full post

Grids are normally seen as blocky layouts with strict rows and columns, but grids don’t always have to be so structured. Modular grids provide a balanced layout by dividing up your content into equal measures, but the ability to span multiple columns ensures the content appears interesting and dynamic. Modular grids are becoming increasingly popular in web design, often combined with images and bright colours to create a patchwork quilt style layout that neatly presents a large amount of content in a small space. In today’s showcase I provide 20 great examples of websites that are built with modular grids, these layouts bring harmony and order to a chaotic amount of content!

Showcasing UI Interaction Design with Animated GIFs

Read the full post

The humble animated GIF has become a popular tool for designers to share their UI designs. How a web or app interface works is just as important as how it looks, and the animated GIF—while it lacks refinement and quality—is the most accessible file format that can be easily viewed directly in the browser, making it perfect for sharing on social sites such as Dribbble. In today’s post I showcase 20+ examples of how designers use animated GIFs to present the interactions and gestures in their UI designs.

Web Design Trend Showcase: Centrally Divided Layouts

Read the full post

I originally documented the trend of vertical split layouts back in 2013 when I noticed some new web designs being divided vertically into two halves to display separate areas of content. I wondered if this trend would become more common, and surely enough, we continue to see cool web designs with centrally divided layouts in 2015. Check out this updated showcase to see great examples of websites that split their content down the centre of the screen.

25 Free Resume/CV Templates to Help You Get the Job!

Read the full post

Are you in need of a slick design for your resume or CV? If so, this roundup of free templates is just what you need! We’re not talking about Microsoft Word documents here, these are layouts for professional designers that use industry standard software such as Photoshop, Illustrator & InDesign. With structured layouts and neat graphics these templates will definitely help you stand out from the crowd and secure the job.

Showcase of Web Design Layouts with Angled Lines

Read the full post

Website layout designs naturally tend to make use of horizontal and vertical lines due to the blocky nature of the coding behind them, but designers are breaking free from these constraints by using dynamic angles in their designs. Sometimes these angled lines are simply background images created in Photoshop, but others are animated elements made directly in code. Check out today’s web design showcase to see some great examples of website interfaces with angled lines.