Website design layout skills
How to maintain consistency in website style is an important aspect to consider when designing internal pages. Based on my experience, you can try the following design methods:
1. Consistency of structure: We know that website uniformity plays an important role in website marketing, and website structure is an important means of unifying website style, including website structure, text layout, the position of decorative elements, and the unification of navigation. , the position of pictures, etc., when you browse famous foreign e-commerce websites, you will find that the structures of these websites are surprisingly consistent. The difference is the color or content. In the consistency of the structure, we must emphasize the iconic elements of the website. Consistency, that is, website or company name, website or corporate logo, form and location of navigation and auxiliary navigation, company contact information, etc. This method is a widely adopted structure for current websites. On the one hand, it reduces the workload of design and development. , and at the same time, it will be more conducive to future website maintenance and updates.
2. Color consistency: The method is to keep the main color of the site consistent and only change some color blocks. The advantage is that a website with unique colors will leave a deep impression on people, because human vision is more sensitive to color than structure. Sensitive, it is easier to form memory symbols in the brain. In the consistency of colors, we emphasize that if a company has its own CI image, it is best to follow this image on the Internet to give the audience a sense of consistency online and offline, which is more conducive to the establishment of corporate image. One suggestion is to choose one or two primary colors and a few secondary colors.
3. Use navigation to achieve unity: Navigation is an important part of the website. An excellent navigation with corporate characteristics will leave a deep impression on people. It is better to include the form of the mark in the navigation, or to design the navigation There are many variations in the entire website structure, and if you spend some effort on navigation, you will also design a wonderful site.
4. Consistency of special elements: In website design, the repeated presentation of individual distinctive elements (such as logos, symbolic graphics, local designs, etc.) will also leave a deep impression on visitors. Recovery is better than the changes in the website structure at a certain point, from straight lines to arcs, dark colors decorated with bright colors, complementary colors in colors, etc.
5. Use images to achieve unity: The images in the web page must be used very carefully, especially some animations. The web pages are full of all kinds of irrelevant animations, and these animations have basically nothing to do with the content of the enterprise! Carefully check the animations on the web page and delete the useless ones! What we are talking about here is using images to achieve unity, which is by no means placing several animations on each page! Rather, it is a partial image that is part of the website structure. It is equipped with corresponding images or animations according to the content of the web page, thereby creating continuity for the reader.
6. Use backgrounds to achieve unity: Technically speaking, web page backgrounds include scenery and background images. Generally speaking, we do not recommend the use of background images, but the use of scenery or color blocks. The reasons are obvious. First, the download speed. The download speed of the scenery is ignored, and the background image has to be downloaded according to the image byte size. What needs to be explained here is that if your background image is relatively deep, Then it is best to set the background image to a dark color (the default background color is white), so that when waiting for the browser to download the background image, the light text in front can be easily read, because if there is a background image, the browser will first read it Download, then download the background image.
