Key points of graphic design of Web page

Source: Internet
Author: User

How to do a good job of web design, for beginners, this is still some small difficulty, especially when the web design by a few people to take over the time. However, in fact, as long as master a few points, web design is actually not very difficult.

Before the graphic design of the Web page, we start with the new file settings based on PS, the following points to note when setting:

1. Must do a good job of Web page width design, the general Web page width of 760PX, 900PX, 1000PX, etc., preferably not more than 1200PX width, the height is unlimited. Most companies that do Web sites have a more reasonable standard.

2. As a Web page background, the Web page icon to be clear, in the design of the site more attention. So in the Chettu when not cut out the effect and the effect of the design is too large.

3. There are special effects places, it is necessary to design special effects style, so that the div CSS when the use of cut diagram.

4. The text that can be changed after making a webpage, need to use XXFarEastFont-Arial, black body no need to decorate

5. The details must be aligned

Two points to note after drawing design:

1. Export jpggifpng and other formats to observe the effect.

2. Do not close the layer, try to keep each text icon picture has a separate layer, so that in the div CSS Chettu easy to hide the display cut map.

After the new settings, you should start to design the Web page, in the process of designing the Web page to pay attention to:

1. Note that the page is divided into pieces, start to design a page, you must according to the content, and its style, the overall page block. Chunking is a very necessary and difficult skill to master. For the General magazine, they are side, which means that the magazine art designer has a side to follow, rely on the edge to form a three-dimensional, relying on the edge to produce an endless meaning; But for web pages, the concept of edges is watered down and the screen can be dragged up and down. So it is very necessary at this time, the purpose is to produce the effect.

Blocks can be colored with different color blocks, boxes, thin lines, neatly arranged in English and so on, but also can be mixed use, but not too eye-catching, because the focus of the page in the content, and not other.

2, the color balance and echo.

1) the color balance. Color in the page can form a lot of effects, through strong contrast, you can highlight the focus of the page. Also through the color deployment, to achieve a change in the page stability. In general, the color at the top of the page is always heavy, so as to press the color below, if not to take this approach, the entire page will appear very unstable, the bottom of the text picture, there is drift out of the meaning. Therefore, to make the entire page look very balanced, you must have a color that can suppress other colors.

2) the color echoes. A more prominent color, if very abrupt placed in the page, whether you are highlighting the focus or logo icon, the entire page has brought side effects. To do this, you must add the color to the relative position, which is not visible to the page, to weaken the visual impact.

3, accurate to 1 pixels

If you're a successful page designer, you'll at least have the whole page in front of the page, and if you're forgiving of the 1-pixel difference in the picture, you're not quite qualified.

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.