Blue-blue designTheseNavigation DesignThe menu comes from Dribbble's website and comes from excellent designers all over the world. It covers various styles and is exquisite. Here I willNavigation menu designDemonstrate them, summarize their merits based on your own ideas, and demonstrate some useful technical methods. In this way, we will not forget the simple and rough view. We can get a lot of inspiration in web design and improve our design level.
After reading this case, you can understand that you can think about the possibility of element styles based on the existing things (here the wooden page material. Taking this case as an example, you can think about the opening and closing of a drawer on a wooden page as two States of the navigation menu, so what style can be implemented without considering the technical implementation? Bullet hole? Mark? Paint? Here, you can let go of your imagination. This is the time when the idea begins. If you have ideas, consider technical issues, rather than limiting our imagination.
We recommend that you use materials for the creation of wood materials. High-Resolution materials not only have rich details but also have diverse styles. The materials are of a delicate style. There are actually a lot of such materials, however, the key lies in the accumulation of materials of different styles at hand. This effect is actually very fast.
Download
Download
Here it is worth mentioning that the use of the cold background color and warm text and Icon color in the case, orange and green are complementary colors, blue and green as the background color saturation is very low, while the orange saturation is very high, by comparison, icons and texts are both eye-catching and harmonious. So if you want to use complementary colors in the design, do not increase the saturation of the two colors at the same time, this will make the visual pull to both sides, but should have primary and secondary, by reducing the saturation of one color and then adding the corresponding white or black color with a higher saturation, as shown in this case.