Read and write design books for everyone to read

Source: Internet
Author: User

Four design principles:


* Contrast (contrast)The basic idea of comparison is to avoid the elements on the page being too similar. If the elements (font, color, size, line width, shape, space, and so on) are different, simply make them distinct. To make a page look interesting, contrast is usually an important element, and formally it allows the reader to see the page first.


* Repeat (repetition)let the visual elements in the design recur throughout the work. You can repeat colors, shapes, materials, spatial relationships, line widths, fonts, sizes, and pictures, and so on. It can increase the rationality, but also strengthen the unity.


* Alignment (Alignment)Nothing can be placed freely on the page. Each element should have some kind of visual connection to another element on the page. This will create a fresh, delicate and refreshing look.


* Intimacy (Proximity)items that are related to each other should be close together and grouped. If multiple items have close intimacy with each other, they become a visual unit, not multiple orphaned elements. This helps to organize information, reduce clutter, and provide readers with a clear structure.


#详细介绍这四大设计原则
1. IntimacyThe idea of intimacy is not to say that everything is closer , the real implication is that if certain elements are related to understanding, or if there is a relationship between them, then these elements should be visually related. In addition, there is intimacy in other isolated elements or groups of elements. Whether the position is near can reflect the existence of relationships between elements.


? How to achieve it?
narrow your eyes and count how many elements you have on the page by counting the number of pauses in your eyes. If there are more than 3-5 items on the page, look for isolated elements that can be grouped into a set of closer intimacy, making it a visual unit.


!! Issues to avoid:
don't put elements in a corner or center just because you have a blank.
avoid having too many isolated elements on a page.
do not leave blank spaces of the same size between elements unless each group belongs to a subset.
do not establish a relationship between elements of a group of different genera! If the elements are not related to each other, separate them.


2. Align to !! The problem to avoid
to avoid mixing multiple alignments on the page (that is, don't center some text, and some text right).
Also, avoid centering the alignment unless you consciously want to create a more formal, sedate (and often more tedious) representation. Not completely eliminate the use of center alignment, and sometimes you can deliberately choose this alignment.


3. RepetitionThe repetition of visual elements in a design can link parts of the work together to unify and enhance the entire work. Repetition of the mother is unity, and enhance the visual effect, easy to read.


? How is it implemented?
repetition is like emphasizing your clothes. If a girl wears a lovely black evening dress and wears a chic hat, she may be able to highlight her evening dress with red heels, red lipstick and a flower.


!! The problem to avoid
to avoid too much repetition of an element, too much repetition can be annoying.


4. Contrastcontrast is one of the most effective ways to add visual effects to a page, and it's easy to attract readers to a page, and in contrast, you can create an organized hierarchy between different elements. Keep in mind an important rule: to achieve effective comparisons, contrast must be strong. Don't be afraid to shrink.


? How is it implemented?
You can increase the contrast by font selection, line width, color, shape, size, space, and so on.


!! The problem to avoid
don't hesitate. If you want to make comparisons, increase your strength. Do not compare a thick line with a thicker line. Do not compare the brown text with the black title.

Read and write design books for everyone to read

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.