Abstract: "to design book" you read a Book of the design principle for complex condensed contrast, repetition, alignment and intimacy of the four design principles. This series of articles will elaborate on the key elements and supporting tools of the four design principles. This is the third article to illustrate the important role of alignment in web design and its supporting tools.

for the hotel industry and the federal government for the development of Web Ryan Boudreaux for the four design principles wrote a series of articles, this is the third article "Effective design principles for web designers: Alignment" translation, as follows:

alignment is three of the efficient design principles that Web designers should follow.



whether you realize or not, alignment is the indispensable part of most Web design; it works behind the scenes and is a hidden design element. It may initially be just a PSD file, or it may be an integral part of the design template, the backbone of the Web design. Your site may have a layout (or grid) as the main framework to support the site’s appearance, experience, navigation, toolbars, headers, footers, and so forth.

, as an efficient design principle, "alignment" can help us make clear decisions about how elements are arranged in a page. Using the layout of the strategic layer, you can design more powerful and attractive works; using grid systems, you can provide standard guidance for the positioning of each element. Without alignment policy, we would randomly place elements, with little or no association with other similar elements. Without alignment, the appearance and experience of the site will become disorganized.

alignment strategy has been far beyond the alignment of the alignment, the floating property and text and pictures, it also contains other factors, such as user interaction, information architecture, grid and Web design elements of the organization.

how do you make decisions about alignment in Web design,

?The main considerations for

include the analysis of typical user interaction patterns, such as eye tracking tests. According to a number of studies how users browse the web "has been carried out, including the eye is how to browse the page from the beginning to the end of the scanning path is what, how to determine the user location and click to jump to the next position. The discussion launched by Charles O ‘Connell on Usability.gov (Figure 1) describes the implications of eye tracking tests. As you can see from these studies, one of the main points is that most users scan the content of the page along the "F" shape "hot spot", which starts at the top (as headlines tend to draw more attention than pictures)