Thinking of website design-Locating CI image of your website

Source: Internet
Author: User
The design of the so-called CI, is borrowed advertising terminology. (CI is the abbreviation of the English corporate identity), which means to unify the image of the enterprise through vision. Real-life CI planning abounds, outstanding examples such as: Coca-Cola Company, the Global unity of the logo, color and product packaging, give us a very deep impression. More examples such as Sony, Mitsubishi, McDonald's and so on.

An outstanding website, like the entity company, also needs the overall image packaging and design. Accurate, creative ci design, the promotion of the site has a multiplier effect. After the theme and name of your website have been set down, what you need to think about is the CI image of the website.

Some netizens have to ask: I am not majoring in advertising, CI may be too difficult for me: ( Don't worry, Atzie himself has not studied the design of the professional Oh. As long as you refer to some of my specific practices and experience, it is easy to get the CI of their own website to be buttoned up:

1. Design the logo of the website (logo). First you need to design a website logo (logo). Just like trademarks, logo is your site characteristics and connotation of the concentrated embodiment, see logo let you think of your site. Note: The logo here does not refer to the 88x31 icon banner, but the website logo.

Signs can be Chinese, English alphabet, can be symbols, patterns, can be animals or people and so on. For example: Soim is the Soim in English as a sign, Sina with letters sina+ eyes as a sign. Logo design ideas from the name and content of your site.

(1). The site has representative characters, animals, flowers and plants, you can use them as a blueprint for design, cartoon and artistic, such as Disney's Mickey Mouse, Sohu cartoon fox, Shark Wei Sports basketball shark.

(2). The website has the specialized, may take the article which the profession has the representative as the mark. For example, the Bank of China's copper logo, Mercedes-Benz car steering wheel logo.

(3). The most common and simplest way is to use the English name of their website as a sign. Using a variety of fonts, letters of deformation, the combination of letters can easily make their own logo.

2. Design the standard color of the website. The first impression of the site comes from a visual impact, and determining the standard color of the site is a very important step. Different color combinations produce different effects and may affect the mood of the visitor.

"Standard color" refers to the image of the Web site and extend the connotation of the color. To give a practical example of this: IBM's dark blue, Ken Red Stripe, Windows window logo red and blue yellow green block, all make us feel very appropriate, very harmonious. How would we feel if IBM were to switch to green or golden?

Generally speaking, a website standard color not more than 3 kinds, too many people dazzled. Standard color to use for website logo, title, main menu and main color block. Give people a sense of unity. As for other colors can also be used, just as embellishment and foil, must not be distracting.

Generally speaking, the colors suitable for the standard color of the Web page are: blue, yellow/orange, black/grey/white, three series colors. (Note: For the specific method of color collocation, we will introduce the eighth article in this series).

3. Design the standard font of the website. As with standard colors, standard fonts are specific fonts used for logos, headings, and main menus. In general, the default font for our web pages is the song body. In order to reflect the "unique" and unique style of the site, we can choose some special fonts according to the need. For example, in order to embody the professional can use the coarse Song, the embodiment of the design can be used advertising body, the embodiment of a kind arbitrary can use handwriting and so on. Of course, these are Atzie's personal views, you can according to the content of their website, choose more appropriate font. At present, there are twenty or thirty kinds of Chinese fonts, common English fonts have nearly hundred kinds, the network also has many special English art fonts to download, to find a satisfactory font is not difficult:

Need to explain: the use of Non-default fonts can only use the form of pictures, because it is likely that the browser's PC does not install your special fonts, then your hard work will be wasted!

4. Design the website propaganda slogan. Can also be said to be the spirit of the site, the goal of the site. In a sentence or even a word to the height of generalization. Similar to the actual life of the ad gold sentence. For example: Magpie's Nest "taste Great", Maxwell "good things and good friends to share", Intel's "Give You a Pentium heart."

Above four aspects: logo, color, font, slogan, is a site to establish CI image of the key, the exact site is the face, design and completion of these steps, your site will be reborn, the overall image has an improvement. Figuratively speaking: You have changed from a rustic peasant to a white collar in a suit. (Note: We only use plane static to design ci, there is no introduction of sound, three-dimensional and other factors.) )



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.