Intelligent website design
Source: Shangpin China |
Type: website encyclopedia |
Date: July 21, 2012
The problem is business Website Design Most of them are boring, lifeless and not attractive enough. Why? Usability experts' most commonly used mantra is that it is not enough for a website to succeed only by its front-end interface;
Together, they basically abandoned the important idea of innovative web design;
These experts claim a set of strict "regulations" that must be followed when creating websites, rather than the "guidelines" they claim to provide;
The company becomes very alert to website design with poor usability;
The view that the network is only a small category of websites has been rooted. After all, since the wheel already exists, wouldn't it be unnecessary to invent it again?
Negating the importance of the front-end interface will jeopardize the success of any website.
Solution: personal interest
In order to make your website no longer appear conservative or imitate others' style, you must shift your eyes from commercial websites to the personal websites of today's leading website designers;
Visitors should be able to "feel" your website. It is not a database, but a medium of communication.
The purpose of this lecture is to:
*Discuss the design process to help you design a valuable website/interface/service function; *List the matters needing attention in the design; *Discuss the concept of image design to improve the visual quality of websites Perceptual effect; *Tell you where to find more help; *Help you analyze websites and websites from a critical perspective Dynamic service.
Website Design
Next, we will talk about: ● Design process ● Intelligent design ● Important factors to be considered ● Use Flash with caution ● Precautions
design process
Stage: *Form a design idea: in the early stage of project development, you need to solve some very critical problems; *Design phase: choose the right one for your project Network technology, collecting website content; *Production stage: put the collected content in a The comprehensive website interface is fully reflected; *Test and repeat the design process
Time considerations
In the process of designing and producing interactive projects, everything takes time. You need time to: *Know what is suitable for the network; *Learn what tools can be used to create websites; *Improve the website. It's not easy to design a good website! For most people, they will not succeed at once, and they need to make great efforts.
Clarify the purpose
Always consider the problems your website/interactive service wants to solve;
Identify the problem. The deeper you understand the purpose of the website, the more help you find solutions to problems;
Choose the right way. Why choose network?
Identify Audience
You need to determine the audience of the website and decide the design scheme according to their preferences as far as possible;
At the same time, you need to know what devices or tools the audience uses to connect to the Internet.
Form design scheme
If your customers need to highlight brand awareness, the design goal should be to enhance the visitors' impression of the brand, so that when they leave the website, they think the customer's brand is better than similar brands (at least equivalent to the same kind); If your customer is a non-profit organization, or even the customer support department of a commercial company, the design goal should be different, that is, to ensure that visitors can easily find the information and resources they need; Always keep the goal in mind in the design process, and do not excessively pursue the visual effect of the website.
Ruminate
You can't design a website and leave it to the customer; After the website is completed, you should have a way to determine whether the visitors it attracts are your target audience and whether they can get useful information from the website; Keep flexible working ideas from the beginning of design; Make a simple website prototype and test it in your working group.
Another content of the website
The information customers want to put on the website is not the only important website content. Visitors are not controlled audience, your website must be enough to attract them;
While they spend time browsing the website, they hope to find useful information or tools, or beautiful designs, or interesting games, or free tickets that can be downloaded, or links to other interesting websites.
Technology does not belong to website content
People always like to add some unimportant functions to the website to show off the latest network technology they have mastered;
Too many unimportant functions will make it difficult for visitors to find the real content;
Any kind of network technology you use cannot deviate from the purpose of the website.
Use of technology
Animation, sound, interactivity and well-designed standard still images can attract visitors and impress them with your website;
If appropriate, network technology can enhance the persuasiveness of the website, or make the website more interesting.
Select the right technology according to the audience
If your audience is technicians, you can enjoy using the latest technologies and various plug-ins;
If your website is public oriented, you need to use more common and common technologies. Too front-end technology may make audiences who are not familiar with the network have a sense of distance.
Other technical considerations
Network speed and processor speed Screen size Browser version Problems with HTML tags
Use Flash with caution
If used properly, Macromedia Flash will be an excellent tool to enhance the attraction of websites; Unfortunately, it is one of the most abused network technologies (we will see some examples later).
Curt Cloninger, my favorite website designer, pointedly pointed out: "Since the emergence of Flash, those young website designers have abandoned friendly user interface design and plunged into the swamp full of inexplicable whirlpools."
metaphor
Set a general metaphor for your website or development project;
When the metaphor is gradually formed, you can start to design the website interface and pass the information and content to the audience through it;
In the design process, the use of metaphor will make the audience associate with the real world when browsing the website, giving them a sense of intimacy;
In addition to considering whether the metaphor set can help the audience understand the content of the website to the greatest extent, you also need to pay attention to whether it is always suitable for your website.
personality
The services you provide must have their own identity and personality to stand out;
How will you present information or content? Funny, technical, trendy, casual, or formal?
No matter which way you choose, remember to persevere.
style
One of the most important contributors to adding flavor to a website is its style, including page layout, use of pictures, fonts, colors, etc;
The layout of the page should be flexible enough to support changes in website content and different media types;
Use the concept of three-dimensional space: the real world is not a plane;
Try to keep the website style consistent with the set metaphor.
Organizational structure of the website
When most people find a new website, they usually have two questions: What can I find on this website? How to find it?
When organizing the website structure, you will find yourself in a dilemma: on the one hand, you want to display as many options as possible on the page for different visitors to choose, so that they can easily find the information they want; On the other hand, you want to give visitors an overall guide to the website, telling them how to find important content.
In general, each screen should display no more than six to ten main options.
Guide Browsers
Build a "clear road" for visitors. No one knows how to make full use of the website better than the designer;
Show this "golden road" rather than the content like a daily account clearly to the viewer;
Make a website structure tree to see if the structure can be more concise and the content can be more intuitive and powerful.
Collect content
The next step in website production is to determine the source of content. The content here includes text, pictures, videos and sounds;
When you have collected some content and plan to produce or purchase more, it is important to establish a series of standards for the presentation of content, including the acquisition, publishing and backup standards of content.
To build a website with uniform content and style, it is very important to establish such standards. All staff should understand clearly and follow the standards;
Collection of content should be the common work of the working group.
Keep the goal of the website in mind
In the design process, you need to always focus on what you want the audience to get from the website, and try to make browsing your website a pleasant experience;
If you are not sure whether the latest technology is suitable for your website, please remember that simplicity is usually the best.
Innovative process and image design technology
Lay a foundation
Once the overall metaphor or style of the website is determined, the background of the page becomes the visual basis of other images;
Whether the website gives visitors the impression of friendly interface, high technology or surrealism depends to a large extent on the background pattern;
There are almost no restrictions on background design;
Lossless compression technology can well compress simple pictures with large repeated colors or patterns through run length encoding used in image formats such as GIF and PNG.
Words that cannot be underestimated
Text and various fonts are powerful tools for building websites; Don't assume that the website must be based on a large number of images application; Text can be made into many effects. You can use image tools to make special fonts, realize 3D effects, change text colors, etc; Use keywords that can summarize the content of the website, which can attract the attention of visitors; If you can skillfully use text as a powerful tool, the final designed website will be very attractive.
Purpose of the content
For each picture or special effect used in the design process, ask yourself: "What does it mean? What is the purpose of using it?" If you find yourself randomly placing a large number of clip art, unmarked or useless pictures, stop and slap yourself; All content on the page must be targeted and consistent with the style of the website; Avoid using useless decorative pictures, which have no other purpose except to reduce the access speed.
Source of picture
The biggest challenge of making large-scale interactive websites is how to make excellent pictures that can express the designers' ideas; The combination of existing pictures and digital illustrations can achieve good results; Reprocess the pictures found on the Internet for your website; If you have the ability, you can make your own pictures through Photoshop, Fireworks, digital cameras and other tools.
image processing techniques
If you plan to make your own pictures for the website, you can consider the following image processing technologies to enhance the visual effect of the website: *Shadows *Bevels and reliefs *Color gradients and lighting effects *Filter *Motion track *Ambiguity *Stroke *Image Flip
Other Skills
Create text with path Text on the picture adopts mask text Make use of the existing pictures to buckle pictures Use texture effects when working with lines Classify similar content Use contrasting colors to create contrast Combining black and white with bright colors can produce unexpected effect In the form of pictures and texts
Other design tips
Navigation interface
The navigation interface should be consistent with the identified website metaphor;
The navigation interface should be as "transparent" as possible, that is, it should not hinder users from finding information;
It shall clearly show the user's location and enable the user to easily return to the previously visited page;
Descriptive text shall be used for text link of navigation interface; The image of the icon link should match the content of the target page.
The role of home page
Indicate the purpose and main content of the website Show main content categories Describe the overall style of the website Make visitors have a preliminary impression of the metaphor of the website Note: Avoid using unnecessary splash pages. In most cases, this kind of home page does not play any role in the visitors' understanding of your website.
Try to make the content clear; Ambiguous style will make you lose many readers; Use languages and symbols familiar to the audience; Keep the content consistent with the design style; Using contrast; Try to adopt clean design style; Remember: the Internet is a dynamic medium, and the same information can be expressed in many ways; Strong sensory perception can attract visitors.
Other tips
Organize a two-hour group meeting every week to discuss project progress, recent tasks, design and technical issues, etc. Group members discuss problems with each other and exchange ideas;
If there are multiple design schemes, use prototype evaluation to select the best scheme, and listen to the opinions and suggestions of each team member;
When writing programs for the project, the Concurrent Versioning System (CVS) is used to solve the compatibility problem between different versions and simplify the backup work and module output. This article was published by Beijing Website Construction Company Shangpin China //ihucc.com/
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
