




版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
1、網站知識顏色英文代碼形像顏色HEX格式RGB格式LightPink淺粉紅#FFB6C1 255,182,193Pink粉紅#FFC0CB 255,192,203Crimson猩紅#DC143C 220,20,60LavenderBlush臉紅的淡紫色#FFF0F5 255,240,245PaleVioletRed蒼白的紫羅蘭紅色#DB7093 219,112,147HotPink熱情的粉紅#FF69B4 255,105,180DeepPink深粉色#FF1493 255,20,147MediumVioletRedMore: Edit:宜昌網站建設 More:jcwzjwk適中的紫羅蘭紅色#C7
2、1585 199,21,133Orchid蘭花的紫色#DA70D6 218,112,214Thistle薊#D8BFD8 216,191,216plum李子#DDA0DD 221,160,221Violet紫羅蘭#EE82EE 238,130,238Magenta洋紅#FF00FF 255,0,255Fuchsia燈籠海棠(紫紅色)#FF00FF 255,0,255DarkMagenta深洋紅色#8B008B 139,0,139Purple紫色#800080 128,0,128MediumOrchid適中的蘭花紫#BA55D3 186,85,211DarkVoilet深紫羅蘭色#9400D3
3、148,0,211DarkOrchid深蘭花紫#9932CC 153,50,204Indigo靛青#4B0082 75,0,130BlueViolet深紫羅蘭的藍色#8A2BE2 138,43,226MediumPurple適中的紫色#9370DB 147,112,219MediumSlateBlue適中的板巖暗藍灰色#7B68EE 123,104,238SlateBlue板巖暗藍灰色#6A5ACD 106,90,205DarkSlateBlue深巖暗藍灰色#483D8B 72,61,139Lavender熏衣草花的淡紫色#E6E6FA 230,230,250GhostWhite幽靈的白色#F
4、8F8FF 248,248,255Blue純藍#0000FF 0,0,255MediumBlue適中的藍色#0000CD 0,0,205MidnightBlue午夜的藍色#191970 25,25,112DarkBlue深藍色#00008B 0,0,139Navy海軍藍#000080 0,0,128RoyalBlue皇軍藍#4169E1 65,105,225CornflowerBlue矢車菊的藍色#6495ED 100,149,237LightSteelBlue淡鋼藍#B0C4DE 176,196,222LightSlateGray淺石板灰#778899 119,136,153SlateGra
5、y石板灰#708090 112,128,144DoderBlue道奇藍#1E90FF 30,144,255AliceBlue愛麗絲藍#F0F8FF 240,248,255SteelBlue鋼藍#4682B4 70,130,180LightSkyBlue淡藍色#87CEFA 135,206,250SkyBlue天藍色#87CEEB 135,206,235DeepSkyBlue深天藍#00BFFF 0,191,255LightBLue淡藍#ADD8E6 173,216,230PowDerBlue火藥藍#B0E0E6 176,224,230CadetBlue軍校藍#5F9EA0 95,158,160
6、Azure蔚藍色#F0FFFF 240,255,255LightCyan淡青色#E1FFFF 225,255,255PaleTurquoise蒼白的綠寶石#AFEEEE 175,238,238Cyan青色#00FFFF 0,255,255Aqua水綠色#00FFFF 0,255,255DarkTurquoise深綠寶石#00CED1 0,206,209DarkSlateGray深石板灰#2F4F4F 47,79,79DarkCyan深青色#008B8B 0,139,139Teal水鴨色#008080 0,128,128MediumTurquoise適中的綠寶石#48D1CC 72,209,20
7、4LightSeaGreen淺海洋綠#20B2AA 32,178,170Turquoise綠寶石#40E0D0 64,224,208Auqamarin綠玉碧綠色#7FFFAA 127,255,170MediumAquamarine適中的碧綠色#00FA9A 0,250,154MediumSpringGreen適中的春天的綠色#F5FFFA 245,255,250MintCream薄荷奶油#00FF7F 0,255,127SpringGreen春天的綠色#3CB371 60,179,113SeaGreen海洋綠#2E8B57 46,139,87Honeydew蜂蜜#F0FFF0 240,255,
8、240LightGreen淡綠色#90EE90 144,238,144PaleGreen蒼白的綠色#98FB98 152,251,152DarkSeaGreen深海洋綠#8FBC8F 143,188,143LimeGreen酸橙綠#32CD32 50,205,50Lime酸橙色#00FF00 0,255,0ForestGreen森林綠#228B22 34,139,34Green純綠#008000 0,128,0DarkGreen深綠色#006400 0,100,0Chartreuse查特酒綠#7FFF00 127,255,0LawnGreen草坪綠#7CFC00 124,252,0GreenY
9、ellow綠黃色#ADFF2F 173,255,47OliveDrab橄欖土褐色#556B2F 85,107,47Beige米色(淺褐色)#6B8E23 107,142,35LightGoldenrodYellow淺秋麒麟黃#FAFAD2 250,250,210Ivory象牙#FFFFF0 255,255,240LightYellow淺黃色#FFFFE0 255,255,224Yellow純黃#FFFF00 255,255,0Olive橄欖#808000 128,128,0DarkKhaki深卡其布#BDB76B 189,183,107LemonChiffon檸檬薄紗#FFFACD 255,2
10、50,205PaleGodenrod灰秋麒麟#EEE8AA 238,232,170Khaki卡其布#F0E68C 240,230,140Gold金#FFD700 255,215,0Cornislk玉米色#FFF8DC 255,248,220GoldEnrod秋麒麟#DAA520 218,165,32FloralWhite花的白色#FFFAF0 255,250,240OldLace老飾帶#FDF5E6 253,245,230Wheat小麥色#F5DEB3 245,222,179Moccasin鹿皮鞋#FFE4B5 255,228,181Orange橙色#FFA500 255,165,0Papay
11、aWhip番木瓜#FFEFD5 255,239,213BlanchedAlmond漂白的杏仁#FFEBCD 255,235,205NavajoWhiteNavajo白#FFDEAD 255,222,173AntiqueWhite古代的白色#FAEBD7 250,235,215Tan曬黑#D2B48C 210,180,140BrulyWood結實的樹#DEB887 222,184,135Bisque(濃湯)乳脂,番茄等#FFE4C4 255,228,196DarkOrange深橙色#FF8C00 255,140,0Linen亞麻布#FAF0E6 250,240,230Peru秘魯#CD853F
12、205,133,63PeachPuff桃色#FFDAB9 255,218,185SandyBrown沙棕色#F4A460 244,164,96Chocolate巧克力#D2691E 210,105,30SaddleBrown馬鞍棕色#8B4513 139,69,19SeaShell海貝殼#FFF5EE 255,245,238Sienna黃土赭色#A0522D 160,82,45LightSalmon淺鮮肉(鮭魚)色#FFA07A 255,160,122Coral珊瑚#FF7F50 255,127,80OrangeRed橙紅色#FF4500 255,69,0DarkSalmon深鮮肉(鮭魚)色#
13、E9967A 233,150,122Tomato番茄#FF6347 255,99,71MistyRose薄霧玫瑰#FFE4E1 255,228,225Salmon鮮肉(鮭魚)色#FA8072 250,128,114Snow雪#FFFAFA 255,250,250LightCoral淡珊瑚色#F08080 240,128,128RosyBrown玫瑰棕色#BC8F8F 188,143,143IndianRed印度紅#CD5C5C 205,92,92Red純紅#FF0000 255,0,0Brown棕色#A52A2A 165,42,42FireBrick耐火磚#B22222 178,34,34Da
14、rkRed深紅色#8B0000 139,0,0Maroon栗色#800000 128,0,0White純白#FFFFFF 255,255,255WhiteSmoke白煙#F5F5F5 245,245,245GainsboroGainsboro#DCDCDC 220,220,220LightGrey淺灰色#D3D3D3 211,211,211Silver銀白色#C0C0C0 192,192,192DarkGray深灰色#A9A9A9 169,169,169Gray灰色#808080 128,128,128DimGray暗淡的灰色#696969 105,105,105Black純黑#000000
15、0,0,0一網頁設計中的視覺流程網頁是通過視覺元素的引人注目而實現信息內容的傳達,為了使網頁獲得最大的視覺傳達功能,使網絡真正成為可讀強性而且新穎的媒體,網頁的設計必須適應人們視覺流向的心理和生理的特點,由此確定各種視覺構成元素之間的關系和秩序。因此,設計時應該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。視覺流程的形成是由人類的視覺特性所決定的。因為人眼晶體結構的生理構造,只能產生一個焦點,而不能同時把視線停留在兩處或兩處以上的地方。人們在閱讀一種信息時,視覺總有一種自然的流動習慣,先看什么,后看什么,再看什么。視覺流程往往會體現出比較明顯的方向感,它無形中形成一種脈絡,似乎有
16、一條線、一股氣貫穿其中,使整個版面的運動趨勢有一個主旋律。心理學的研究表明,在一個平面上,上半部讓人輕松和自在,下半部則讓人穩定和壓抑。同樣,平面的左半部讓人輕松和自在,右半部讓人穩定和壓抑。所以平面的視覺影響力上方強于下方,左側強于右側。這樣平面的上部和中上部被稱為“最佳視域”,也就是最優選的地方。在網頁設計中一些突出的信息,如主標題、每天更新的內容等通常都放在這個位置。當然視覺流程是一種感覺而非確切的數學公式,只要符合人們認識過程的心理順序和思維發展的邏輯順序,就可以更為靈活地運用。在網頁設計中,靈活而合理地運用視覺流程和最佳視域,組織好自然流暢的視覺導向,直接影響到傳播者傳達信息的準確與
17、有效性。所以在網頁的編輯設計中,視覺導向是一個要點,網頁的設計是一種創造,首先要立足信息的傳達,但又要符合人們較為普遍的思維習慣,做到視覺流程自然、合理、暢快。成功的視覺流程安排,能使網頁上的各種信息要素在一定空間內合理分布,能使頁面上各信息要素的位置、間隙、大小保持一定的節奏感和美感。二網頁設計的審美需求網頁設計是一門新興的設計類和網絡的交叉學科,近幾年隨著網絡的發展而逐漸受到人們的重視,它本身以網絡為載體,把各種信息以最快捷、方便的方式傳達給受眾,在這種標準的要求下,逐步產生了審美的需求。人們對美的追求是不斷深入的,網頁設計同樣如此。網頁不光是把各種東西放上去,能看就行,這是遠遠不夠的!要
18、考慮如何使受眾能更好地和更有效率地接收網頁上的信息。這就需要從審美的方面入手,制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快,接收信息也會更加容易。網頁設計的審美需求是對平面視覺傳達設計美學的一種繼承和延伸。兩者的表現形式和目的都有一定的相似性,把傳統平面設計中美的形式規律同現代的網頁設計的具體問題相結合起來,運用一些平面設計中美的基本形式到網頁中去,增加網頁設計的美感和大眾的視覺審美需求。我們經常所說的如變化和統一、條理與反復、對比和調和、均齊與平衡等,對網頁中文字、圖形、色彩的設計都是十分有效的視覺規律。首先,網頁的內容與形式的表現必須統一和具有秩序,形式表現必須服從內容要求,網頁上的各
19、種構成要素之間的視覺流程,能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網頁上去的時候,考慮怎樣把它們以合理的統一的方式來排布,使整體感強同時又要有變化。怎樣使它們脈絡清楚又富有清晰的視覺效果等等。這樣使頁面更豐富,更有生氣,看起來就不感到枯燥。其次,突出主題要素,必須在眾多構成要素中突出一個清楚的主體,它應盡可能地成為閱讀時視線流動的起點。如果沒有這個主體要素,瀏覽者的視線將會無所適從,或者導致視線流動偏離設計的初衷。網頁設計中各構成要素在組合時,要注意其結構的輕重大小、虛實、多少等對比因素,加強視覺力度,以強化頁面的整體吸引力。作為形式美的法則,隨著時代的不同而不斷發展進步,
20、特別在生活節奏如此快的互聯網時代,由于追求目標的變化,人們的審美觀念也在不斷地變化,但是美的本質是一樣的,同時隨著技術的發展,很多目前不容易實現的審美形式也逐漸被克服,突破帶寬的瓶頸,就會給網頁設計的自如發展帶來一片新的天地。三網頁中各構成要素分析對于網頁設計來講,其信息內容的有效傳達是通過將各種構成要素的設計編排來實現的。網頁的構成要素包括文字、圖形、圖象、標志、色彩等造型要素及標題、信息菜單、信息正文、標語、單位名稱等內容要素。1.文字的編排與設計文字作為信息傳達的主要手段目前也是網頁設計的主體,文字是網頁中必不可少的元素,也是網頁中的主要信息描述要素,所以網頁中文字將占據相當大的面積,文
21、字表現的好與壞將影響到整個網頁的質量。網頁文字的主要功能是傳達各種信息,而要達到這種傳達的有效性,必須考慮文字編輯的整體效果,能給人以清晰的視覺印象,避免頁面繁雜零亂,減去不必要的裝飾變化,使人易認、易懂、易讀。不能為造型而編輯,忘記了文字本身是傳達內容和表達信息的主題。網頁文字編排與設計,重要的一點在于要服從信息內容的性質及特點的要求,其風格要與內容特性相吻合,而不是相脫離,更不能相互沖突。如政府網頁其文字具有莊重和規范的特質,字體造型規整而有序,簡潔而大方;休閑旅游類內容網頁,文字編輯應具有歡快輕盈的風格,字體生動活潑,跳躍明快,有鮮明的節奏感,給人以生機盎然的感受;有關歷史文化教育方面的
22、網頁,字體編輯可具有一種蒼勁古樸的意蘊、端莊典雅的風范或優美清新的格調;公司網頁可根據行業性質、企業理念或產品特點,追求某種富于活力的字體編排與設計;個人主頁則可結合個人的性格特點及追求,別出心裁,給人一種強烈獨特印象。在網頁文字的編排與設計中,由于計算機給我們提供了大量可供選擇的字體,導致字體的變化趨于多樣化。這既為網頁編輯提供了方便,同時也對編排與設計的選擇能力提出了考驗。雖然可供選擇的字體很多,但在同一網頁上,使用幾種字體尚需精心編輯和考慮。一般來講,同一頁面上使用的字體種類最多只能有三四種。由于文本字體的顯示是需要本地硬盤字體文件的支持的,所以在互聯網上使用過多的字體是沒有意義的。文字
23、在視覺傳達中作為頁面的形象要素之一,除了表意以外,還具有傳達感情的功能,因而必須具有視覺上的美感,能給人以美好印象,獲得良好的心理反應。2.圖片的編排與設計圖片是文字以外最早引入到網絡中的多媒體對象。網絡可以圖文并茂地向用戶提供信息,成倍地加大了它所提供的信息量。而且圖片的引入也大大美化了網絡頁面。可以說,要使網頁在純文本基礎上變得更有趣味,最為簡捷省力的辦法就是使用圖片。對于一條信息來說,圖片對受眾吸引也遠遠超過單純的文字。網絡圖片的特點:一個特點是圖片質量不需很高。因為網絡圖片一般只顯示于計算機的顯示器上,受顯示器最小分辨率的限制,即使圖片的分辨率很高,顏色深度很大,我們的肉眼也經常無法把
24、它和一幅處理過的普通圖片區分開來。一般來說,分辨率為72dpi(dotperinch)是大多數圖片最佳選擇;另一個特點是,圖片要盡量小。網絡頁面的圖片用于網絡的傳輸,受到帶寬的限制,其文件尺寸在一定范圍內越小越好。這也是適應信息高速公路的要求。文件的長度越小,下載的時間就會越短。圖片的位置、面積、數量、形式、方向等直接關系到網頁的視覺傳達。在圖片的選擇和優化的同時,應考慮圖片在整體編輯計劃中的作用,達到和諧整齊。要達到這樣的效果,在頁面圖片的合理選用時,一要注意統一,二要注意悅目,三要注意突出重點,特別是在處理和相關文字編排在一起的圖片時。3.色彩的設計網頁在一定意義上說也是一種藝術品,因為它
25、既要求文字的優美流暢,又要求頁面的新穎、整潔,使用色彩可以產生強烈的視覺效果,使頁面更加生動。而且,瀏覽者在瀏覽網頁時,留下的第一印象就是頁面的色彩設計,它的好壞直接影響閱讀者的觀賞興趣。因此,色彩設計在網頁設計中居于十分重要的地位。網頁的色彩設計應把握以下幾個方面:首先是整個頁面的色彩選擇,確定一個主色調,可以有利于體現網站主題。我們現在看到的網頁,一般以淺顏色為背景的居多,如淺灰色、淺黃色、淺藍色、淺綠色。以淺顏色為底,柔和、素淡,配上深顏色的字,如黑色,讀來自然、流暢,也有利于突出頁面的重點,有利于整個頁面的配色,更容易為大多數人認可和掌握。其他一些次要內容,如背景圖片、線條適宜采用不搶
26、眼的顏色,以免喧賓奪主。只有少量精心選擇的元素,為了突出強調的需要,才采用明亮的色彩,這些彩色亮點就會產生強烈的視覺沖擊,但如果用得太多了,就會形成一種均勻的噪聲,而達不到強調的效果。其次,在背景的色調搭配上一定要注意不能有強烈的對比,特別是同時使用色彩對立的顏色。大面積顏色適宜采用低比度,因為過于豐富的背景色彩會影響前景圖片和文字的取色,嚴重時會使文字溶于背景中,不易辨識。所以,背景一般應以單純為宜。如果需要一定的變化以增加背景的厚度,也應是在盡量統一的前提下的一種變化。例如在制用標題時,為追求醒目的視覺效果,可用比較深的顏色,配上對比鮮明的字體。實際上背景的作用主要在于統一整個網頁的風格和
27、情調,對視覺的主體起到一定的襯托和協調作用,一方面吸引網民的注意力,另一方面有助于體現網站的主題。四結束語網頁作為一種新的視覺表現形式,它的發展雖然沒有多長時間,它兼容了傳統平面設計的特征,又具備其所沒有的優勢,成為今后信息交流的一個非常有影響的途徑。網頁設計是一種綜合性的設計,它所涉及的范圍非常的廣泛,包括消費者心理學、視覺設計美學、人機工程、哲學等諸多方面,當然也離不開一定的科學技術發展。在本文中只從視覺傳達的角度進行了一些闡述與分析。好的網頁設計除首先應考慮其內容上的精益求精外,其次就是對內容合理有效的視覺編排。美是任何網頁所必需具備的基本因素,網頁信息不僅是為了滿足使用者的需求,更重要
28、的是創造一種愉悅的視覺環境,使他們有一種全身心的享受和共鳴。一網頁設計中的視覺流程網頁是通過視覺元素的引人注目而實現信息內容的傳達,為了使網頁獲得最大的視覺傳達功能,使網絡真正成為可讀強性而且新穎的媒體,網頁的設計必須適應人們視覺流向的心理和生理的特點,由此確定各種視覺構成元素之間的關系和秩序。因此,設計時應該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。視覺流程的形成是由人類的視覺特性所決定的。因為人眼晶體結構的生理構造,只能產生一個焦點,而不能同時把視線停留在兩處或兩處以上的地方。人們在閱讀一種信息時,視覺總有一種自然的流動習慣,先看什么,后看什么,再看什么。視覺流程往往會體
29、現出比較明顯的方向感,它無形中形成一種脈絡,似乎有一條線、一股氣貫穿其中,使整個版面的運動趨勢有一個主旋律。心理學的研究表明,在一個平面上,上半部讓人輕松和自在,下半部則讓人穩定和壓抑。同樣,平面的左半部讓人輕松和自在,右半部讓人穩定和壓抑。所以平面的視覺影響力上方強于下方,左側強于右側。這樣平面的上部和中上部被稱為“最佳視域”,也就是最優選的地方。在網頁設計中一些突出的信息,如主標題、每天更新的內容等通常都放在這個位置。當然視覺流程是一種感覺而非確切的數學公式,只要符合人們認識過程的心理順序和思維發展的邏輯順序,就可以更為靈活地運用。在網頁設計中,靈活而合理地運用視覺流程和最佳視域,組織好自
30、然流暢的視覺導向,直接影響到傳播者傳達信息的準確與有效性。所以在網頁的編輯設計中,視覺導向是一個要點,網頁的設計是一種創造,首先要立足信息的傳達,但又要符合人們較為普遍的思維習慣,做到視覺流程自然、合理、暢快。成功的視覺流程安排,能使網頁上的各種信息要素在一定空間內合理分布,能使頁面上各信息要素的位置、間隙、大小保持一定的節奏感和美感。二網頁設計的審美需求網頁設計是一門新興的設計類和網絡的交叉學科,近幾年隨著網絡的發展而逐漸受到人們的重視,它本身以網絡為載體,把各種信息以最快捷、方便的方式傳達給受眾,在這種標準的要求下,逐步產生了審美的需求。人們對美的追求是不斷深入的,網頁設計同樣如此。網頁不
31、光是把各種東西放上去,能看就行,這是遠遠不夠的!要考慮如何使受眾能更好地和更有效率地接收網頁上的信息。這就需要從審美的方面入手,制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快,接收信息也會更加容易。網頁設計的審美需求是對平面視覺傳達設計美學的一種繼承和延伸。兩者的表現形式和目的都有一定的相似性,把傳統平面設計中美的形式規律同現代的網頁設計的具體問題相結合起來,運用一些平面設計中美的基本形式到網頁中去,增加網頁設計的美感和大眾的視覺審美需求。我們經常所說的如變化和統一、條理與反復、對比和調和、均齊與平衡等,對網頁中文字、圖形、色彩的設計都是十分有效的視覺規律。首先,網頁的內容與形式的表現必須統
32、一和具有秩序,形式表現必須服從內容要求,網頁上的各種構成要素之間的視覺流程,能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網頁上去的時候,考慮怎樣把它們以合理的統一的方式來排布,使整體感強同時又要有變化。怎樣使它們脈絡清楚又富有清晰的視覺效果等等。這樣使頁面更豐富,更有生氣,看起來就不感到枯燥。其次,突出主題要素,必須在眾多構成要素中突出一個清楚的主體,它應盡可能地成為閱讀時視線流動的起點。如果沒有這個主體要素,瀏覽者的視線將會無所適從,或者導致視線流動偏離設計的初衷。網頁設計中各構成要素在組合時,要注意其結構的輕重大小、虛實、多少等對比因素,加強視覺力度,以強化頁面的整體吸引力
33、。作為形式美的法則,隨著時代的不同而不斷發展進步,特別在生活節奏如此快的互聯網時代,由于追求目標的變化,人們的審美觀念也在不斷地變化,但是美的本質是一樣的,同時隨著技術的發展,很多目前不容易實現的審美形式也逐漸被克服,突破帶寬的瓶頸,就會給網頁設計的自如發展帶來一片新的天地。三網頁中各構成要素分析對于網頁設計來講,其信息內容的有效傳達是通過將各種構成要素的設計編排來實現的。網頁的構成要素包括文字、圖形、圖象、標志、色彩等造型要素及標題、信息菜單、信息正文、標語、單位名稱等內容要素。1.文字的編排與設計文字作為信息傳達的主要手段目前也是網頁設計的主體,文字是網頁中必不可少的元素,也是網頁中的主要
34、信息描述要素,所以網頁中文字將占據相當大的面積,文字表現的好與壞將影響到整個網頁的質量。網頁文字的主要功能是傳達各種信息,而要達到這種傳達的有效性,必須考慮文字編輯的整體效果,能給人以清晰的視覺印象,避免頁面繁雜零亂,減去不必要的裝飾變化,使人易認、易懂、易讀。不能為造型而編輯,忘記了文字本身是傳達內容和表達信息的主題。網頁文字編排與設計,重要的一點在于要服從信息內容的性質及特點的要求,其風格要與內容特性相吻合,而不是相脫離,更不能相互沖突。如政府網頁其文字具有莊重和規范的特質,字體造型規整而有序,簡潔而大方;休閑旅游類內容網頁,文字編輯應具有歡快輕盈的風格,字體生動活潑,跳躍明快,有鮮明的節
35、奏感,給人以生機盎然的感受;有關歷史文化教育方面的網頁,字體編輯可具有一種蒼勁古樸的意蘊、端莊典雅的風范或優美清新的格調;公司網頁可根據行業性質、企業理念或產品特點,追求某種富于活力的字體編排與設計;個人主頁則可結合個人的性格特點及追求,別出心裁,給人一種強烈獨特印象。在網頁文字的編排與設計中,由于計算機給我們提供了大量可供選擇的字體,導致字體的變化趨于多樣化。這既為網頁編輯提供了方便,同時也對編排與設計的選擇能力提出了考驗。雖然可供選擇的字體很多,但在同一網頁上,使用幾種字體尚需精心編輯和考慮。一般來講,同一頁面上使用的字體種類最多只能有三四種。由于文本字體的顯示是需要本地硬盤字體文件的支持
36、的,所以在互聯網上使用過多的字體是沒有意義的。文字在視覺傳達中作為頁面的形象要素之一,除了表意以外,還具有傳達感情的功能,因而必須具有視覺上的美感,能給人以美好印象,獲得良好的心理反應。2.圖片的編排與設計圖片是文字以外最早引入到網絡中的多媒體對象。網絡可以圖文并茂地向用戶提供信息,成倍地加大了它所提供的信息量。而且圖片的引入也大大美化了網絡頁面。可以說,要使網頁在純文本基礎上變得更有趣味,最為簡捷省力的辦法就是使用圖片。對于一條信息來說,圖片對受眾吸引也遠遠超過單純的文字。網絡圖片的特點:一個特點是圖片質量不需很高。因為網絡圖片一般只顯示于計算機的顯示器上,受顯示器最小分辨率的限制,即使圖片
37、的分辨率很高,顏色深度很大,我們的肉眼也經常無法把它和一幅處理過的普通圖片區分開來。一般來說,分辨率為72dpi(dotperinch)是大多數圖片最佳選擇;另一個特點是,圖片要盡量小。網絡頁面的圖片用于網絡的傳輸,受到帶寬的限制,其文件尺寸在一定范圍內越小越好。這也是適應信息高速公路的要求。文件的長度越小,下載的時間就會越短。圖片的位置、面積、數量、形式、方向等直接關系到網頁的視覺傳達。在圖片的選擇和優化的同時,應考慮圖片在整體編輯計劃中的作用,達到和諧整齊。要達到這樣的效果,在頁面圖片的合理選用時,一要注意統一,二要注意悅目,三要注意突出重點,特別是在處理和相關文字編排在一起的圖片時。3.
38、色彩的設計網頁在一定意義上說也是一種藝術品,因為它既要求文字的優美流暢,又要求頁面的新穎、整潔,使用色彩可以產生強烈的視覺效果,使頁面更加生動。而且,瀏覽者在瀏覽網頁時,留下的第一印象就是頁面的色彩設計,它的好壞直接影響閱讀者的觀賞興趣。因此,色彩設計在網頁設計中居于十分重要的地位。網頁的色彩設計應把握以下幾個方面:首先是整個頁面的色彩選擇,確定一個主色調,可以有利于體現網站主題。我們現在看到的網頁,一般以淺顏色為背景的居多,如淺灰色、淺黃色、淺藍色、淺綠色。以淺顏色為底,柔和、素淡,配上深顏色的字,如黑色,讀來自然、流暢,也有利于突出頁面的重點,有利于整個頁面的配色,更容易為大多數人認可和掌
39、握。其他一些次要內容,如背景圖片、線條適宜采用不搶眼的顏色,以免喧賓奪主。只有少量精心選擇的元素,為了突出強調的需要,才采用明亮的色彩,這些彩色亮點就會產生強烈的視覺沖擊,但如果用得太多了,就會形成一種均勻的噪聲,而達不到強調的效果。其次,在背景的色調搭配上一定要注意不能有強烈的對比,特別是同時使用色彩對立的顏色。大面積顏色適宜采用低比度,因為過于豐富的背景色彩會影響前景圖片和文字的取色,嚴重時會使文字溶于背景中,不易辨識。所以,背景一般應以單純為宜。如果需要一定的變化以增加背景的厚度,也應是在盡量統一的前提下的一種變化。例如在制用標題時,為追求醒目的視覺效果,可用比較深的顏色,配上對比鮮明的
40、字體。實際上背景的作用主要在于統一整個網頁的風格和情調,對視覺的主體起到一定的襯托和協調作用,一方面吸引網民的注意力,另一方面有助于體現網站的主題。四結束語網頁作為一種新的視覺表現形式,它的發展雖然沒有多長時間,它兼容了傳統平面設計的特征,又具備其所沒有的優勢,成為今后信息交流的一個非常有影響的途徑。網頁設計是一種綜合性的設計,它所涉及的范圍非常的廣泛,包括消費者心理學、視覺設計美學、人機工程、哲學等諸多方面,當然也離不開一定的科學技術發展。在本文中只從視覺傳達的角度進行了一些闡述與分析。好的網頁設計除首先應考慮其內容上的精益求精外,其次就是對內容合理有效的視覺編排。美是任何網頁所必需具備的基
41、本因素,網頁信息不僅是為了滿足使用者的需求,更重要的是創造一種愉悅的視覺環境,使他們有一種全身心的享受和共鳴。一網頁設計中的視覺流程網頁是通過視覺元素的引人注目而實現信息內容的傳達,為了使網頁獲得最大的視覺傳達功能,使網絡真正成為可讀強性而且新穎的媒體,網頁的設計必須適應人們視覺流向的心理和生理的特點,由此確定各種視覺構成元素之間的關系和秩序。因此,設計時應該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。視覺流程的形成是由人類的視覺特性所決定的。因為人眼晶體結構的生理構造,只能產生一個焦點,而不能同時把視線停留在兩處或兩處以上的地方。人們在閱讀一種信息時,視覺總有一種自然的流動習
42、慣,先看什么,后看什么,再看什么。視覺流程往往會體現出比較明顯的方向感,它無形中形成一種脈絡,似乎有一條線、一股氣貫穿其中,使整個版面的運動趨勢有一個主旋律。心理學的研究表明,在一個平面上,上半部讓人輕松和自在,下半部則讓人穩定和壓抑。同樣,平面的左半部讓人輕松和自在,右半部讓人穩定和壓抑。所以平面的視覺影響力上方強于下方,左側強于右側。這樣平面的上部和中上部被稱為“最佳視域”,也就是最優選的地方。在網頁設計中一些突出的信息,如主標題、每天更新的內容等通常都放在這個位置。當然視覺流程是一種感覺而非確切的數學公式,只要符合人們認識過程的心理順序和思維發展的邏輯順序,就可以更為靈活地運用。在網頁設
43、計中,靈活而合理地運用視覺流程和最佳視域,組織好自然流暢的視覺導向,直接影響到傳播者傳達信息的準確與有效性。所以在網頁的編輯設計中,視覺導向是一個要點,網頁的設計是一種創造,首先要立足信息的傳達,但又要符合人們較為普遍的思維習慣,做到視覺流程自然、合理、暢快。成功的視覺流程安排,能使網頁上的各種信息要素在一定空間內合理分布,能使頁面上各信息要素的位置、間隙、大小保持一定的節奏感和美感。二網頁設計的審美需求網頁設計是一門新興的設計類和網絡的交叉學科,近幾年隨著網絡的發展而逐漸受到人們的重視,它本身以網絡為載體,把各種信息以最快捷、方便的方式傳達給受眾,在這種標準的要求下,逐步產生了審美的需求。人
44、們對美的追求是不斷深入的,網頁設計同樣如此。網頁不光是把各種東西放上去,能看就行,這是遠遠不夠的!要考慮如何使受眾能更好地和更有效率地接收網頁上的信息。這就需要從審美的方面入手,制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快,接收信息也會更加容易。網頁設計的審美需求是對平面視覺傳達設計美學的一種繼承和延伸。兩者的表現形式和目的都有一定的相似性,把傳統平面設計中美的形式規律同現代的網頁設計的具體問題相結合起來,運用一些平面設計中美的基本形式到網頁中去,增加網頁設計的美感和大眾的視覺審美需求。我們經常所說的如變化和統一、條理與反復、對比和調和、均齊與平衡等,對網頁中文字、圖形、色彩的設計都是十分
45、有效的視覺規律。首先,網頁的內容與形式的表現必須統一和具有秩序,形式表現必須服從內容要求,網頁上的各種構成要素之間的視覺流程,能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網頁上去的時候,考慮怎樣把它們以合理的統一的方式來排布,使整體感強同時又要有變化。怎樣使它們脈絡清楚又富有清晰的視覺效果等等。這樣使頁面更豐富,更有生氣,看起來就不感到枯燥。其次,突出主題要素,必須在眾多構成要素中突出一個清楚的主體,它應盡可能地成為閱讀時視線流動的起點。如果沒有這個主體要素,瀏覽者的視線將會無所適從,或者導致視線流動偏離設計的初衷。網頁設計中各構成要素在組合時,要注意其結構的輕重大小、虛實、多
46、少等對比因素,加強視覺力度,以強化頁面的整體吸引力。作為形式美的法則,隨著時代的不同而不斷發展進步,特別在生活節奏如此快的互聯網時代,由于追求目標的變化,人們的審美觀念也在不斷地變化,但是美的本質是一樣的,同時隨著技術的發展,很多目前不容易實現的審美形式也逐漸被克服,突破帶寬的瓶頸,就會給網頁設計的自如發展帶來一片新的天地。三網頁中各構成要素分析對于網頁設計來講,其信息內容的有效傳達是通過將各種構成要素的設計編排來實現的。網頁的構成要素包括文字、圖形、圖象、標志、色彩等造型要素及標題、信息菜單、信息正文、標語、單位名稱等內容要素。1.文字的編排與設計文字作為信息傳達的主要手段目前也是網頁設計的
47、主體,文字是網頁中必不可少的元素,也是網頁中的主要信息描述要素,所以網頁中文字將占據相當大的面積,文字表現的好與壞將影響到整個網頁的質量。網頁文字的主要功能是傳達各種信息,而要達到這種傳達的有效性,必須考慮文字編輯的整體效果,能給人以清晰的視覺印象,避免頁面繁雜零亂,減去不必要的裝飾變化,使人易認、易懂、易讀。不能為造型而編輯,忘記了文字本身是傳達內容和表達信息的主題。網頁文字編排與設計,重要的一點在于要服從信息內容的性質及特點的要求,其風格要與內容特性相吻合,而不是相脫離,更不能相互沖突。如政府網頁其文字具有莊重和規范的特質,字體造型規整而有序,簡潔而大方;休閑旅游類內容網頁,文字編輯應具有歡快輕盈的風格,字體生動活潑,跳躍明快,有鮮明的節奏感,給人以生機盎然的感受;有關歷史文化教育方面的網頁,字體編輯可具有一種蒼勁古樸的意蘊、端莊典雅的風范或優美清新的格調;公司網頁可根據行業性質、企業理念或產品特點,追求某種富于活力的字體編排與設計;個人主頁則可結合個人的性格特點及追求,別出心裁,給人一種強烈獨特印象。在網頁文字的編排與設計中,由于計算機給我們提供了大量可供選擇的字體,導致字體的變化趨于多樣化。這既為網頁編輯提供了方便,同時也對編排與設計的選擇能力提出了考驗。雖然可供選擇的字體很多,但在同一網頁上,使用幾種字體尚需精心編輯和考慮。一般來講,同
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 廠房柵欄拆除方案(3篇)
- 小行公司貨場管理制度
- 小學心靈驛站管理制度
- 家電采購服務方案(3篇)
- 關鍵過程制訂管理制度
- DB62T 4398-2021 工業換熱設備節能管理規范
- 船舶購置方案(3篇)
- 生產經營方案(3篇)
- 橋牌測試題及答案
- 田地土壤養護方案(3篇)
- 數據化轉型對營銷職業的影響
- DL-T+617-2019氣體絕緣金屬封閉開關設備技術條件
- 全國交通運輸行政執法綜合管理信息系統考試題庫-中(多選題練習)
- 甘肅省蘭州市城七里河區-2023-2024學年六年級下學期小學期末畢業測試語文試卷
- 全新裝修合同電子版范本
- 勞動教育智慧樹知到期末考試答案章節答案2024年上海杉達學院
- 2023年南平市高校畢業生服務社區計劃招募考試真題
- HG-T 4062-2023 波形擋邊輸送帶
- 西安市灞橋區2024年公開招聘事業單位工作人員歷年公開引進高層次人才和急需緊缺人才筆試參考題庫(共500題)答案詳解版
- 提水試驗過程及數據處理
- 24春國家開放大學《公共關系學》形考任務1-4參考答案
評論
0/150
提交評論