外文翻译---网站设计风格与色彩.docx

第12页 共46页附录附录1：英文原文Website Design Style and Colors With the increasing popularity of the network, network is affecting peoples lives with an unprecedented impact and more and more people began to use network, in working, communication, learning activities, etc. When people get access to the Internet, a virtual world, through the browser, a wide range of web page get in their eyes, so how to design an innovative new, beautifully designed, well-structured website to attract a large number of people has become site designers increasingly concern.Part One:Website Design Style “Style” refers to the comprehensive feelings the overall image gives to browsers. The “overall image” includes CI (logo, colors, fonts, and slogans), page layout, navigation, interactivity, text, tone, content value and many other factors. Style is humane. Whether colors, technology, text, layout, or interactivity, as long as browsers can clearly recognize that they are unique to this website, this formed the sites “style.” General requirements: pure and simple, clear theme, appropriate content and reasonable arrangements, a certain sense of art, beautiful, practical, normal relevant links, to reflect the websites basic functions. We can design a unique style for a website from the following aspects.1.Website Logo (LOGO) LOGO, a websites symbol, can be Chinese, English letters and also can be a symbols, and patterns. Logo design originality should come from the name and content of the website. The representative figures, animals, plants for example, can be used as design blueprints and then be cartooned or beautified; professional website can be represented by the representative thing in that field. The most common and most simple way is to use the English name of a website as its site logo with different fonts, letters deformation and the combination of letters. This can easily make a good logo of your own. 2. Website Colors Website gives people the first impression from the visual impact, for different colors collocations have different effects, and they may affect the mood of visitors. Color collocation is the key to embody the style. Standard colors refers to those can reflect the image and extending connotations of the website, which mainly used in the website logos, titles, main menus and the main blocks of color and giving the overall feeling of unity. As for the other colors, they can also be used only as decorations and foil but can not be the leading role. For example, IBMs deep blue and KFCs red strips. Generally speaking, a website has not more than three kinds of standard colors or it may be too dazzling. Three series of colors suitable for website standard colors are: blue, yellow / orange, black / gray / white. In general background page of white and black is easiest to done and the most convenient to match with other colors; bright colors and dark tie are most likely highlight the picture, such as black and white, red and black, yellow and purple; and the approximate color match can give a kind of soft feeling, such as ink blue and light blue, dark green and light green. Its best to give a predominant color to homepage and dont get it too brightly colored. 3. Design of Website Fonts Like the standard color, standard font refers to unique fonts used for logos, titles, and main menus. Generally, website default font is Times New Roman. In order to reflect the sites specialty and unique style, special font can be selected according to our needs. Producers according to website content may choose a more appropriate font. It must be specially explained that the use of non-default fonts can only appear in the form of pictures, because it is likely that there are no special fonts installed in visitors computers. What he sees may only be unrecognizable codes, and then the painful design comes to nothing. 4. Using of Refined and Effective Language Acceleration of the pace of modern life, people often have no time to read long articles. To save time and obtain the maximum amount of information in the unit time, people need refined information that is information essence, which using information language to express its contents. The so-called information language is the following formula: information equals basic fact plus data description and experts opinions. Information language abandons all advertisement words and phrases, literary polishing words and dont welcome all the exaggerated descriptions on meaning and importance. Also it maximizes the use of digital speech, welcomes the quantitative description but against too much qualitative description, especially that can not form the accurate concept. Using information language to describe requires any information should have source, time and accurate classification. Of course, the information should include inherent characteristics: timeliness, accuracy, completeness, conciseness and so on. We should pay special attentions that do not appear typos and wrong sentences. 5. Website Promotion Language Design Website promotion language can also be said the spirit, theme, center of a website or the target, using a word or a phrase with high degree of generalization. Using powerful words or phrases to promote a website you can receive better results.Part Two: Colors Collocations in Website Design When we enter a website, its not rich content and reasonable layout but the sites colors that leave first impression to visitors. The role of colors in visual effect is very obvious. Whether a website design is successful, to some extent depends on the use and collocation of colors. So designers match the colors into professional color systems and according to these systems make the websites have their own color systems. The website color system is the overall visual impression of the visitors. If a website has color consistency, it will not only make the website look beautiful, but also make visitors uneasily confused by the content, which increasing the simplicity and convenience in browsing contents. The websites color systems can better bring out the theme of the website. That the color system can be reasonably matched with the theme will increase accessibility of contents to visitors. Website color systems contain pages background color, text font, pictures color systems, colors, etc., perfectness is not just match appropriate colors, but also match with each content, and website themes. 1. Webpages Background Color Background color is an important indicator of the whole Website. Take a webpage with black as background for example, for the color black will result in a bleak feeling in visual sense, so it is not suitable if black being used in a lively childrens website. Because children are innocent, lively, and vigorous, but black symbolizes calmness and darkness, it is difficult to associate them together. Of course, the difference in everyones aesthetic taste may cause different views of representations of colors. However, since the website is not only designed for one it should note most peoples views and then based on most peoples point of view to design the website.2. Text Font On the design of text font, the best website mainly uses the font all visitors can see. Its usually strange to see a lot of websites require visitors to download a specified font to achieve the best browsing effect. After all, visitors just come to search information or read the contents of the website and its not likely to download the required fonts to achieve the so-called best browsing effect. When the required font is not downloaded, and will not affect visiting the contents of the website, then the requirements to the visitors have no effect on visitors. If so its a pity and a waste of time for website designer, because the original design failed to get visitors to see it all. 3. Pictures Color Systems Simple distinction in color science, color can be divided into cool color and warm color, and then a little more specific distinction, color can be divided into various color systems of various colors. Distinction of color systems lies in the different subjective sense in browsing. How to make the color system of a picture correspond to the website as a whole is more difficult. To draw a picture is not easy, let alone to draw one suitable for the style webpage. Most of the webpage producers are not able to use image processing software or graphics software freely; therefore websites of webpage materials begin to prevail. Of course, cant use graphics software does not mean we can not design excellent webpage, if we can make good use of material resources on the internet, the website also can have its own style. As to how to choose pictures suitable for a website is a great knowledge. As to the contents of pictures, its best to meet the websites theme, if not, do not have too many differences. Like color, if a page has blue background, but the whole webpage pictures are in such a mess that a variety of colors emerge, even worse, the blue is a cool color, if a website is full of bright red, orange pictures, it will make the whole webpage looks like garbage, in a stage of disorder. So, we can simply sum up that colors of webpage and pictures correspond or have the same visual effect will make webpage look more beautiful and have its own style. 4. Webpage Colors Webpage colors are not based on the chart paper, text colors, or background color, but in the perspective of the visitors, Which seems to lean toward the overall page color. We often see many websites with good color system, but without its own style. The popular soft color system and pink system have lost their own unique styles. Since websites using pink system is nothing more than have the same characteristics: text in light color, light background color. In this way besides do not have their styles; the look was not comfortable and elegant. To the major search websites, they will not do this kind of design, for its difficult for visitor to read if the text in light color together with light background color. So this kind of design should also be avoided. A website with its own style, comfortable and easy to read is not written once, but relies on tedious amendments to achieve the best effect. Part Three :Beautification of Webpage1. Optimization of Page Appearance Using CSS We use CSS to get all the appearance of WEB page on the site in control such as to set the page margins, page fill, border, color and background, to set the font size and change the font appearance for any element, to create a dynamic link and to create a fully compatible web page with a CSS style. The main advantages of CSS is that do not have to modify the page file but only modify the CSS files attached to this page, you can achieve different display effects, including background color, background picture, text size, color, borders, etc. Site layout and layout demands: dont occupy a large part to put pictures, must have the place for main body, pictures and articles should be balanced. Excessive use of large pictures which greatly increasing the transmission flow will affect the read speed of site visitors. To optimize the page we should use CSS as much as possible. With flexible use of CSS, you can make the page pretty fine without taking up too many system resources, so it is necessary to take some time to study it. 2. Beautification of Page layout Using Tables Table layout seems to have become a standard. Casually browse a site, we can find out they use the table layout. Table layout has the advantage that it can deal with different objects, and do not need to worry about the influences of different objects. And compares with CSS tables are more convenient in positioning pictures and texts. The only drawback of table layout is that when you use too many tables, the pages download speed will be affected. For table layout, you can easily find a sites home page, and saved it as HTML file, then using web editing tool to open it , you will know how tables are used in this page.华北水利水电学院毕业论文附录2：中文译文网站设计风格与色彩 随着网络的日益普及，网络正以一种前所未有的冲击力影响着人们的生活，越来越多的人开始借助网络进行工作、交流、学习等活动。当人们通过浏览器进入互联网这个虚拟世界时，进入眼帘的是各种各样的网页，如何设计出一个创意新颖、设计精美、结构合理的网站，来吸引众多的人关注自己的网站，成为网站设计者日益关心的问题。 一、网站设计的风格 “风格”是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素。风格是有人性的，不管是色彩、技术、文字、布局，还是交互方式，只要能由此让浏览者明确分辨出这是本网站独有的，这就形成了网站的“风格”。一般都要求：清纯简洁，主题鲜明，内容编排得当合理、有一定的艺术感，美观、实用，相关链接正常，能体现网站的基本功能，可以从以下几个方面来为网站设计一个独特的风格。 1.网站标志(LOGO) LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如：网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。 2.网站色彩 网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。颜色搭配是体现风格的关键。“标准色彩”是指能体现网站形象和延伸内涵的色彩，要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。例如IBM的深蓝色，肯德基的红色条型。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。一般以白色和黑色的背景网页最好做，颜色搭配最方便；亮色与暗色配合，最容易突出画面，如黑与白，红与黑，黄与紫；而近似的颜色的搭配，能给一种柔和的感觉，如墨蓝与淡蓝，深绿与浅绿。最好能给主页定一个主色调，不要搞得花花绿绿的。 3.设计网站字体 和标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，他看到的只能是乱码，那么辛苦的设计制作便付之东流了。 4.使用精炼有效的语言 现代生活节奏加快，人们往往没有时间看大块文章。为了节约时间，在单位时间内获取最大量的信息，人们需要精练的信息，即信息精品，要用信息语言来表达信息内容。所谓信息语言是指以下公式：信息=基本事实数据描述专家观点。 信息语言摒弃一切广告性词句、文学性修饰词句，不欢迎一切关于意义、重要性的过分渲染。尽量采用数字说话，欢迎定量描述，反对过多的定性描述，特别是无法形成准确概念的定性描述。用信息语言描述，任何信息都应该有出处，有时间，分类准确。当然，应当满足信息的时效性、准确性、完整性、精练性等固有的特点。在此特别注意的是，不要出现错别字、病句。 5.设计网站宣传语 网站的宣传语也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。 二、网站设计的色彩搭配 打开一个网站，给用户留下第一印象的既不是网站的丰富内容，也不是网站合理的版面布局，而是网站的色彩。色彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取决与设计者对色彩的运用和搭配，因此专业人士把色彩制作成色系表，根据这些色系让网站也有其自身的色系，网站的色系是浏览者整体的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题，若色系能与主题合理搭配，将会增加浏览者的易读性。网站的色系包含了网页的底色、文字字型、图片的色系、颜色等等，这不单只是将颜色搭配得当就算完美，还要配合每个内容，及网站主题。 1.网页的底色 网页的底色是整个网站风格的重要指针。举例来说，以黑色作为背景颜色的网页，因黑色本对人的视觉上会造成黯淡的感觉，若是拿来用作活泼的儿童网站，就是不适合了。因为小孩子是天真无邪的、活泼的、有朝气的，与黑色的沉稳、黯淡，很难联想在一起。当然，每个人的审美观不同，可能也会对颜色的代表性看法不同，但既然网站不是只写给自己看的，就应该要注意到大部分人可能会有的观点，然后以众人居多的观点出发，来设计网页。 2.文字字型 文字字型上的设计，最好