6 Excellent web design details

The difference between excellent design and excellent design is relatively small. The average person may not be able to explain the specific differences of the outstanding design, but they can find their favorite web design works. By contrasting a few excellent works, I have summed up a few details as distinguished design. Not long ago, I wrote an excellent website should follow the 4 http://www.aliyun.com/zixun/aggregation/8912.html "> Design principles." Now this article is a bit like the continuation of the previous article. In the previous article, we focused on the application of contrast, repetition, alignment and segmentation in Web pages. I use several excellent web works as examples to illustrate the principle of excellence design! A reasonable use of gradient gradient do not abuse, not to make the gradient with the rainbow-like, otherwise your web page works look more amateur. In a nutshell, a reasonable use of gradients is helpful for good web design. Gradient, scattered landscape combined with the use of Newism Web site color is rich, but subtle gradients and backgrounds in the visual combination of the very place. If you are also interested in Photoshop to do this effect, you can go to the Abduzeedo ' s tutorial website to learn.

gradients, projections, and textures are used in combination. Onwired website has applied these design techniques, it is obvious that his design works of great effect! Since the beginning of the onwired website design in the application of gradient, projection, texture this is just right. I also particularly like these designer designs.

Two, leaving white leave the word is often easily misunderstood from the literal interpretation of the blank. The more accurate description of Web page design is the space between the elements of each plate. Further analysis to see how a List apart defines it. "White" for web design is very important, leaving White will not let you page elements are stacked together. For young designers, White may be a big problem, they do design when the whole page is full, not to the page enough "breathing space." This may not be a problem for them, and if the content doesn't fit, they can use the browser's scroll bar to enlarge the space of the page.

Excellent white and clever split line Snook site layout design is more reasonable and comfortable. At the same time, note that the site inside the dotted line will be separated from each plate, so we browse the site at a glance.

Abstract graphic sofa Using abstract, beautiful, simple method. By using an image without background or clutter, the space for the viewer is smooth and comfortable.

Third, grid layout web design of the grid layout the original inspiration was to draw on the composition of the newspaper. But if you look closely at the things around you can find the grid phenomenon, from good design to the life of the transport network. 960 and blueprints may be the two most popular grid layouts. I personally prefer the 960 grid layout, it is simple, focused. You can use any alignment to arrange the elements of your site, alignment in the design of a complex page, you can make your site look more sophisticated, orderly, and you are in the page layout to add any module content when you do not have to consider other modules.

Integrated use of Grid Layout Poccuo Web site integrated use of grid layout, it uses 3 columns and 5 columns combined layout. Give people visual attraction and visual space.

Blog with column layout

I prefer the web design ledger the top of the presentation, he put the latest announcement content to enlarge the top of the page at the same time, the other in a 3-column arrangement.

Use a large number of equal column layouts

Ecoki's beautiful Web page layout is clearly a 4-column, 2-line layout, with slides, thumbnails, and the latest reviews taking the same approach.

Iv. Improving Font application font application puzzles most designers. If you want to improve your design level, fonts play an important role. Not only plays an important role in readability, but also can increase the atmosphere of design works. Draw attention with contrasting fonts simplebits Web sites do a great job of using a variety of contrasting fonts to guide viewers ' attention. Font contrast can be used in different font contrast, a variety of color contrast, font size comparison and other forms.

Do not think that the font is like the logo on the site is very beautiful, comfortable, but you can say your thoughts and feelings to describe the feeling. Especially in the spacing, font selection and other font applications to do a very perfect, I was his logo font application fascinated.

Five, clear and effective navigation good navigation for web design is very important, if the viewer can not quickly and easily find it, they are likely to go to other sites. This is something we don't want to see, and I know that Myinkblog has made some improvements and will make a radical improvement in the future redesign.

Blog navigation below display category navigation in most cases, blog navigation is placed on the page while the category as a second navigation is placed in the sidebar of the page. Tutorial9 did a great thing, he showed the Photoshop resources that the viewer cared about in a vivid way, and had a highlight when the mouse passed the level two navigation.

Toggle different icon effect icon switch effect in web2.0 web design whether it needs to be a large number of random applications, and become a trend. Not all of them are bad, the reason for the bad use of web2.0 is overuse, amateur use caused. In most cases, the appropriate application icon toggle button is quite effective. Carsonified Web site in the navigation on the use of monochrome, simple icon switching effect, and the overall feeling of his site to match.

The use of beautiful and practical footer in the beginning we will be the footer as a secondary content, in the footer to place some less useful content. Just spend a little bit of your time designing it. Now the footer for the overall design becomes more and more important, do not miss the good footer to complete your design.

Show a lot of information and certificates this footer mainly shows the necessary information such as website introduction and copyright. Brian Hoff website adds some personality, interesting content in it. The author's work and suggested content are presented through a 3-column layout.

Add search function

Elliot Jay Stock's website adds an extra large search box at the bottom ...

Original: Web design from excellent to excellent 6 details English original: 6 Ways to Take Your webdesign