Web Design tips: Texture of Web navigation design

Source: Internet
Author: User
Tags interface reference

Web page Production WEBJX article introduction: Has always been a friend asked the texture aspects of the problem, many friends have been hoping to have a memory to do a texture aspect of the tutorial, but because has been very busy, so today is simply to bring you a period of texture of the tutorial!

has always been a friend asked the texture aspects of the problem, many friends have been hoping to have a memory to do a texture aspect of the tutorial, but because has been very busy, so today is simply to bring you a period of texture of the tutorial!

First look at a standard navigation texture how to show it!

Navigation in the design of the site occupies a pivotal position, navigation is the entire site (especially the portal) Visual focus and center, its influence only after banner! navigation success or failure directly affected the performance of the entire site, whether the enterprise station, or Flash site, should not despise the design of navigation!

Here I would like to talk about texture-type navigation of the production way!

I personally always put the texture of the navigation into several layers, such as high light, floodlight, light, projection, etc., which is basically a kind of should have some effect, they integrated into the interface, you can better show the texture of the interface, detailed look at the following figure!

The example above is the way I often use to reflect the texture of navigation, of course, many ways to achieve the effect can be ever-changing, how to achieve better results. We don't have much wordy here, hehe!

Then I am lifting a complex texture navigation implementation, such as the following glass texture navigation is how to achieve!

Glass is a kind of material with complex high light reflection, so to use more light to reflect his texture, I have a simple example of a production, we can see the figure below how to achieve the effect of glass!

In fact, we should be able to see from my two examples, the bottom is nothing more than a gradient color layer, the other effect is to rely on constantly new layers to achieve. And the embodiment of texture will always be in a certain high light, dark light, projection formation! So my personal summary is more reference to the kind. More reference to other people's design, the use of their own learning to change the way, so that you can make a lot of texture rich and beautiful navigation!

[1] [2] Next page



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.