Website Design: website style and Design

The overall style and creative design of the website are the most desired and difficult for webmasters to learn. The difficulty is that there is no fixed program that can be referenced and imitated. It is impossible for anyone to design a website with the same theme. When we say: "This site is cool and has a personality! "So what makes you think cool? What is the difference between it and general websites? This article tries to explain in the simplest language:

1. What is style and how to establish a website style?

2. What is creativity and how to create it?

● Style is abstract. It refers to the overall image of the site to the viewer's comprehensive feelings.

This "overall image" includes the site's Ci (logo, color, Font, and slogan), layout, browsing mode, interaction, text, tone, content value, and meaning, site honors and many other factors. For example, we think Netease is approachable, Disney is lively, and IBM is professional and serious. These are the different feelings of websites.

The style is unique and is different from that of other websites. Or color, or technology, or interactive means, allows visitors to clearly distinguish this is unique to your website. For example, the new century network (www.century.2000c.net) is black and white, and the special frame of Netease wallpaper station, even if you only see one page, you can also identify which website is.

Style is human. The appearance, content, text, and communication of a website can summarize the personality and emotions of a website. It is gentle and elegant, persistent and enthusiastic, lively and changeable, and laissez-faire. Like those in poetry, you can use your personal character to compare your site.

The difference between a style website and an ordinary website is that what you see on a common website is the information piled up together. You can only describe it with rational feelings, such as the size of the information and the browsing speed. However, after you browse a website with a style, you can have a deeper level of perceptual knowledge. For example, the website is tasteful, amiable, a teacher, and a friend.

After reading the above description, you may still be vague about the style. In fact, the style is just one sentence: different!

How to establish a website style? We can take the following steps:

First, be sure that the style is built on valuable content. A website has a style but no content. It is like a bag of grass embroidered with pillows. It is like a arrogant but uncertain person. First, you must ensure the quality and value of the content. This is the most basic and unquestionable.

Second, you need to thoroughly understand what you want the site to impress people. We can clarify the ideas from these aspects:

1. If you use only one sentence to describe your site, it should be :_____________

Reference answer:

Creative, professional, technical, aesthetic, and impact

2. When you think of your site, you can think of the following colors :________________

Reference answer:

Red with enthusiasm, blue with fantasies, and golden color with wisdom

3. When you think of your site, you can think of the following picture :________________

Reference answer:

A Morning Post, a Ferrari sports car, crowded squares, grocery stores

4. If the website is a person, his personality is :________________

Reference answer:

Mature middle-aged people, wild and unrestrained cowboy, confident and honest entrepreneurs

5. As the webmaster, what do you want to give the impression :____________________

Reference answer:

Dedication, earnest investment, deep, responsible, pure, straightforward, lady

6. Use an animal to compare your website to the following :__________________

Reference answer:

CAT (mysterious and noble), e (sharp eyes), rabbit (smart and sensitive), Lion (confident and prestige)

7. The difference between you and other websites is :__________________

Reference answer:

Reliable, fastest information, and convenient communication,

8. How do visitors feel about communication and cooperation with you :______________________

Reference answer:

Teachers, students, colleagues, friends, and elders.

You can enter an answer by yourself, and then ask other users to enter the answer. The comparison results will show you the current gaps, weaknesses, and areas for improvement on your website.

Third, after clarifying your website impressions, we began to work hard to establish and enhance these impressions.

After the "Quantification" of step 2's impressions, you need to find out the most distinctive things that best reflect the website style. It also focuses on strengthening and publicizing the website's characteristics. For example, review the website name, domain name, and topic name again to see if they match this individual character and whether they are easy to remember. Check whether the standard color of the website is easily associated with this feature, whether it can reflect the website's character, and so on. There is no definite pattern for specific practices. Here are some references:

1. Show your logo on every page as much as possible. Or the header, footer, or background.

2. Highlight your standard colors. The link color of the text, the main color of the image, the background color, border and other colors should be consistent with the standard color.

3. Highlight your standard font. Use a unified standard font for key titles, menus, and images.

4. I want to advertise a slogan on Lang. Put it in your banner, or put it in a conspicuous position to tell everyone that the characteristics of your website are...

5. Use a unified tone and person. Even if it is maintained by multiple individuals, readers should feel that they are written by the same person.

6. Use a unified image processing effect. For example, the direction, thickness, and blur of the shadow effect must be the same.

7. Create a symbol or icon unique to your site. For example, a point before a link can be used ,.. ☆※○ ◇ □△→ (See the code yourself. Although it is a simple change, it gives people a different feeling (why didn't I think of it ?)

8. Use your own lace, lines, and points

9. Demonstrate the honors and successful works of your website.

10. Tell your real stories and thoughts to netizens.

Style Formation is not a positioning, You can constantly strengthen, adjust, modify in practice, until one day, netizens wrote to tell you: "I like your site, because it is very style! "

● Creativity is the key to website survival. I believe everyone agrees with this. As a web designer, however, there is no good creative source.

Note that the idea mentioned here refers to the overall idea of the site. (because of this idea, the site or the same content, the idea is different ), I will introduce the Creative Design of Web pages in the layout tips below.

What is creativity and how can it generate creativity?

Creativity is fascinating, amazing, and surprising;

Creativity is the capture of ideas, and the creative tricks ....

These ideas all express some characteristics of creativity. In essence,

○ Originality is a special way to convey information.

For example, webdesigner (Web Designer), let's write the E letter in uppercase: webdesiger. How do you feel? This is actually a kind of idea!

Creativity is not the inspiration of the genius, but the result of thinking. According to James, an American advertising professor, the creative thinking process is divided into five stages:

1. preparation period-the information collected by the Institute, based on old experiences, inspires new ideas;

2. During the hatching period: chew and digest the data so that the consciousness can develop freely and be combined freely;

3. Inspiration period-Consciousness Development and Integration to produce creativity;

4. validation period-discuss and revise the ideas generated;

5. formation stage-design and make webpages to embody ideas.

○ Originality is to recombine existing elements.

For example, the combination of networks and telephones produces IP phones. From this point on, anyone, including you and me, can create extraordinary ideas. In addition, the richer the information, the more creative it is. Just like a kaleidoscope, the more glass slices in the cylinder, the more patterns it presents. If you are interested, you can find that the most creative ideas on the Internet come from the combination of real life (or virtual reality), such as online bookstores, electronic communities, and online auctions. Do you think of a better idea?

Lenovo is the most commonly used way of thinking. Here we provide 25 types of association clues for website creativity:

1. Turn it upside down 2. Narrow it down 3. Change the color 4. Make it longer

5. Flash it 6. Put it into the music 7. Combine the text music pictures 8. Make it young

9. Repeat it 10. Turn it into a three-dimensional 11. Join the competition 12. Join the bet

13. Change part 14. Split it 15. Make it romantic 16. Make it faster

17. add fragrance 18. Make it look popular 19. Make it symmetrical 20. Appeal to children

21. Lower Price 22. Give it a nickname 23. Pack it 24. Free of charge

25. Extended combinations

------------- (Reproduced from fan Zhiyu "advertisement production")

It is worth mentioning that the purpose of creativity is to better promote the promotion website. If the idea is good, but it does not make sense for the development of the website, like wearing high heels for cows, then we would rather give up this idea!

There are many other things about style and creativity. Interested users can find some books on Advertisement Design. I hope this article will help you understand and improve your website design. Thank you!