Today’s roundup showcases 30 sites that fully embrace the hero image, granting the maximum amount of space possible to this design feature and shifting all other content thousands of pixels down the page.
Hero images prominently fill the screen to wow the user, often only accompanied by a heading or a sentence and a single call to action such as a signup form or button links.
Designing a website using just black and white provides the highest contrast possible between text and background elements. Combined with black and white photography, this produces powerful designs that grab the attention of the viewer and draws them in with their seductive qualities. In today’s showcase I round up 20 beautiful examples of monochromatic website designs that master the use of black and white in their interfaces.
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.
The bold visual design of Infographics makes it easy to digest facts and figures about a given subject. There’s some great infographics based on interesting topics related to web design, from articles explaining the benefits of responsive design to interesting statistics about the industry. In some ways infographics can resemble a zoomed out picture of a webpage that can help with design ideas. Today I showcase 15 interesting Infographics that every web designer will enjoy. Give your scrolling finger some exercise as you browse through this lengthy post. For some additional stunning info graphics to review, check out our other posts here →
As web designers we often get frustrated with the UI and UX design of sites we commonly use, with social media sites being right up there as the most annoying! This can lead designers to have a go at redesigning them, albeit unofficially as a personal project just for fun. Sometimes these design concepts are pretty radical, whereas others are so well made we can only wish they were the real deal. Check out this roundup of 30+ unofficial redesigns of Twitter, Facebook & YouTube.
Grids give a website design structure and balance, but some grid layouts are more obvious than others. The most basic of grids is the square block, where the page is divided up horizontally and vertical with equally spaced gridlines. The content then fills the grid like a chequerboard pattern, or elements can span multiple blocks to form larger content areas. Today’s showcase features 30 perfectly balanced sites that are all based on a blocky square grid.
User dashboards are difficult interfaces to design, as there’s loads of information that needs to be neatly presented to bring the user up to speed, but you don’t want to slap them in the face with tons of data.
The sidebar menu seems to be coming back into fashion once again after it was left behind for horizontal navigation bars. The sidebar menu was most common back in the early days of web design, but these days we’re starting to see designers ditch the horizontal nav bar in favour of the vertical list once again. Nowadays though these menus are built with large icons or clever animation effects that allow them to slide in and out of view. Today’s web design showcase features 20 sites that all feature modern examples of the classic sidebar menu layout.
Websites are naturally made up of a series of square blocks due to the way they’re coded with HTML. This results in the typical boxy designs we’ve all come to expect on the web, but some designers are breaking free from the limitations of horizontal and vertical lines to experiment with other layouts. Today’s web design showcase features 25 cool sites that think outside the box with unusual shapes and angles.
The video background trend in web design is definitely still hot. We first featured roundups of website designs using full-screen video backgrounds and video headers back in Spring, but we’ve stumbled across loads more designs that deserve to be featured here.
This post rounds up 20 more fresh examples of websites that have adopted stunning video backgrounds to introduce the site with motion pictures. Check them out!
