Using visual punctuation in website design involves design elements such as photos, lines, and icons to break up content and guide the user’s eye down the page. This can help improve the readability and visual appeal of the site, and make it easier to navigate.
Visual design is different from UI, which is a narrower specialty solely relating to the interface and interactions (albeit with a visual element).
1. Shapes and dividers
Shapes and dividers can be used to separate content and break up long blocks of text. They can also be used to create a visual hierarchy, with thicker lines indicating more important content.
Shapes and icons can be used to draw attention to important information, such as calls to action or key points. They can also be used to add visual interest and help break up the monotony of text.
2. Photos and banners
Photo banners or galleries are a good way to use visual design or product showcases to visually disrupt the page. Use full width banners with a photo as the background to break up text, but also to give reader’s eyes a break. Changing widths ensures these breaks have as much impact as possible.
3. Colours and contrast
Color can be used to create contrast and draw attention to important information. Use bright or contrasting colors for calls to action or important information, and more muted colors for less important content.
Don’t forget the empty space between design elements This can be used to create a clean, minimalist design and help guide the user’s eye through the page.
