N Skills Of Website Design
Many designers think that doing a good job in the enterprise website will certainly be able to do well the design of the industry website. In fact, for the design, the design of the industry website and enterprise website is quite different, and the whole website's creativity, style, overall frame layout, text layout, reasonable utilization of pictures, reasonable arrangement of space, etc.
There are many demands, which need more consideration and more problems.
For an excellent website designer, you must not let go of any small details. This article briefly describes some problems that designers need to consider when making industry websites.
First, website style / creativity
Style (style) is abstract.
Refers to the overall image of the site to the viewer's comprehensive feelings.
The overall image includes layout, color, fonts, browsing methods and so on.
For example, we feel that Disney is lively while IBM is professional and serious.
Every website will give people different feelings.
What we need to do here is to make the unique style of the website according to the location of the website.
In addition, we need to grasp the same style. In fact, the unity of this style is no different from the traditional printed publications.
All images and characters on your webpage, including background color, distinguishing line, font, title, footnote and so on, must be unified style throughout the whole station.
Such a user looks comfortable and smooth, leaving a "professional" impression on your website.
Enterprise website designers often lack this point and have no overall meaning.
Creativity, creativity is just a matter of style.
Some designers are very creative when they are creative. It is undeniable that they are creative and unique. But why can't customers of the industry website accept it?
At this time, do not blame customers too much for their ignorance, they should reflect and seize the needs of customers.
In fact, we do not need a lot of creativity to do industry websites, nor waste too much time to pursue individuality and good-looking. We only need a little idea to run through the whole station, which may make the website more vivid, more attractive and more thoughtful, such as Zhangjiajie tourism escort network.
Http://www.zjjby.com
) it is a good case that integrates landscape into the website to make it stand out.
Two, website LOGO
Logo, as the name implies, is the logo of the site. The most important thing for logo is to convey the location and business philosophy of the website in a graphical way, and at the same time, it is convenient for people to identify.
The design process of website logo usually has the following three ideas: 1., directly use the website address as logo.
2. launch logo design according to the product / service characteristics provided by the website.
The 3. is to convey the business philosophy of website operators.
Such as: Zhangjiajie tourism hotline logo (
Www.zjjcts.org
)
Three, visual process
When people read certain kinds of information, there is always a natural habit of seeing, what to see, what to see and what to look at.
Research in psychology shows that general browsing habits are from upper to bottom, from left to right, and in one plane, upper Panasonic and oppressive.
In the same way, the plane's left pine is on the right.
Therefore, the visual influence of the plane is stronger than that of the bottom, and the left side is stronger than the right side.
In this way, the upper and middle parts of the plane are called "the best horizon", that is, the most preferred place.
Some prominent or recommended information in web design is usually placed in this location.
Of course, this visual process is just a feeling, not a fixed formula. As long as it meets people's psychological order and logical order, it can be used more flexibly. In webpage design, flexible and reasonable application directly affects the accuracy and effectiveness of conveying information.
Four. Web page framework and layout
Web page layout can be roughly divided into "country" font, corner type, "T" font, "L" font, integrated frame type, Flash type and change type.
In fact, when we are designing, there are not many forms to consider. For example, when we see a circular object on a piece of paper, it is easy to think of it as the sun, while some people associate with the moon and so on.
This is a form of metaphor, the most important is to seize the needs of customers, grasp the positioning of the website, do a reasonable layout.
1, resolution
The overall width of a web page can be divided into three settings: percentage, pixel, pixel plus percentage.
Usually in the website construction, the form of pixel is most commonly used, and the industry website is not listed.
When we design the web page, we will take into account the problem of resolution. Now we usually use the resolution of 1024*768 and 800*600. Now many of the 778 pixels are used in the network. At 800 resolution, the whole web page is very depressed and has a feeling of airtight. In fact, this width refers to the width of the web page at the resolution of 800*600, which does not represent the best vision. It is also possible to try 760~770 pixels, whether at 1024 or 800 resolution, you can achieve a better visual effect.
2. Reasonable advertisement
At present, there are advertisements on some websites (pop-up advertisements, floating advertisements, big advertisements, banner advertisements, column advertisements and so on).
People feel very cumbersome, and even unwilling to see, sometimes even your website is not up, so that the website has been seriously affected, advertising has not reached the purpose of advertising.
These problems are one of the contents that we need to consider and need to plan before we design the website.
There are two kinds of floating advertisements. The first one is advertisements with up and down advertisements on both sides of the web, and the second one is random advertisements with full screen.
It is suggested that we can use the first case as far as possible, and try to use the first one as much as possible, and we must try to control the maximum number of cases in the second unavoidable situations.
If too much volume will directly affect the user's psychology and prevent users from browsing the information, it will backfire.
Home ads should not be too moderate.
For example, in the registration or purchase procedure page, it is best not to have too many other irrelevant contents to distract users, avoid customer churn and so on.
3, rational use of space.
Many web pages are characterized by one word, that is, "plug". It plugs all kinds of information, such as words, pictures and animations, into the page without any consideration. How much and how much is not allowed to be standardized, resulting in a lot of difficulties in browsing. It is mainly that the page is divided into primary and secondary points, and the main idea is to win or win. Otherwise, there is no key point and no good classification. The whole is like a hodgepodge.
It's hard for people to find what they need.
Others are a blank space, which can be described as "scattered".
It is not necessary to fill the whole page without emptiness, or to make the whole page empty, so that a reasonable arrangement and organic combination will make the page balance. Even if a large area is left empty on one side, it will not make people feel empty. On the contrary, it will leave people with broad thinking space and give people the aftertaste and visual effect.
4, text layout
In web design, font processing is just as critical as other elements such as color, layout, and graphics.
4.1 character graphics
Text graphic is to express the text in the form of pictures. This form is most commonly used in the sub column of the page, because it is outstanding, and beautifies the page at the same time, which makes the page more humanized and enhances the visual effect.
Words can not be reached.
The disadvantage of universality website is that its scalability is not strong enough.
4.2 emphasis on text
If you use individual words as the focus of the page, you can consciously enhance the visual effect of the text by means of bold, underlined, enlarged font, adding indicative symbols, sloping fonts, changing font colors, and so on, making them appear outstanding and outstanding in the whole page.
These methods all use the rule of contrast.
If the update frequency is low, it can also be graphically used.
Five, website color matching
1, use a color.
This means choosing a color first, then adjusting the pparency or saturation, (which is more common is to fade or deepen the color), and generate new colors for web pages.
This page looks uniform and has a sense of hierarchy.
2, use two colors.
First select a color, then choose its contrast color (press ctrl+shift+I in Photoshop) and make minor adjustments.
The whole page is rich in color but not a little bit.
3, use a color system.
Simply speaking, it uses a sense of color, such as light blue, light yellow, light green, or yellowish brown, earth dust, and soil blue.
That is to use different colors in the same color system to add color to the web page, but not to spend it, and tone is unified.
This color matching method is most commonly used in website design.
4, gray is also known as "universal color" in webpage design. Its characteristic is that it can match any color, and it can avoid the homepage when it is used.
In web color matching, try to control within three colors, so as to avoid web page flowers, chaos, no main color appearance.
The contrast between the background and the foregoing should be as large as possible. (never use the pattern with complicated patterns as background), so as to highlight the main text content and to make users feel tired when browsing the information.
- Related reading
- Fashion shoes | Concepts X Kyrie 5 Brand New Joint Shoes Will Be Landing Soon, And The Eye Will Burst.
- Fashion shoes | Nike 2019 "Blue Ribbon Sports" Shoes Series Release, Orange White Matching
- Fashion shoes | Adidas Stan Smith Shoes Brand New "Heart Stripe" Color Is Coming Soon.
- Fashion shoes | Fan X VSSL Joint Mountaineering And Surfing Theme Shoes Series Debut, Mountain Transformation?
- Fashion brand | Elago Launches Apple Macintosh Appearance Airpods Protector, Fun Creativity
- Fashion shoes | Air Jordan 1 Low X Nike SB Dunk Combined Shoes Again Released A New Gray Color Matching.
- Fashion shoes | 1017 ALYX 9SM X GUIDI 2019 Series Shoes Preview Preview
- Fashion shoes | Star Wars X Adidas New Joint Basketball Shoes Series Exposure, Cross Stitch Eye
- Fashion shoes | Puma X TETRIS (Tetris) 2019 Pairs Of Shoes And Clothing Series Shelves
- Fashion shoes | BALENCIAGA Build A Brand New "Graffiti" Shoe, Can Socks And Shoes Still Fire?
- Eight Steps Of Website Construction Planning
- Successful Agents Make Money For Every Brand.
- Brand Agent: Making Money With "Bringing Ism"
- Definition Of Brand Agent: Make Money With "Take The Principle"
- How Do Agents Manage Outdoor Stores?
- Everyone Commented On Finding A Shopping Mall And Acting As An Agent.
- When An Agent Or Franchisee Is Found,
- The Secret Of Making Money By Semir Brand Clothing Agents
- How Do Agents Choose Brand Agents?
- Bow Tie Sandals, Sweet Girls, Summer Essential