How curved imagery in your UI commands your visitors' attention

How curved imagery in your UI commands your visitors' attention

Using a background image on your website can convey a great deal of information about your brand without text. Imagery also captures visitor's attention. One of the recent trends is to use an image with a curved bottom. As with most trends, this will work for certain sites and not others.

The most common screen sizes for desktop computer screens are 1366 x 768 pixels and 1920 x 1080. If you cannot take your own photos, there are plenty of free high resolution background images online. Just make sure your competitors are not using the same stock photo. If you find a transparent PNG, you can put it in Photoshop and curve the bottom of the site. It will intrigue visitors.

Curved Hero images can be even more eye-catching than normal images. People react more positively to curved images than rectangular or square images. Since sharp lines don't appear in nature, images of trees or grass look better with at least one curved edge.

Dividers play an important role in UI design since they offer horizontal content separation. Many designers use a thin line or they use white space and skip the line altogether. Plain 1px lines look so dated; designers have many options beyond a thin straight line. A high-end jewelry maker might opt for filigree, while a casual site can use a bolder curved line. There's a free custom shape divider at shapedivider dot app. You can make custom SVG images in different shapes, colors and sizes. There are other approaches to creating curved dividers, including clipping, CSS and HTML5 Canvas.

Remember, if you use curved background or hero images or curved dividers, visitors will associate different colors with different emotions. Use consistent colors in your curved imagery which will represent your brand's personality and which your visitors will find aesthetically pleasing. For more information click here

UI Web Development Curved Imagery 1920x1080 Background