Do you ever find yourself noticing that a certain design element just keeps popping up? Even those tiny details that look somewhat insignificant can be indicators of design trends. That is particularly true with the elements in this month’s roundup.
Each of these trends—white edges framing a web design, cinemagraphs and tiny loading animations—are seemingly simple details that enhance the visual experience for users.
Here’s what’s trending in design this month:
1) White edges
More web designs are using white edges or framing around the perimeter of the design in the web browser. It’s a new twist on an old idea when more websites were built to certain sizes and framing was used for odd browser widths.
It’s something that faded as more designers opted for responsive, full-width designs.
The new twist with framing is interesting and is a nice way to create a canvas for the design. Most of the sites using this trend include a white—common, but not mandatory—edge around the design. It’s a few pixels wide and is commonly placed around three or four sides of the design. (Some are opting to leave the frame off the bottom of the design to encourage scrolling.)
The nice thing about the white edge is that the design is clean with white lines that can help bring focus to strong color choices, draw the eye from the edge of the screen to other light elements (such as text boxes or calls to action) and edging can help create a background canvas for parallax scrolling or other animated effects.
Camden Town Brewery does this exceptionally well. The white framing fills in between elements of the design to create depth and focus for the user. White separation sets apart each new content section on the screen and contributes to overall organization of the design. (Plus, white accents really bring out the strong red and black color palette to keep the combination from feeling too overwhelming.)