本文關(guān)鍵詞：網(wǎng)頁界面設(shè)計，由筆耕文化傳播整理發(fā)布。

 一：基礎(chǔ)理論

用美和技術(shù)兩方面衡量生活的合理性。網(wǎng)頁界面設(shè)計是將技術(shù)性與藝術(shù)性融為一體的創(chuàng)造性活動。

在網(wǎng)頁出現(xiàn)的早期，和設(shè)計發(fā)展的早期階段一樣，網(wǎng)頁設(shè)計是以功能性為第一指導(dǎo)原則，以技術(shù)因素為主要考慮對象，以完成或?qū)崿F(xiàn)必要的功能為目標(biāo)。以字符組成的界面可以起到基本的信息傳達(dá)作用，同時技術(shù)要求相對較低，易于實(shí)現(xiàn)，并且有較好的穩(wěn)定性，故而這種形式的界面在很長一段時間內(nèi)是人機(jī)交流的主要形式。
我國對網(wǎng)頁界面設(shè)計這一課題的系統(tǒng)研究還略顯薄弱，特別是載藝術(shù)設(shè)計領(lǐng)域中對網(wǎng)頁界面設(shè)計的探討尤顯不足。
版式設(shè)計對設(shè)計人員的綜合能力與文化素養(yǎng)要求比較高，往往不如文字編排和圖形設(shè)計那樣容易把握。
從藝術(shù)領(lǐng)域來看，色彩本身及其有無，并不意味者藝術(shù)作品的藝術(shù)性的高低，但在網(wǎng)頁界面設(shè)計領(lǐng)域，彩色的網(wǎng)頁總是要勝于單色的網(wǎng)頁。

一般情況下使用256色就可以將圖片的色彩基本還原出來。

網(wǎng)絡(luò)信息的受傳者存在著職業(yè)、文化、修養(yǎng)、興趣、生活經(jīng)驗(yàn)以及消費(fèi)水平等方面的明顯差異，因此在網(wǎng)頁界面中出現(xiàn)的視覺形象要適應(yīng)大多數(shù)瀏覽者的口味，越明確，越通俗，越具體越好。

在這樣一個內(nèi)容豐富、信息繁雜的巨大網(wǎng)絡(luò)世界里，網(wǎng)頁界面設(shè)計必須以其強(qiáng)有力的視覺沖擊效果來吸引瀏覽者的注意，進(jìn)而使特定的信息得以準(zhǔn)確迅速地傳播。這就要求網(wǎng)頁界面設(shè)計的形式應(yīng)力求刪繁就簡，“以少勝多”，一切分散瀏覽者注意力的圖形、線條、可有可無的“裝飾”都應(yīng)摒棄，使參與形式構(gòu)成的諸元素均與欲傳播的內(nèi)容直接相關(guān)。

“簡潔”是各種藝術(shù)形式都必須遵循的普遍原則，正所謂“無聲勝有聲”，網(wǎng)頁界面設(shè)計尤其要做到這一點(diǎn)。在社會文化高度發(fā)達(dá)的現(xiàn)代社會，人們因文化素質(zhì)的提高和價值觀念的變化，生活情趣和審美趣味更趨向簡潔、單純。簡潔的圖形，醒目的文字，大的色塊更符合形式美的要求和當(dāng)今人們的欣賞趣味，給人以悅目、舒適、現(xiàn)代的感覺以及美的享受，令人百看不厭，并能回味無窮，聯(lián)想豐富。

網(wǎng)頁界面可以依據(jù)其傳達(dá)信息內(nèi)容的特點(diǎn)來進(jìn)行類型的劃分，主要可分為6種形式：
（1）信息查詢類：以實(shí)用功能為主，注重視覺元素的均衡排布，較少裝飾性的元素，如Yahoo!。
（2）大眾媒體類：如新浪網(wǎng)新聞中心。
（3）宣傳窗口類：從企業(yè)特有形象入手，充分表現(xiàn)企業(yè)文化特征，如Adidas。
（4）電子商務(wù)類：使瀏覽者在訪問時進(jìn)行愉快的交流是設(shè)計的重點(diǎn)，要求既要具備人們樂于接受的交互性，又要有吸引瀏覽者注意的頁面形式，如當(dāng)當(dāng)書店。
（5）交流平臺類：以方便使用為主要特點(diǎn)，指示性強(qiáng)，易于理解，如BBS。
（6）網(wǎng)絡(luò)社區(qū)類：由于網(wǎng)絡(luò)社區(qū)通常不帶有商業(yè)性質(zhì)，因此它的界面設(shè)計可以根據(jù)社區(qū)內(nèi)容充分發(fā)揮創(chuàng)造性，營造一個自由、舒適、愉快的氛圍。


二：與視覺傳達(dá)的設(shè)計

視覺傳達(dá)設(shè)計簡稱視覺設(shè)計（Visual Communication Design 或 Graphic Design），有時也被稱為信息設(shè)計（Information Design），視覺傳達(dá)設(shè)計的過程，是設(shè)計者將思想和設(shè)計概念轉(zhuǎn)變?yōu)橐曈X符號形式的過程，即概念視覺化的過程，對信息的接收者來說，則是相反的過程，即視覺概念化的過程，貫穿和聯(lián)結(jié)兩個過程的是信息。

圖形符號具有很強(qiáng)的直觀性，但同時在信息傳達(dá)明確性方面不如文字，有時會出現(xiàn)“誤讀”的可能。

在界面設(shè)計中，要求信息的發(fā)送者和接收者之間必須具備部分相同的信息知識背景，否則在兩者之間就必須存在一個翻譯或解說系統(tǒng)作為中間媒介來進(jìn)行溝通。例如對于一個沒有任何西方文化和語言背景的中國人來說，“Just Do It”的文字符號就不會產(chǎn)生任何“動感，活力，激情”的印象，此時可以通過鮮明的圖象和活躍的色彩來輔助傳達(dá)這個概念。

形式美的創(chuàng)造法則：
（1）秩序產(chǎn)生的美感。它通過對稱、比例、連續(xù)、漸變、重復(fù)、放射、回旋等方式，表現(xiàn)出嚴(yán)謹(jǐn)有序的設(shè)計理念，是創(chuàng)造形式　　　美感的最基本的方式。
（2）和諧產(chǎn)生的美感。它是以美學(xué)上的整體性觀念為基礎(chǔ)的。構(gòu)成界面形式的文字、圖形、色彩等因素之間相互作用，相互協(xié)調(diào)映襯，都為界面的功能美與形式美服務(wù)。
（3）變化產(chǎn)生的美感。變化的法則體現(xiàn)了設(shè)計存在的終極意義，即不斷地推陳出新，不斷地創(chuàng)造新的形式。

在藝術(shù)問題上沒有什么嚴(yán)格的法則，藝術(shù)天才不可能是結(jié)構(gòu)的奴隸，他不管怎么干，都不會侵犯藝術(shù)原理，而只會創(chuàng)造出新的原理。

精心收集和審慎挑選藝術(shù)和設(shè)計的古今范例有助于訓(xùn)練設(shè)計師的大腦和眼力。

界面的借鑒不僅要從同類設(shè)計作品中求得，更重要的是從文化傳統(tǒng)中找尋。日本現(xiàn)代設(shè)計在不長的時間里發(fā)展到較高水平，重要原因之一就是很多日本設(shè)計師自覺地將日本的文化傳統(tǒng)融入到現(xiàn)代設(shè)計理念之中。


三：圖形圖象設(shè)計

圖形圖象的視覺沖擊力比文字大85%，故有人說，一圖勝千字。

除了圓形以外，點(diǎn)還可以是方形、三角形、星形、自由形等許多形狀，在視覺上，只要相對地小，就有點(diǎn)的效果。

圖形圖象的擴(kuò)展造型元素，是在點(diǎn)線面這些基本造型元素基礎(chǔ)上發(fā)展的，它進(jìn)一步分析了形成圖形圖象不同視覺效果的影響因素：空間，運(yùn)動，質(zhì)感。

圖形圖象所產(chǎn)生的空間感，一方面可以通過攝影、繪畫的技法獲得，一幅好的攝影繪畫作品使物象有呼之欲出的感覺；另一方面還可以運(yùn)用不同的手法對點(diǎn)線面等元素進(jìn)行組合，從而使平面圖形圖象的三維空間感得以加強(qiáng)。這些手法是疏密、大小、方向、重疊、虛實(shí)、色調(diào)的變化和光影的利用。

圖形圖象可以采用三種方法產(chǎn)生動感：
（1）采用疊合的片斷形態(tài)，最常用的方法是重復(fù)和漸變，如將動作分解成一系列片斷形態(tài)。
（2）表現(xiàn)形態(tài)的運(yùn)動軌跡，正如人們看到流星拖著長長的尾巴因而判斷它正在劃過夜空。
（3）采用運(yùn)動過程中形態(tài)或不穩(wěn)定的形態(tài)，將物象運(yùn)動過程中某一時刻的片斷形態(tài)或處于不穩(wěn)定狀態(tài)的形態(tài)捕捉下來，并選取動態(tài)或動勢最大的狀態(tài)，由于人們平時對重力作用的認(rèn)識，會不自覺地產(chǎn)生聯(lián)想：接下去會發(fā)生什么？怎樣運(yùn)動？如一個在輪滑過程中飛身躍起的人物形象。

創(chuàng)意就是客觀地思索，然后天才地表達(dá)。

如果說，圖形圖象的創(chuàng)意解決了“做什么”的問題，設(shè)計就是具體的“怎樣做”。

“傳統(tǒng)”雖然在時間上代表歷史，但在觀念上并不代表陳舊。傳統(tǒng)的東西可以讓歷史得以延續(xù)，讓文化保持差異性，從而讓人們內(nèi)心產(chǎn)生歸屬感。中國的傳統(tǒng)文化源遠(yuǎn)流長，在繪畫、書法、建筑、音樂、戲曲、醫(yī)藥、哲學(xué)等很多領(lǐng)域都有自己獨(dú)特的民族風(fēng)格。
圖象的退底，是將圖片中所選形象的背景沿邊沿剪裁掉。退底后的形象，其外輪廓呈自由形狀，具有清晰分明的視覺形態(tài)，顯得靈活自如，當(dāng)與其他背景搭配時，既容易協(xié)調(diào)，又容易突出該形象。

圖象的虛實(shí)對比能夠產(chǎn)生空間感，實(shí)的物體感覺近，虛的物體感覺遠(yuǎn)。要想使圖象“虛”，一種方法是將圖象模糊，再有就是將圖象的色彩層次減少，純度降低，盡量與背景靠近。

局部是相對于整體而言的，相對局部的圖象能讓視線集中，有一種點(diǎn)到為止，意尤未盡的感覺。


四：色彩設(shè)計

在人的視覺中所能感受到的色彩范圍內(nèi)，絕大部分是非高純度的色，即含有一定程度灰的色。

普通24位顯示適配器可產(chǎn)生約1670萬種顏色，雖然數(shù)字很大，但RGB的色彩范圍要遠(yuǎn)遠(yuǎn)小于可見光譜的范圍。由于CMYK與RGB分別是減色原理和加色原理，因此輸出的圖像與在顯示器上看到的色彩相比要暗一些。Lab色彩模式以明度、純度和色相對色彩進(jìn)行表述，因此其在進(jìn)行圖像處理或在不同平臺和系統(tǒng)間交換時，都不會產(chǎn)生色偏或失真的情況。

人由亮處進(jìn)入暗環(huán)境后，最初大約15分鐘可以基本適應(yīng)，達(dá)到完全的暗適應(yīng)大約需要40分鐘。

從生理角度講，眼睛最能適應(yīng)的光是中等明度的全色光，即中間灰色，當(dāng)外界光并非中間灰色時，視覺會自動調(diào)整這種不平衡現(xiàn)象，因而會出現(xiàn)視覺殘像。為了降低視覺殘像的影響，應(yīng)避免使用高純度的單一色彩，或是在純色中加入一定量的灰。明度高的色彩在視網(wǎng)膜上形成的物象邊緣會有一圈光包圍著，視覺感受好像物象擴(kuò)大了一些。

不同色光在視網(wǎng)膜上所成影像位置有前差異，因此產(chǎn)生色彩的進(jìn)退感。日光中波長較長的色光如紅橙黃成像在視網(wǎng)膜的較前部位，因而產(chǎn)生色彩靠近的感覺；而波長較短的色光如綠藍(lán)紫成像在視網(wǎng)膜的靠后部位，因而產(chǎn)生色彩后退的感覺。

中國傳統(tǒng)年畫和西方教學(xué)的彩色玻璃藝術(shù)大量使用色相對比手法。色相的差別是由可見光波的波長差異造成的，查在色相對比中不能完全依據(jù)波長的差別來確定色相的對比程度，紅色光與紫色光的波長差異雖然很大，但都處于可見光的兩極，都接近不可見光的波長，因而從視覺感受上兩者的色相是相近的。

明度是色彩三要素中具有相對獨(dú)立性的一個要素，它可以擺脫任何有彩色的特征而獨(dú)立存在。色相和純度都必須依賴明度而存在。

色彩形狀的認(rèn)識程度主要取決于形的色彩與周圍色彩的關(guān)系，特別是它們之間明度對比的關(guān)系，色相對比也可以造成對形的識別，但其作用遠(yuǎn)不如明度對比那么重要，例如，紅綠對比是最強(qiáng)的色相對比，但因明度差異較小，形的清晰度不高，淺綠與深綠配色，雖然屬于同類色相，但明度差別大，因此形就具有較高的清晰度。

為了達(dá)到色彩和諧的目的，除改變色彩的三要素外，合理安排各種色彩所占的面積是調(diào)整色彩配合效果的有效手段。當(dāng)兩種色彩以相等的面積出現(xiàn)時，色彩的沖突達(dá)到最高峰，對比效果最為突出，如將一方面積減小力量削弱，整體色彩對比效果也就相應(yīng)減弱。
色彩的力量取決于色彩的明度和面積，明度比例如下：黃:橙:紅:紫:藍(lán):綠=9:8:6:3:4:6

由上述比例可推導(dǎo)出各對補(bǔ)色的明度比例關(guān)系，并進(jìn)一步確定各補(bǔ)色之間達(dá)到色彩力量平衡的面積比例關(guān)系：黃:紫=1:3 橙:藍(lán)=1:2 紅:綠=1:1

色彩面積比例關(guān)系依據(jù)的原理是人視覺生理需求的色量平衡，即調(diào)和出視覺樂于接受的中性灰色所需要的色量比例。該平衡理論可以通過色盤的旋轉(zhuǎn)混合的方法得以驗(yàn)證。

從上面的理論看，紅綠配色面積比1:1時為和諧，但實(shí)際應(yīng)用中紅綠面積相等時會給人以刺激強(qiáng)烈的感受，并不能真正體現(xiàn)出色彩的調(diào)和統(tǒng)一，這是由于色彩的純度在配色中起到相當(dāng)重要的作用，紅色的純度大約為綠色的兩倍，因此在配色時紅的面積應(yīng)縮小至綠　

色面積的二分之一，這樣才能獲得調(diào)和的色彩效果。

色彩的秩序調(diào)和主要依靠色立體來實(shí)現(xiàn)，孟賽爾色立體和奧斯特瓦德色立體都是可應(yīng)用的色彩模型。在色立體中做規(guī)則幾何線形，線形所經(jīng)過的色彩就會形成有序的排列。

色彩的輕重感主要取決于色彩的明度，明度高的色感覺輕，明度低的色感覺重，在相等明度條件下，冷色一般比暖色感覺略輕。色彩構(gòu)圖中上輕下重符合人的視覺習(xí)慣，輕色通常用于上部，重色用于下部，如果界面上部為重色時，在下部的邊緣部位應(yīng)呼應(yīng)一塊重色范圍，可以達(dá)到平衡構(gòu)圖的目的。 


五：文字的編排設(shè)計

以語言進(jìn)行信息傳達(dá)時，語氣、語調(diào)以及面部表情、姿態(tài)手勢是語言的輔助和補(bǔ)充，而在界面設(shè)計中，文字的字體、規(guī)格及其編排形式，就相當(dāng)于文字的輔助信息傳達(dá)手段。

宋體字型結(jié)構(gòu)方中有圓，剛?cè)嵯酀?jì)，既典雅莊重，又不失韻昧靈氣，從視覺角度來說，宋體閱讀最省目力，不易造成視覺疲勞，具有很好的易讀性和識別性。

楷體字型柔和悅目，間架結(jié)構(gòu)舒張有度，可讀性和識別性均較好，適用于較長的文本段落，也可用于標(biāo)題。
仿宋體筆畫粗細(xì)均勻，秀麗挺拔，有輕快、易讀的特點(diǎn)，適用于文本段落。因其字型娟秀，力度感差，故不宜用作標(biāo)題。
黑體不僅莊重醒目，而且極富現(xiàn)代感，因其形體粗壯，在較小字體級數(shù)時宜彩等線體（即細(xì)黑），否則不易識別。
圓體視覺沖擊力不如黑體，但在視覺心理上給人以明亮清新、輕松愉快的感覺，但其識別性弱，故只適宜作標(biāo)題性文字。
手寫體分為兩種，一種來源于傳統(tǒng)書法，如隸書體，行書體，另一種是以現(xiàn)代風(fēng)格創(chuàng)造的自由手寫體，如廣告體，POP體。手寫體只適用于標(biāo)題和廣告性文字，長篇文本段落和小字體級數(shù)時不宜使用，應(yīng)盡量避免在同一頁面中使用兩種不同的手寫體，因?yàn)槭謱戵w形態(tài)特征鮮明顯著，很難形成統(tǒng)一風(fēng)格，不同手寫體易造成界面雜亂的視覺形象，手寫體與黑體宋體等規(guī)范的字體相配合，則會產(chǎn)生動靜相宜，相得宜彰的效果。

美術(shù)體是在宋體、黑體等規(guī)范字體基礎(chǔ)上變化而成的各種字體，如綜藝體、琥珀體。美術(shù)體具有鮮明的風(fēng)格特征，不適于文本段落，也不宜混雜使用，多用于字體級數(shù)較大的標(biāo)題，發(fā)揮引人注目，活躍界面氣氛的作用。

拉丁字母依據(jù)其基本結(jié)構(gòu)可以分為三種類型：
（1）飾線體（Serif）：此類字體在筆畫末端帶有裝飾性部分，筆畫精細(xì)對比明顯，與中文的宋體具有近似形態(tài)特征，飾線體在閱讀時具有較好的易讀性，適于用作長篇幅文本段落。代表字體是新羅馬體（Times New Roman）。
（2）無飾線體（Sans Serif）：筆畫的粗細(xì)對比不明顯，筆畫末端沒有裝飾性部分，字體形態(tài)與中文的黑體相類似。由于其筆畫粗細(xì)均勻，故在遠(yuǎn)距離易于辨認(rèn)，具有很好的識別性，多用于標(biāo)題和指示性文字。無飾線體具有簡潔規(guī)整的形態(tài)特征，符合現(xiàn)代的審美標(biāo)準(zhǔn)。代表字體是赫爾維梯卡體（Helvetica）。
（3）裝飾體（Decorative，也稱Display）：即通常所說的“花”體，由于此類字體信箋于形式的裝飾意味，閱讀時較為費(fèi)力，易讀性較差，只適合于標(biāo)題或較短文本，類似于中文的美術(shù)體和手寫體。代表字體是草體（Script）。

在某些特殊場合，如廣告或展示性的短語中，拉丁字母全部使用小寫字母，能夠造成一種平易近人的親切感。

拉丁字母字體大都包含字幅（正、長、扁）、黑度（細(xì)、粗、超粗）、直斜的變化，因而由一種基本字型可以變化出多種具有相似特征的同族字體，這些字體統(tǒng)稱為“字族”。

同一頁面中字體應(yīng)盡量在同一字族中選用，以保證界面具有明確、統(tǒng)一的風(fēng)格特征。

在計算機(jī)字庫中，有關(guān)字體特征的表示大多彩縮略語，如Cn(Condensed，長體)，Ex(Expanded，扁體)，Lt(Light，細(xì))，Med(Medium，中粗)，DemBol或Dm(Demi Bold，半粗)，Bd(Bold，粗)，XBd(Extra Bold，特粗)，It(Italic，斜體)等。中文正文的字符數(shù)每行以20-35個為宜，西文則約40-70個字符最易閱讀，因此較寬的文字幅面應(yīng)考慮采用分欄的排布方式。通常設(shè)定行距為字高的150-200%，西文的行距通常小于中文行距。

粗細(xì)對比是剛與柔的對比，也有人稱之為男性性格與女性性格的對比。在同一行文字中使用粗細(xì)對比的效果最為強(qiáng)烈。粗字少細(xì)字多易取得平衡，給人以明快新穎的感覺，細(xì)字少粗字多，則不易平衡，但往往會產(chǎn)生具有幽默感的特殊效果。
界面中文字編排要求視覺上產(chǎn)生類似于天平平衡的印象，失去平衡的文字編排設(shè)計，將得不到瀏覽者的信賴，并給人以粗劣的印象。
可能通過左右延伸的水平線，上下延伸的垂直線，動感的弧線和斜線，，穿插的圖形來誘導(dǎo)視線依照設(shè)計師安排好的結(jié)構(gòu)形式順序?yàn)g覽。

在界面的四角配置文字或符號，界面的勢力范圍就明確地確定下來，界面中即使存在讓人感覺動蕩不定的元素也會因此而穩(wěn)定下來。在四角中，左上和右下具有特殊的吸引力，是處理的重點(diǎn)，處理得好，可以使界面左右均衡，同時還會形成從左上到右下沿對角線流動的視覺過程，給人以自然穩(wěn)定的感覺。

非規(guī)律性造型形式的錯落變化，應(yīng)出現(xiàn)在周圍有較充分的留白空間的場所，效果較為顯著。如在界面中央或正上方表現(xiàn)效果較好，標(biāo)題性文字往往使用此手法處理。

分欄式結(jié)構(gòu)中，文字群體通常只出現(xiàn)在一欄中，每行的字符數(shù)相對較少，易于瀏覽。分欄中如果都排布文字群體，界面會顯得十分擁擠，故不宜采用。其他欄中可設(shè)置目錄、標(biāo)題、導(dǎo)航等簡潔的文字信息，整體形式繁簡對比，疏密得當(dāng)。國內(nèi)使用較多的是三分欄，國外四分欄式結(jié)構(gòu)則較為普遍。


六：版式的構(gòu)成與設(shè)計

網(wǎng)頁界面中除了點(diǎn)、線面這些實(shí)體造型元素，其余的空間就是“空白”，空白不一定是“白”，它可以是與背景色相同的表示“虛”的空間范圍�？瞻啄苁箤�(shí)體在視覺上產(chǎn)生動態(tài)，獲得張力。在中國傳統(tǒng)繪畫中，空白的表現(xiàn)力豐富，同時又使筆墨生支靈妙，無怪乎古人所說“形得之于形外”，“計白守黑”。頁面中巧妙地留白，講究空白之美，有助于更好地烘托主題，渲染氣氛，集中視線，加強(qiáng)空間層次，使版面疏密有序，布局清晰。

黃金之比所以有如此神圣和不可思議的力量，乃是因?yàn)辄S金比是含有無理數(shù) 的數(shù)字，用公式表示為Φ=(1+)/2約=1.618。黃金矩形去掉短邊為邊長的正方形時，剩下的矩形仍為黃金矩形。

以正方形的對角線為長邊，所得矩形為矩形，再以矩形的對角線為長邊，所得矩形為矩形，以此類推，可以得到任意自然數(shù)的矩形。 矩形對折成半時，面積雖然只剩一半，但形狀不變，仍是矩形。

網(wǎng)頁界面的版式設(shè)計中，其比例關(guān)系一般體現(xiàn)在：頁面所限定空間的長寬比，實(shí)體內(nèi)容與虛空間（空白）的面積比，頁面被分割的比例，圖文的關(guān)系比以及各造型元素內(nèi)部的比例等形式上的數(shù)量關(guān)系。
對稱的版式設(shè)計穩(wěn)定、莊嚴(yán)、整齊、秩序、安寧、沉靜，如同中國古代宮殿一樣莊重、嚴(yán)肅，體現(xiàn)了一種古典主義的風(fēng)格。為避免對稱產(chǎn)生的單調(diào)和呆板，要在對稱中略帶變化。

視覺藝術(shù)中的節(jié)奏和韻律來自音樂的概念，節(jié)奏較多地強(qiáng)調(diào)“節(jié)拍”，韻律較多地強(qiáng)調(diào)“變化”，如果說韻律感不夠，是指缺少變化，過于呆板；如果說節(jié)奏感不強(qiáng)，是指變化缺乏條理規(guī)則。

對比是指因多種元素相異的特點(diǎn)相比較而更加鮮明強(qiáng)烈的緊張感。對比有形的對比（大小、方圓、長短、曲直、寬窄），色的對比（色相、明度、純度、冷暖），質(zhì)的對比（剛?cè)�、粗�?xì)、強(qiáng)弱、干濕、輕重、軟硬、虛實(shí)），勢的對比（疾緩、疏密、動靜、抑揚(yáng)、進(jìn)退）等。對比關(guān)系越清晰，視覺效果就越強(qiáng)烈，在一個頁面中，通常是多種對比關(guān)系同時并存，以產(chǎn)生多姿多彩的表現(xiàn)效果。
人眼的視線沿水平方向運(yùn)動比沿垂直方向運(yùn)動快而且不易疲勞。視線的變化習(xí)慣于從左到右，從上到下和順時針方向運(yùn)動。
調(diào)查顯示，視區(qū)內(nèi)上部比下部注目程度高，左側(cè)比右側(cè)更引人注意。

欲使網(wǎng)頁在傳遞視覺信息時順暢高效，頁面須具備清晰的條理性和組織性，產(chǎn)生一定的主從關(guān)系。常采取的方式有：
（1）加強(qiáng)主從對象的大小對比。
（2）加大主體形象周圍的空白。
（3）加強(qiáng)主從對象之間的色彩對比。
（4）將主體形象在頁面反復(fù)出現(xiàn)，強(qiáng)化與視線的接觸頻率，這種強(qiáng)化方式尤其適合于以產(chǎn)品為主體形象的網(wǎng)頁界面。
（5）加強(qiáng)主從對象在形態(tài)上“勢”的對比。一般來說，網(wǎng)頁的版面中水平或垂直的形態(tài)居多，如果主體形象運(yùn)用適當(dāng)?shù)男本�和曲線，就會從水平、垂直線構(gòu)成的環(huán)境中突顯出來。

通過視覺流程，設(shè)計師運(yùn)用視覺移動規(guī)律，將多種視覺信息進(jìn)行有序組織，誘導(dǎo)瀏者的視線依設(shè)計師的意圖進(jìn)行流動，從而使瀏覽者清晰、流暢、快捷地接受最佳信息。視覺流程的幾種表現(xiàn)方式：
（1）單向視覺流程：橫向，豎向，斜向。
（2）曲線視覺流程。
（3）導(dǎo)向視覺流程：借助誘導(dǎo)因素來實(shí)現(xiàn)。
①線形導(dǎo)向：以線、文字等線形元素來引導(dǎo)觀者的視線。
②形象導(dǎo)向：以圖片中人或物的朝向來引導(dǎo)觀者的視線，如人物的目光方向，一個座椅的朝向等。
③指示導(dǎo)向：通過指示性的箭頭、手指或具有透視感的線條來引導(dǎo)視線。
（4）重心視覺流程：視覺會沿著形象方向與力度的伸展來變換、運(yùn)動，如表現(xiàn)向心力或重力的視線運(yùn)動。
（5）反復(fù)視覺流程：其運(yùn)動雖不如單向、曲線、重心視覺流程運(yùn)動感強(qiáng)烈，但更富于節(jié)奏和秩序美。
（6）散點(diǎn)視覺流程：沒有固定的視覺流動線，強(qiáng)調(diào)一種感性、自由性、隨意性、偶然性。

對于欄目設(shè)置比較復(fù)雜的網(wǎng)站，如果顯示所有與該頁相關(guān)的導(dǎo)航，頁面勢必變得相當(dāng)龐大，影響了版面的整體布局。最好的辦法是將此頁面做成彈出窗口，不影響原有頁面的導(dǎo)航信息，同時只設(shè)置與該頁關(guān)系最近的導(dǎo)航鏈接和首頁鏈接。

在視覺習(xí)慣上，頁面的垂直均勻分割，當(dāng)左右兩部分形成強(qiáng)烈對比時，會造成視覺心理的不平衡。這時，可將分割線作部分或全部的弱化處理，或在分割處加入其他元素，使左右部分的過渡自然而和諧。



七：動畫設(shè)計

周期、關(guān)鍵幀和行為被稱為動畫的三個屬性。
使用簡單的GIF動畫生成的廣告圖形，點(diǎn)擊率會上升10%-25%，而動畫廣告的面積平均比靜態(tài)廣告小5%-25%。
動畫由于在信息的方向性誘導(dǎo)方面的優(yōu)勢，除了能夠加強(qiáng)視線在視覺傳達(dá)領(lǐng)域的注意外，在引導(dǎo)視線方面能夠發(fā)揮更大的能動性，引導(dǎo)視線完全按照設(shè)計師的意圖去瀏覽，以最快捷的途徑，最有效的感知方式獲取視覺信息，使設(shè)計師能夠更有效地影響瀏覽者的視線運(yùn)動軌跡。
當(dāng)人們面對平面上一些靜止的物體時，會在它們之間平分其注意力，如果其中一個物體突然動起來，所有的注意力在1/5秒后都將轉(zhuǎn)向它。
人的正常視覺容量約為每秒25比特，即大約每秒4個漢字，每分鐘約250個字左右。
動畫表達(dá)追求的是信息的準(zhǔn)確傳達(dá)，意念的清晰易懂。而做到這一點(diǎn)取決于兩個方面：一是動畫本身有好的表現(xiàn)手法和設(shè)計，使每一個畫面或主要變化以最清楚和最有效的方式呈現(xiàn)出來；二是好的時間掌握。畫面轉(zhuǎn)換的時間要恰到好處，太慢則感覺節(jié)奏緩慢，在里面尋找不到興奮點(diǎn)，視覺心理就會感覺空洞、單調(diào)，使注意力分散；太快則瀏覽者還沒看清要傳達(dá)的信息，動作已經(jīng)結(jié)束，創(chuàng)意沒有意義，設(shè)計也就失敗了。
一般一個頁面有1-2個動畫區(qū)域是比較適度的。如果在頁面上必須出現(xiàn)不止一個動畫，也應(yīng)給予較大的區(qū)別，如采用面積的大小對比，或使動畫的演示有時間差別等。
常見的動畫設(shè)計效果：
（1）色彩循環(huán)動畫
（2）元素沿直線或曲線的滾動
（3）元素的跳動與閃動。在跳動后保持5-10秒的靜止，這樣跳動吸引瀏覽者的視線，靜止則使瀏覽者能看清圖像。
（4）元素的淡入與淡出。
（5）元素飛入畫面。
（6）元素的緩慢旋轉(zhuǎn)，通常旋轉(zhuǎn)幾周后就停頓一會兒。
（7）元素的爆炸與組合。
（8）閃爍和燈光效果。
（9）元素之間的過渡與變形。將一幅圖象的部分或整體毫無痕跡地融入另一幅圖象中。 

  本文關(guān)鍵詞：網(wǎng)頁界面設(shè)計，由筆耕文化傳播整理發(fā)布。