There is a lot of buzz around the video background trend at the moment, along with video as a marketing tool and short explainer videos that introduce a product or company. In this week’s article Julia Blake takes a closer look at video as a design phenomenon and explains some of the pros and cons of video use in web design.
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!
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.
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.
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.
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.