Basic design of Korea's three main portals

Source: Internet
Author: User
Keywords Writings Gates portals features

Objective

This blog through South Korea's most representative Naver, DAUM, Nate three major portal network design, from which to understand the layout of the home page, color applications, as well as channel navigation, page module processing and other basic design, so that we more convenient, intuitive and our domestic portal do contrast, Understand the Korean portal design trends and style grasp, I hope to give every concern for the portal design friends some new inspiration.
Page layout, structure

The above three portal http://www.aliyun.com/zixun/aggregation/18594.html "> page layout and structure can be seen more than the layout of several domestic portal network." South Korea's home page layout is usually simple and clear, block obvious features to attract users. But that does not mean that the content is monotonous. Korea's portal is more to use clear navigation to guide users faster, more direct access to the user needs of the page, rather than all the channels, categories listed in the homepage. I remember seeing him write a phrase on a Korean design blog said: User Preview site like shopping malls, shopping malls are not necessarily to sell all the goods piled in the door of the customer entrance, and more important is how to let users take some detours less, buy more of their own satisfaction with the goods, This requires a clear and unambiguous layout of navigation and reasonable science.

Page color Application

In order to better make a comparison of the above copies of the three portals are the same form of the topic page-Mobile application of the promotional topics.

From this, we can see that each portal is around the VI of the standard color to make, its three design styles are very close, a faint background, clear text, intuitive material. Not too much decoration and rendering, not too much rich color This is the Korean design style.

Specification for channel Navigation

Each portal has a rich channel, because there are too many channels involved, I can only list a number of key channels and a representative channel navigation.

The above three portal channel navigation processing is slightly different is nata any channel white bottom black word, only uses the different fine color stripe to differentiate the channel difference. Naver and Daum use the VI standard color, and the characteristics of the application channel to take some peripheral subsidy color. But any channel does not break away from VI's standard color, this processing's benefit is very good manifests its brand cohesion and the brand concept.

Page color and text color

Three portal pages with color is basically strictly in accordance with the VI spot color and light collocation, the overall look at coordination.

One of the vate text with the color of the obvious features, did not indicate the text chain, but the use of CSS text induction to indicate the point.

In the domestic interface design, the part of the Chinese text chain is usually expressed in blue or blue. But at present there is no defined standard, what kind of text chain is blue, what kind of text chain is only using the usual color + text induction style to express. Naver and Daum in the text chain processing, the general text chain is expressed in the color of the main text, in particular specific text chain to apply the blue text chain.

Icon

and client, WAP

icon and client general offline use, so more need to retain their own brand sense. Icon must be in the limited pixel space can not only show the characteristics of the product, but also to show the brand's unified image, brand sense of the whole, Brand series.
The above three portal's icon and the client all have the common characteristic, all retains the brand own basic color and the style, the sense of texture, guaranteed the user's recognition. In the domestic icon and the client's use of color is more confusing, because only the emphasis on its own characteristics and style of products, often overlooked the brand sense. This, we can use a lot of reference.

Visual processing of page module


As a designer should have a good performance on the module, but also to have a sense of the module. Which modules can be used in the form of tags, which modules to be made to switch scrolling form ...
The above three Portal module processing mode and visual performance form are similar, basically with light lines, and light color block, and even do not apply a gradient, anti-white text of the dark classification bar. This approach to the page looks more refreshing, concise.

Conclusion
The above is Korea's three major portals Naver, DAUM, Nate's basic design in several aspects, we learned from the Korean design style and the application of norms.
Wed Design is a comprehensive art form, shouldering not only with foreign excellent aspects of learning, but also to design a custom product in line with domestic users, but also to use the most scientific way to guide the user groups, so that better and faster use of network products.

Finish

PS:

In order to facilitate the exchange of learning, deliberately registered a set of IDs, you can log in to browse to more pages, as well as download to the official client.
I will also do my best to help you with the written questions.

Http://www.nate.com/ID:netease Password: My name pinyin +163 (do not enter + symbol)

Http://www.naver.com/ID:xiaohuizi Password: My name pinyin +163 (do not enter + symbol)

Http://www.daum.net id:dandanqinghui Password: my name pinyin +163 (do not enter + symbol)

Source: http://uedc.163.com/6491.html

Related Article

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.