外文翻譯---網(wǎng)站設(shè)計風(fēng)格與色彩

1、第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 peo

2、ple 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 Desi

3、gn 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,

4、layout, or interactivity, as long as browsers can clearly recognize that they are unique to this website, this formed the site's “style.” General requirements: pure and simple, clear theme, appropriate content and reasonable arrangements, a certain sense of art, beautiful, practical, normal rele

5、vant links, to reflect the website's basic functions. We can design a unique style for a website from the following aspects.1.Website Logo (LOGO) LOGO, a website's symbol, can be Chinese, English letters and also can be a symbols, and patterns. Logo design originality should come from the na

6、me 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 n

7、ame 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

8、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

9、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, IBM's 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

10、 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 blac

11、k 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 stan

12、dard 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 site's "specialty" and unique style, special font can be selected according to our needs. Producers according to website

13、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 pain

14、ful 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, w

15、hich 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

16、 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 informa

17、tion 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 Desig

18、n 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

19、 enter a website, its not rich content and reasonable layout but the site's 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

20、 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 vi

21、sitors uneasily confused by the content, which increasing the simplicity and convenience in browsing contents. The website's 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 visi

22、tors. 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 We

23、bsite. 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 children's website. Because children are innocent, lively, and vigorous, but black symbolizes calmness and darknes

24、s, it is difficult to associate them together. Of course, the difference in everyone's 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

25、 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

26、 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.

27、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 d

28、ivided 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 th

29、e 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 mate

30、rial 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,

31、 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 an

32、d 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

33、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 t

34、his 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

35、. 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 suc

36、h 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

37、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 articl

38、es 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

39、 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

40、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

41、site's 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.華北水利水電學(xué)院畢業(yè)論文附錄2：中文譯文網(wǎng)站設(shè)計風(fēng)格與色彩 隨著網(wǎng)絡(luò)的日益普及，網(wǎng)絡(luò)正以一種前所未有的沖擊力影響著人們的生活，越來越多的人開始借助網(wǎng)絡(luò)進(jìn)行工作、交流、學(xué)習(xí)等活動。當(dāng)人們通過瀏覽器進(jìn)入互聯(lián)網(wǎng)這個虛擬世界時，進(jìn)入眼簾的是各種各樣的網(wǎng)頁，如何設(shè)計出一個創(chuàng)意新穎、設(shè)計精美、結(jié)構(gòu)合理的網(wǎng)站，來吸引眾多的人關(guān)注自己的網(wǎng)站

42、，成為網(wǎng)站設(shè)計者日益關(guān)心的問題。 一、網(wǎng)站設(shè)計的風(fēng)格 “風(fēng)格”是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點(diǎn)的CI（標(biāo)志，色彩，字體，標(biāo)語）、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值等等諸多因素。風(fēng)格是有人性的，不管是色彩、技術(shù)、文字、布局，還是交互方式，只要能由此讓瀏覽者明確分辨出這是本網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站的“風(fēng)格”。一般都要求：清純簡潔，主題鮮明，內(nèi)容編排得當(dāng)合理、有一定的藝術(shù)感，美觀、實(shí)用，相關(guān)鏈接正常，能體現(xiàn)網(wǎng)站的基本功能，可以從以下幾個方面來為網(wǎng)站設(shè)計一個獨(dú)特的風(fēng)格。 1.網(wǎng)站標(biāo)志(LOGO) LOGO是指網(wǎng)站的標(biāo)志，標(biāo)志可以是中文、英文字母，也可以是符

43、號、圖案等。標(biāo)志的設(shè)計創(chuàng)意應(yīng)當(dāng)來自網(wǎng)站的名稱和內(nèi)容。比如：網(wǎng)站內(nèi)有代表性的人物、動物、植物，可以用它們作為設(shè)計的藍(lán)本，加以卡通化或者藝術(shù)化；專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標(biāo)志。最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標(biāo)志。 2.網(wǎng)站色彩 網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒。顏色搭配是體現(xiàn)風(fēng)格的關(guān)鍵?！皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志、標(biāo)題、主菜單和主色塊，給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪

44、主。例如IBM的深藍(lán)色，肯德基的紅色條型。一般來說，一個網(wǎng)站的標(biāo)準(zhǔn)色彩不超過3種，太多則讓人眼花繚亂。適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色。一般以白色和黑色的背景網(wǎng)頁最好做，顏色搭配最方便；亮色與暗色配合，最容易突出畫面，如黑與白，紅與黑，黃與紫；而近似的顏色的搭配，能給一種柔和的感覺，如墨藍(lán)與淡藍(lán)，深綠與淺綠。最好能給主頁定一個主色調(diào)，不要搞得花花綠綠的。 3.設(shè)計網(wǎng)站字體 和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志、標(biāo)題、主菜單的特有字體。一般網(wǎng)頁默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格，可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵，

45、選擇更貼切的字體。需要說明的是：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的計算機(jī)里沒有安裝特別字體，他看到的只能是亂碼，那么辛苦的設(shè)計制作便付之東流了。 4.使用精煉有效的語言 現(xiàn)代生活節(jié)奏加快，人們往往沒有時間看大塊文章。為了節(jié)約時間，在單位時間內(nèi)獲取最大量的信息，人們需要精練的信息，即信息精品，要用信息語言來表達(dá)信息內(nèi)容。所謂信息語言是指以下公式：信息=基本事實(shí)數(shù)據(jù)描述專家觀點(diǎn)。 信息語言摒棄一切廣告性詞句、文學(xué)性修飾詞句，不歡迎一切關(guān)于意義、重要性的過分渲染。盡量采用數(shù)字說話，歡迎定量描述，反對過多的定性描述，特別是無法形成準(zhǔn)確概念的定性描述。用信息語言描述，任何信息都應(yīng)該有出處

46、，有時間，分類準(zhǔn)確。當(dāng)然，應(yīng)當(dāng)滿足信息的時效性、準(zhǔn)確性、完整性、精練性等固有的特點(diǎn)。在此特別注意的是，不要出現(xiàn)錯別字、病句。 5.設(shè)計網(wǎng)站宣傳語 網(wǎng)站的宣傳語也可以說是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標(biāo)，用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站，進(jìn)行對外宣傳，可以收到比較好的結(jié)果。 二、網(wǎng)站設(shè)計的色彩搭配 打開一個網(wǎng)站，給用戶留下第一印象的既不是網(wǎng)站的豐富內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩。色彩對人的視覺效果非常明顯，一個網(wǎng)站設(shè)計成功與否，在某種程度上取決與設(shè)計者對色彩的運(yùn)用和搭配，因此專業(yè)人士把色彩制作成色系表，根據(jù)這些色系讓網(wǎng)站也有其自身的色系，網(wǎng)站的

47、色系是瀏覽者整體的視覺觀感，若一個網(wǎng)站色系能有一致性，不僅會使網(wǎng)站看起來美觀，更能讓瀏覽者對內(nèi)容不易混淆，增加了瀏覽的簡潔與方便。而網(wǎng)站的色系更能襯托出網(wǎng)站的主題，若色系能與主題合理搭配，將會增加瀏覽者的易讀性。網(wǎng)站的色系包含了網(wǎng)頁的底色、文字字型、圖片的色系、顏色等等，這不單只是將顏色搭配得當(dāng)就算完美，還要配合每個內(nèi)容，及網(wǎng)站主題。 1.網(wǎng)頁的底色 網(wǎng)頁的底色是整個網(wǎng)站風(fēng)格的重要指針。舉例來說，以黑色作為背景顏色的網(wǎng)頁，因黑色本對人的視覺上會造成黯淡的感覺，若是拿來用作活潑的兒童網(wǎng)站，就是不適合了。因?yàn)樾『⒆邮翘煺鏌o邪的、活潑的、有朝氣的，與黑色的沉穩(wěn)、黯淡，很難聯(lián)想在一起。當(dāng)然，每個人的審美觀不同，可能也會對顏色的代表性看法不同，但既然網(wǎng)站不是只寫給自己看的，就應(yīng)該要注意到大部分人可能會有的觀點(diǎn)，然后以眾人居多的觀點(diǎn)出發(fā)，來設(shè)計網(wǎng)頁。 2.文字字型 文