50 Web page header design for users to linger (next)

Web designers can always design stunning details that are memorable to the user. Especially in the head, the designer's idea, gas field, feelings, force lattice will be in a simple few design skills, flowing freely in front of the user. The design of the page header has the rule to follow, but because of the difference of the website itself, the design technique often varies greatly. Although many cases, but please do according to the actual situation after analysis, and then learn and use. The top half of this article is stamped here: "50 Web page headers designed for users to linger on" (Part One)

26, elegant and bright appearance

Refreshing, simple and font-oriented, this is what La Dolce Vita's blog did, with its elegant, vibrant design memorable.

27. Use only one font

The Mine is yours is a minimalist web site that not only has the overall style, but uses a single font to create unmatched uniformity. In this case, less is more of the design concept embodied very thoroughly.

28, a simple color scheme

Maiedae in the upper left corner of the use of a lovely handwriting logo, and the site more attentively in order to highlight the content of the site is not part of the picture color design is simple enough to allow users to open the page after the first moment will be concerned about the picture and content.

29, cute and short direct

Although many Tumblr blogs use this layout, you must admit that a relatively narrow page width and lovely color will make the page look pleasing and memorable.

30, a name is enough

Sometimes the complicated design is not as good as a simple straight hit, and panic Blog is a master, a cameo effect of the title gives people feel very well.

31, to a picture and text mix banner

Literary and artistic wind full of little Green notebook is suitable for such pictures and texts of the banner, this seemingly processed page head full of warm touch, walking heart and beautiful.

32, let the picture and the content is closely related

We often say that we want to make pictures and content interrelated, but how to design enough to close it? Open the brain hole, like designing Tripper, Han can make people smile, unique and don't feel abrupt.

33, the use of grid

The use of raster systems to make storyboards can also be achieved in Tumblr, a design that organically integrates headings and content. Using a grid not only makes the layout more tidy, but it makes it easier for that user to navigate.

34, remove the page header

If there is no page header, then what about the opening experience of this site? This site is doing so, after removing the page header, beautiful pictures and content composed of this full-screen-style page, direct and full of impact.

35, with the title and content to cover

This is glamorous a website about fashion and interior design, with elegant hand-painted font titles and content covering the page in a more compact way, and a very elegant and straightforward browsing experience.

36, logo and picture of the combination

The black logo and the light-colored banner chart are combined as the headers, and are more visually visualized than the common presentation of text titles + links. What if your logo is beautiful enough to show you more?

37. Comic-Banner

The website of the illustrator is good, the Thirsty wench page will be the title and comic illustrations together, taking into account this is a wine-related website, this bold style or with the very match it ~

38. The beauty of complexity

In the mainstream design of the pursuit of simplicity of the United States today, the use of complex and elegant page head is also a kind of not follow the attitude. The page header, designed with a grid and a large number of text headings, makes the Rivet Press's homepage look gorgeous and impressive.

39, let the title extremely eye-catching

Yes, it's a little rough, but the font is beautiful, the color is bright enough, what's wrong with this? Attractive, interesting, so that the page has a visual focus.

40, the use of comparison

And the above case has the same thing, the Deaf Pigeon page makes all the elements of the background appear soft, just let the site name and prospect that huge red axe highlighted, the purpose is clear, strong contrast, distinct levels.

41, the Beautiful logo

Decor8 's beautiful logo is placed in the middle of the entire blog, which is the classic and simple solution we talked about earlier.

42, centered display style design title

As a woman-focused blog, the Chronicles of her the title with lipstick to make it appear sexy, centering it on the page, striking and having character.

43, the use of space to create a sense of level

This site also uses a single font design, and in order to create a sense of hierarchy, designers fully use the space and white to achieve differentiation. Ceeesk's page header is another case worth learning.

44, the Visual font selection

Pay attention to the classic car collection blog Crush use retro Classic font to render its title is not too, and the ingenious site design is that it is very good with retro car pictures together, composed of the page head, stone. visual fonts and visual images make the entire page look prominent.

45. Only use logo

As a function of a single to collect only the book cover page, in the header and complex navigation seems not appropriate, the upper left corner using a simple logo is so consistent with the site's tone.

46, try the modern wind

Modern, minimalist style is not monotonous, if you want to use this style to attract users, it is necessary to watch more similar cases. The design of 70% Pure is very subtle and is worth your learning.

47, the combination of font and texture

Another title font and texture combination of cases, many times to find a character with a font with a textured texture can be a good performance of a logo.

48, enlarge the title font

Simple amplification is often the result of a miraculous effect, which seems to be in the very simple wind of the site has been added, just as the beauty is boring this site design.

49. Content Reference

Pick up some of the interesting content in your blog and quote the header to make your blog look very unique, Ways's website uses this way, with eye-catching colors to enhance the effect of the reference, Bie.

50, the color of the bright block

This is similar to the previous case, the use of a colorful color block background can be the title text to form a visual contrast, enhance the layout effect, attract users attention.

　　Conclusion

The Web page is designed in a variety of ways, but the purpose is to attract people the same. Whether the traditional contrast design, or sword walk slant ideas, can make your site to impress people, the importance of this design method is consistent with the style and characteristics of your site, can scratch the user's itch, leaving a memorable impression.