Web Design Skills Analysis: Theme page Design Express

Article Description: Recommendation: How to design a "teaser" of the thematic head map.

Xiaoning: I believe everyone in peacetime work, often encounter the design of the topic! And most of it is time tight task heavy.
The topic is different from the regular page of the website, the regular page focuses on the content reading and the interaction of the human machine, so the readability, usability is the first one, the adornment sex is second.

On the contrary, it is more focused on "expressing feelings" through the rendering of the atmosphere. The head image of the first screen is particularly important in the rendering of the atmosphere.

We know the importance of the head chart in the thematic design, and what are the main elements that make up the head chart? They have the text, background, color, layout of these four main elements. The following is the sharing of some examples, pointing out some points in the design of the head to avoid some mishap.

Computer fonts

Now people's aesthetic gradually tends to concise, in the choice of computer fonts to strive for simplicity, generosity, good recognition. In the form of bold type, the main body of the song, according to the theme of the meaning can have tilt, size changes. Color and background color to pull off the contrast, like "Wanda Square" topic of the golden Word very good transmission of high-end, business, authoritative information. Again such as "Mirror color one Summer" gradually change color, make people feel the summer colorful.

Design fonts

As mentioned earlier, some fonts will have copyright problems, then we can design the font, so that the title can be more artistic and special attributes, so that the theme of a more specific appeal. For example, "Crazy Descending days Regiment" font design, joined the elements of Lightning, four words organic integration, highlighting the intensity of the madness, promote the audience to buy desire.

Calligraphy fonts

Calligraphy is the embodiment of Chinese culture, in the design and culture, history-related topics can be used, flowing like the calligraphy experience for the theme of many. For example, "The vast dumplings are love" in the "dumpling" word amplification, highlighting the theme of the festival. Color on the use of black, brown, green to echo the leaves and zaoni color, so that the text and picture perfect integration.

Background elements

Background including the bottom of the map, map and other elements, the background should be very good with the title text, but do not steal. For example, "How to break the ice" in the broken ice background is very good with the theme, coupled with a small red buoy map, play the role of the finishing touch. "International Top Ten News" of the wall background foil spray effect of the text.

Color principle

1, the same color: hue Close or the same hue of different lightness of several colors. Colors with the same color will create a harmonious and unified effect, if you want to add some changes can be added to the local contrast color.
2, contrasting color or complementary color: visual contrast strong color easy to create a lively, positive effect, but to pay attention to grasp, to prevent the feeling of dazzling.
3, clever use of transition color: The two colors of the middle color, monochrome mixed with black, white, gray harmonic color can be used as a transition color, the use of the transition color can be a few of the color of the offense to unify.
Color to try to control within three colors, background and foreground color contrast.

Color instances

In the choice of thematic colors to be consistent with the theme of the appeal, the 3 themes on the left are "two sessions," the theme of this political theme is "expert", so the selection of the main color red orange will not appear any mishap, if the use of dark or cold color on the theme of the pursuit of the contrary. Background can also be equipped with the national emblem, Tiananmen and other landmark elements to make the atmosphere more intense.

Header Map Layout

The common layout is: Country font, left and right frame type, tilt type, irregular type and so on.
The layout of the head map does not have a fixed specification to facilitate the display of Web content and aesthetic harmony as the selection criteria, the other subject elements must be prominent.

The above is my shallow point of view, only for a few.
The theme of the design of the ever-changing, as long as not to make some of the mishap, can not rigidly adhere to a number of fixed forms, as the saying goes, "as far as the letter book"
Hope that we can see more and better project design works ...

Original address: Ued.focus