Rate My Website

101 Design Tips

101 Tips to creating better website designs

Design Tip #3: Alignment

VN:R_U [1.9.10_1130]
Logged In Reviewers' Votes
Rating: 0.0/4 (0 votes cast)

Alignment plays an important role in taking your site designs from amateur to professional level.  When your content is arranged in well defined columns it significantly increases usability and visual appeal. In web design, everything from the bigger elements, such as the header, content, navigation, and footer, to the inside elements, like paragraphs, ads, text headers, and images should obey an organized alignment grid.

Alignment is a property of nature and the proper use of it can create a better visual experience for our users.

 

web design alignment

Design Tip #2: Repetition

VN:R_U [1.9.10_1130]
Logged In Reviewers' Votes
Rating: 0.0/4 (0 votes cast)

Repetition of design creates a sense of familiarity for the end user or viewer. It gives the person a feeling of control over the design itself by allowing them to believe they know what to expect every time they click a link or flip the page. It also can be used to control where users focus their attention on the page.

Using consistent typography (font face, color, and size) throughout your design will help create a professional appearance. That is not to say that all your text has to be the same size. It simply means that all top level headings, all sub-headings, all paragraphs, all indented blocks, all anchor links, all bullet lists should be consistent.

Repetition of design elements helps your web pages appear more cohesive, and also improves readability as the reader comes to expect text that looks a certain way to indicate certain qualities.

repetition

Design Tip #1: Contrast

VN:R_U [1.9.10_1130]
Logged In Reviewers' Votes
Rating: 0.0/4 (0 votes cast)

Good contrast can make sites appear crisp and organized, whereas poor contrast blends the content into mush. Contrasting elements allow for the user to figure out which page areas are related and which are totally separate, so be sure to differentiate your elements and page sections. Contrast attracts attention to important content.

Contrast is the differences that make an object distinguishable from surrounding content. That means that your graphics, “call to action” elements and anything else that you want to stand out should be different or contrast with the print to make them more noticeable.

Elements that are not related should be very different because making things only slightly different might confuse the viewer into believing there is a relationship where really one does not exist. Contrast in your design livens things up and makes things easier for people to understand.

Recent Reviewers

;.
;.
;.

Honors Board

CMS and E-commerce Websites : Tokyo Web Designs
Ashkas Web Design