Design Theory: Home design needs to highlight the theme of the idea

Web page Production WEBJX article introduction: design a summary of the tips of the homepage of the website.

Homepage design, need to highlight the theme at the outset

At the outset, whether for an article, a meeting or a feature film, or for a website, are essential. Then can for a site to the very first place (label) is title (title) and description (description, subtitle), and can provide further interpretation for title and description is the homepage of the website.

What information to show

The importance of a page is based on the information it renders, and conversely, what information the page presents to the user is the primary indicator of whether it is important or not. In the Site page, the site title, subtitle, menu (in the narrow sense of navigation, see "Web Navigation Design"), user login information, about, copyright information These are the basic information of the website, is a website identity, carrying the site to show the position of the user, what kind of products or services, the website self introduction, How to contact the important mission of the website, when designing the page, this information is essential.

and the homepage of the website, in addition to need to display above these basic information, the most important is also undertakes the heavy duty which the website transforms the rate, this is also all types of website Homepage's most important task. How do I get the home page to complete this important task? My understanding is that the products or services provided by the website through the layout design, copy design, color design, display the appropriate location on the home page, and make it not subject to other information elements interference, and even make other elements for it (products or services) services.

Highlight the theme of the idea

Know the home need to show what information, know the weight between the information, how the information presented more in line with the information itself, but not an easy thing, need time to hone and experience accumulation. In terms of design itself, is a perceptual thing, unlike the mathematical formula, it lacks rigorous theory as a guide, so in the work, often appear with boss, colleagues disagree with the situation. My personal experience is to make it universal in the design of unimportant information, in the design of important information to highlight the design of the theme of the idea, in the discussion with Boss, colleagues, as far as possible to focus on the theme of the idea of the presentation and its conversion rate (or market goals) on the role. You can say that this is a utilitarian design, yes, all the designs are for the ultimate purpose of commercial profits.

How to Highlight

In the layout design, the need to classify information, allow users to scan (designed for scanning only, please refer to "Don t make Me") page when the visual flow of the smooth, in a short period of time (3-5 seconds) to discover which areas (such as menu, advertising, registration, personal information, links, buttons, etc.) to facilitate the user to make a choice in the first time. In the design process, it is recommended to strictly follow the four typesetting principles, namely: contrast, alignment, repetition and intimacy (see the Design Book for everyone). such as yahoo.com, renren.com, cnet.com homepage design.

In the copy design, subtitle of the copy design, requirements of the text concise, clear, the language, sentence patterns should be consistent with the overall tone of the site. such as Renren "because of the truth, so wonderful", Alibaba's "all seek the largest wholesale market", babytree.com "love, Communication, growth" and so on. In the design of the product or service propaganda, the request is short, understandable, the description should be complete, the language should be rich in emotion, has the fan nature, attracts the user attention, finally urges the user to pay the action, this achieves the goal (conversion rate or the CTR-click). The elements that are displayed usually include WHO/what, how, when, where, how, and why these six elements (see the back of the napkin). such as Renren, net home of the theme of the form. These should be the work of copywriting design, but the current situation is that the boss will not specifically employ copywriter, the Web page in the copy is generally done by interactive designers, and small companies are by art to complete. Therefore, it is necessary to know some copy design knowledge.

In color design, that is to meet the overall characteristics of the site, but also suitable for the characteristics of the information rendered. General use of the same color or adjacent color to the site's basic information rendering, the emergent theme of the information using the basic information color complementary or contrasting color to render, from the visual embodiment of the weight of information and logic relationship, to highlight important, weakening the secondary purpose.

What is it

Watermelon, Thindpad, iphone, Pepsi, famous writer, World War Ii. When you see these nouns, your mind emerges from their characteristics. For example, when you see "famous writer", May think of Lu Xun, and the British see "famous writer", it is likely to think of Shakespeare, and then see the term "Second World War", you may think of "Dog Day", and the Jews think of may be "Hitler." This has a great relationship with the user's knowledge background. In the Web page design, user knowledge background must also be taken into account, I have seen a leader in the discussion with colleagues page design, on the whiteboard to draw a category list, has been painting it on the left, and in a list of rendering. This is enough to show that the list of categories he touches may be mostly on the left side of the page, so he unconsciously thinks that the category list should be on the left, in other words, on the right or somewhere else, not the category list. I may have defined it as extreme, but it does reflect the immeasurable impact of the knowledge background on the user's habits.

Therefore, in the design, the Web interface should be designed like a web interface, software interface design to be like the software interface, game interface design to be like the game interface, advertising design like advertising. Never in order to get the visual innovation, the interface design into a sibuxiang. This may seem overly conservative, but it helps to minimise risk. In fact, the site most attractive to users is the quality of content, not fancy, gorgeous visual design. The main purpose of visual design is to use the appropriate visual elements to show the weight and logic of the content, belonging to the supporting role. In the sketch "I am the protagonist", also very clearly highlighted the supporting role and the protagonist should play their own roles, as a supporting actor's visual design can not rob the protagonist (content) of the play.

Don't talk on paper.

Zhao's talk about the harm has been. Theory can be learned by learning, and experience can only be obtained in practice. Currently involved in the planning of a project, it is intended to be a specimen of the Web interface design related issues to be further discussed. Hope the students in the criticism to give support ~