What issues need to be paid attention to in corporate website design?

You need to pay attention to the following four points: 1. Enhance the visual effect 2. Enhance the visibility and readability of the copy 3. Visual unity 4. Freshness and individuality are the highest realm of layout.

The first step in designing a homepage is to design the layout.

Just like traditional newspaper and magazine editors, we treat the web page as a newspaper or a magazine for layout and layout.

Although the development of dynamic web page technology has made us tend to learn scene screenwriting, the basics of fixed web page layout design still need to be learned and mastered.

Their basic principles are very common, and you can understand the key points and draw inferences from one example.

Layout refers to the complete page seen by the browser (can include frames and layers).

Because everyone's monitor resolution is different, the size of the same page may appear in different sizes such as 640*480 pixels, 800*600 pixels, 1024*768 pixels, etc.

Layout is to arrange pictures and text in different locations on the page in a way that is most suitable for browsing.

You may notice that "most suitable" is an uncertain adjective. What is the most suitable? Sorry, Ajie cannot and cannot give you a complete and correct answer.

Just like someone wants to know what the secret of success is, a successful person can only advise you on what method to use and what path is easiest to achieve success, but it is impossible to tell you the "secret" of success in one step.

We talked about the overall creativity of the site in the fourth article of the design thinking series. Layout is also a creative issue, but it is easier and more regular than the overall creativity of the site.

Let us first understand the steps of layout: 1. The new draft page is like a blank piece of paper, without any tables, frameworks and conventions. You can use your imagination as much as possible to create the "scene" you think of.

"Draw on it (we recommend that you use a piece of white paper and a pencil, but of course you can also use drawing software such as Photoshop).

This is the creative stage. There is no need to pay attention to detail and function, and only use rough lines to outline the outline of the idea.

Draw as many pictures as you can, and finally choose a satisfactory one as a script to continue creating.

2. Rough layout Based on the draft, arrange the functional modules that you determine need to be placed on the page.

(Note: We mentioned the functional modules in "Home Page Design-Introduction", which mainly include website logo, main menu, news, search, friendly links, advertising banners, mailing lists, counters, copyright information, etc.).

Note that here we must follow the principles of highlighting key points, balance and harmony, placing the most important modules such as the website logo and main menu in the most conspicuous and prominent position, and then consider the discharge of secondary modules.

3. Finalize the rough layout, refine it, and make it concrete.

(Only by relying on your wisdom and experience and making insinuations and associations can you make a creative layout.) During the layout process, the principles we can follow are: 1. Normal balance---also known as "symmetry."

It mostly refers to the form of left-right, up-down comparison, which mainly emphasizes order and can achieve the effect of stability, honesty and trust.

2. Abnormal balance - that is, non-contrast form, but also balance and rhythm. Of course, they are all uneven. This kind of layout can achieve the effect of emphasis, uneasiness, and high attention.

3. Contrast---the so-called contrast not only uses techniques such as color and tone for expression, but also involves the contrast between ancient and modern, new and old, poor and rich, etc. in content.

4. Gaze---The so-called gaze is to use the line of sight of the characters on the page to imitate the psychology of following the viewer to achieve the effect of staring at the page. Generally, star gaze is used.

5. Blank space---Blank space has two functions. On the one hand, it expresses outstanding excellence to other websites, and on the other hand, it also expresses the superiority of the web page's taste. This method of expression is very effective in highlighting the style of the web page.

Although the above design principles are boring, if we can understand and apply them to the page layout, the effect will be very different.

For example, if the white background of the web page is too blurry, you can add some color; if the layout is scattered, you can use lines and symbols to connect it; if there are too many words on the left, you can insert a picture on the right to maintain balance; if the table is too regular, you can

Try using a lead angle instead.

After constant attempts and deliberation, your webpage will definitely become more beautiful:) Take a look at the layout formats we often use: 1. "T" structure layout.

The so-called "T" structure.

It refers to the layout of the horizontal website logo + advertising strip at the top of the page, the main menu on the left below, and the content on the right. Because the menu bar has a dark background, the overall effect is similar to the English letter "T", so we call it the "T" shape.

layout.

This is the most widely used layout method in web design.

The advantage of this layout is that the page structure is clear and the priorities are clear.

It is the easiest layout method for beginners to use.

The disadvantage is that the rules are rigid, and if you don't pay attention to the details and colors, it can easily become "boring".

2. "mouth" type layout.