1、網(wǎng)站設(shè)計(jì)的前期定位網(wǎng)頁界面設(shè)計(jì)是以互聯(lián)網(wǎng)為載體，以互聯(lián)網(wǎng)技術(shù)和數(shù)字交互技術(shù)為基礎(chǔ)，依照客戶的需求設(shè)計(jì)有關(guān)商業(yè)宣傳目的的網(wǎng)頁，同時(shí)遵循藝術(shù)設(shè)計(jì)規(guī)律，實(shí)現(xiàn)商業(yè)目的與功能的統(tǒng)一，是一種商業(yè)功能和視覺藝術(shù)相結(jié)合的設(shè)計(jì)。隨著網(wǎng)絡(luò)的發(fā)達(dá)，瀏覽網(wǎng)頁成為人們上網(wǎng)的主要形式之一，網(wǎng)頁界面設(shè)計(jì)也得到了較大的發(fā)展。網(wǎng)頁界面主要是通過頁面的排版布局，視覺效果的整體形象，給瀏覽者綜合感受。網(wǎng)頁的內(nèi)容與形式相統(tǒng)一，是網(wǎng)頁功能需求與用戶需求被設(shè)計(jì)者詮釋后而體現(xiàn)出的一種獨(dú)特的風(fēng)貌。樂加-中國(guó)原創(chuàng)品牌網(wǎng)頁設(shè)計(jì)【網(wǎng)站目標(biāo)分析】網(wǎng)站前期市場(chǎng)調(diào)研主要包括以下幾方面內(nèi)容：1、建站者或建站團(tuán)隊(duì)自身?xiàng)l件分析，如公司概況、市場(chǎng)優(yōu)勢(shì)，建設(shè)網(wǎng)頁

2、的能力（人力、技術(shù)、費(fèi)用等）；2、相關(guān)行業(yè)的市場(chǎng)是怎樣，有什么樣的特點(diǎn)，以及在互聯(lián)網(wǎng)上開展業(yè)務(wù)的可能性和前景；3、網(wǎng)頁主要的競(jìng)爭(zhēng)對(duì)手分析。了解競(jìng)爭(zhēng)對(duì)手上網(wǎng)情況及其網(wǎng)頁的功能、盈利模式、用戶黏度、發(fā)展經(jīng)營(yíng)狀況等，吸取他們的長(zhǎng)處，并找出自己的優(yōu)勢(shì)；4、網(wǎng)頁目標(biāo)用戶的確認(rèn)。明確網(wǎng)頁主要訪問用戶群體，對(duì)網(wǎng)頁的目標(biāo)受眾有個(gè)基本定位，這對(duì)將來網(wǎng)頁設(shè)計(jì)與建設(shè)都有重要的意義。通過主要目標(biāo)市場(chǎng)、潛在目標(biāo)市場(chǎng)，以及其他可能受益于企業(yè)產(chǎn)品或者服務(wù)的人群進(jìn)行分析?！居脩粜枨蠓治觥坑脩羰蔷W(wǎng)站的根本，只有擁有更多穩(wěn)定的用戶群，網(wǎng)站才能有更好的前景。有些網(wǎng)站在初期設(shè)計(jì)時(shí)野心勃勃，可是真正運(yùn)行后的效果并不理想，原因就是對(duì)用戶

3、的需求理解有偏差，缺少用戶檢驗(yàn)的結(jié)果。進(jìn)行用戶研究首要步驟就是定義網(wǎng)站的用戶群，可以根據(jù)網(wǎng)站的類型和內(nèi)容進(jìn)行劃分。用戶需求調(diào)研場(chǎng)景【網(wǎng)站類型與規(guī)模】網(wǎng)站目標(biāo)和用戶的不同，會(huì)造成網(wǎng)站的類型和規(guī)模的不同，同時(shí)會(huì)影響網(wǎng)站的視覺風(fēng)格形成。例如，綜合門戶類、新聞資訊等服務(wù)性網(wǎng)站，為了保證信息傳遞的有效性和快捷性，網(wǎng)站視覺風(fēng)格趨向簡(jiǎn)潔。企業(yè)形象網(wǎng)站是企業(yè)為了塑造企業(yè)形象，宣傳企業(yè)文化，推介企業(yè)業(yè)務(wù)和產(chǎn)品而，該類網(wǎng)站的設(shè)計(jì)要與企業(yè)品牌形象一致。鳳凰資訊網(wǎng)匡威中國(guó)官網(wǎng)蘋果官網(wǎng)蘋果香港官網(wǎng)從網(wǎng)站規(guī)模的角度，做網(wǎng)站并不是盲目貪圖內(nèi)容的大而全，而是要根據(jù)現(xiàn)階段企業(yè)規(guī)模大小確定欲建立的是小型、中型還是大型網(wǎng)站，或者是

4、先建設(shè)功能的小規(guī)模網(wǎng)站，然后再逐步發(fā)展。這些也同樣會(huì)關(guān)系到網(wǎng)站的后期維護(hù)及考慮網(wǎng)站未來發(fā)展的方向。亞馬遜日本官網(wǎng)京東商城官網(wǎng)1984 | 設(shè)計(jì),生活,發(fā)現(xiàn)新鮮官網(wǎng)網(wǎng)頁視覺設(shè)計(jì)元素【文字】目前較為典型的幾款中文屏幕字體包括方正蘭亭黑、微軟雅黑、蘋果麗黑、信體黑。四款不同的黑體在相同字號(hào)、字距下的比較1、字體分類襯線算是一種輔助線的小細(xì)節(jié)，左邊的是有襯線字體，在標(biāo)注的地方多出一些裝飾，這樣就可以清晰地分辨字母和文字。在字體設(shè)置較小的時(shí)候，會(huì)受到襯線的影響，分辨不清晰。同時(shí)，它是中文系統(tǒng)默認(rèn)字體是宋體，太大篇幅使用會(huì)引起審美疲勞，所有有襯線字體適合打印文字及正規(guī)文檔中使用，通常不適合使用在網(wǎng)頁中。而

5、右邊的字體是無襯線字體，沒有邊角的裝飾，看起來比較整齊光滑，比較適合在網(wǎng)頁中使用，讓瀏覽者獲取大量文字信息的時(shí)候不會(huì)疲勞。有襯線字體與無襯線字體對(duì)比2、字體系列字體之間的差異除了有襯線與無襯線的差異，同一類型里還有字體形體的差異。主要分為幾個(gè)系列。（1）襯線字體。Times New Roman 是默認(rèn)的有襯線字體，中文字體是宋體、仿宋之類的字體；（2）無襯字體。Arial 是默認(rèn)的無襯字體，中文字體是微軟雅黑、黑體等這類字體；（3）等寬字體。Courier 是默認(rèn)的等寬字體，而中文漢字都是等寬的；（4）手寫字體。風(fēng)格比較個(gè)性，通常用于標(biāo)題、標(biāo)志等。這個(gè)系列沒有默認(rèn)字體，英文字體常用Comic

6、Sans，中文的話，行書系列、草書系列的字體等，都可以算作手寫字體。（5）裝飾字體。極具個(gè)性，字體繁多。在網(wǎng)頁設(shè)計(jì)中很少用到，除非特殊創(chuàng)意性的設(shè)計(jì)。中英文相同字體的不同特征3、字體的選擇（1）使用經(jīng)典通用字體不同操作系統(tǒng)都有不同的字體系統(tǒng)，但經(jīng)典老牌字體都會(huì)共同存在于各個(gè)系統(tǒng)。例如無襯線字體的Arial，早期就被Windows操作系統(tǒng)使用，直接在CSS中申明使用。CSS可以在一個(gè)網(wǎng)頁中，聲明指定多個(gè)字體，這樣當(dāng)寫在前面的字體，在當(dāng)前操作系統(tǒng)中沒有的話，就會(huì)使用后面字體頂替。（2）字體大小選擇在 CSS 中，最常用的描述字體大小的單位有兩個(gè)：em、px。通常認(rèn)為 em 為相對(duì)大小單位，px 為絕

7、對(duì)大小單位。注意：在字體單位中，一般都是偶會(huì)出現(xiàn)，如12px、14px、16px等，為什么不是單數(shù)的11px、15px？這涉及到顯示器處理文字的鋸齒問題，所以默認(rèn)的通常使用偶數(shù)大小。（3）字體顏色選擇在網(wǎng)頁中的文字通常使用黑色或灰色。不要隨意使用其他特殊顏色，如搜索引擎中搜索結(jié)果的色彩搭配很經(jīng)典，百度關(guān)鍵詞搜索如圖4-12所示。同時(shí)，在網(wǎng)頁設(shè)計(jì)中還要注意背景與字體之間的關(guān)系，除了常規(guī)白底黑字的對(duì)比顏色字體。有背景圖也要注意字體顏色與背景圖的顏色搭配?！緢D形圖像】網(wǎng)頁界面設(shè)計(jì)中的圖形圖像主要分為以下幾類：從呈現(xiàn)方式上看，可以分為靜態(tài)圖形圖像和動(dòng)態(tài)圖形圖像。動(dòng)態(tài)圖形圖像指具有畫面內(nèi)容具有動(dòng)態(tài)效果，

8、具有鏈接、交互功能的圖形圖像，反之則使靜態(tài)圖形圖像。從技術(shù)呈現(xiàn)來看，網(wǎng)頁界面中的圖形圖像可以分為位圖和矢量圖形。位圖和矢量圖形的技術(shù)實(shí)現(xiàn)手段不同對(duì)網(wǎng)頁界面設(shè)計(jì)的有一定的影響。從運(yùn)用方式看，最常運(yùn)用的圖形圖像形式有：內(nèi)容展示性圖形圖像，如產(chǎn)品圖片；功能性圖形圖像，如導(dǎo)航、圖標(biāo)、LOGO等；裝飾性圖形圖像，如網(wǎng)頁背景圖片等。讀者如何選擇符合氣質(zhì)的圖片放到你的網(wǎng)頁界面中去呢？以企業(yè)品牌和產(chǎn)品介紹類網(wǎng)站來介紹兩個(gè)選圖原則：1、提煉關(guān)鍵詞尋找圖片 通過提煉產(chǎn)品特性關(guān)鍵詞，以關(guān)鍵詞的形式來尋找合適的圖片作為背景圖。聯(lián)想官網(wǎng)2、圖片品牌化 通過關(guān)鍵詞尋找到一系列的圖片進(jìn)行深度加工和處理，整套圖片要色調(diào)、飽和

9、度和風(fēng)格統(tǒng)一。美國(guó)高通中國(guó)官網(wǎng)【色彩】 色彩是人類視覺所能感知的、客觀存在的物象，是人類認(rèn)識(shí)事物的重要媒介之一，也是表述情感的媒介之一，不同的色彩配置組合所呈現(xiàn)的色彩效果，具有直觀的感染力。網(wǎng)頁UI設(shè)計(jì)師也可以利用這種色彩情感的特征，強(qiáng)化網(wǎng)站的視覺形象，體現(xiàn)企業(yè)內(nèi)涵，反映產(chǎn)品氣質(zhì)。 在色彩應(yīng)用中有很多專業(yè)術(shù)語，通常把顏色分為幾種不同模式：位圖模式（Bitmap）、灰度模式（Grayscale）、雙色調(diào)模式（Doutone）、索引顏色模式（IndexColor）、RGB模式、CMYK模式、Lab模式、多通道。在網(wǎng)頁設(shè)計(jì)時(shí)，主要使用的RGB模式，在屏幕上重新生成多達(dá)1670萬種顏色。要實(shí)現(xiàn)有效的網(wǎng)

10、頁配色方案，UI設(shè)計(jì)師必須要有一些基本的理論方法，掌握通過顏色互補(bǔ)、色彩對(duì)比和色彩的活躍度來使網(wǎng)頁的色彩搭配來達(dá)到和諧和準(zhǔn)確。有時(shí)候，產(chǎn)品和服務(wù)將有助于確定基調(diào)或主要顏色，但如何更好傳遞信息，通常由UI設(shè)計(jì)師的想象力和設(shè)計(jì)靈感來決定?！静季帧?網(wǎng)頁的布局設(shè)計(jì)是根據(jù)網(wǎng)站的內(nèi)容和建站目的，運(yùn)用版式設(shè)計(jì)原理，將頁面上的視覺元素進(jìn)行合理配置與表現(xiàn)的過程。布局的過程不是簡(jiǎn)單地?cái)[放網(wǎng)頁元素，而是為網(wǎng)頁建立秩序的過程，設(shè)計(jì)師要綜合考慮頁面信息傳遞的清晰性、合理性，同時(shí)還要考慮視覺形態(tài)的美化，便于用戶瀏覽。1、圖版率圖版率是指占據(jù)版面的圖片與整個(gè)頁面的面積比。這個(gè)比例在布局樣式中很重要，如果一個(gè)頁面中全是文字

11、，沒有圖片，那么圖版率就是0%；如果一個(gè)頁面全是圖，沒有文字，那么圖版率就是100%。圖版率高的頁面生動(dòng)，有吸引力，有視覺沖擊力，反之則容易導(dǎo)致瀏覽者注意力下降。高圖版率的網(wǎng)頁界面設(shè)計(jì)也是目前流行的設(shè)計(jì)風(fēng)格，配合少量文字，提升界面的設(shè)計(jì)感與品質(zhì)感。2、網(wǎng)格的約束率 網(wǎng)格是網(wǎng)頁版面劃分有效的方法，可以實(shí)現(xiàn)信息的清晰化，易于閱讀。網(wǎng)格系統(tǒng)為設(shè)計(jì)師提供了一個(gè)邏輯嚴(yán)謹(jǐn)?shù)哪０?，通常在排版時(shí)會(huì)依賴操作軟件中的網(wǎng)格輔助。網(wǎng)格的約束率是指網(wǎng)頁上的圖文信息在排版時(shí)依賴網(wǎng)格的程度，嚴(yán)格遵循網(wǎng)格的約束率高，反之則約束率低。約束率高的網(wǎng)頁嚴(yán)謹(jǐn)、理性，約束率低的網(wǎng)頁自由、感性。網(wǎng)頁的約束率的程度與網(wǎng)站本身的類型、功能及

12、規(guī)模有較大關(guān)系，通常門戶類、新聞?lì)悺①Y訊類網(wǎng)站一般受網(wǎng)格的約束率高。設(shè)計(jì)師可以根據(jù)項(xiàng)目的實(shí)際情況從視覺和情感的角度利用網(wǎng)格的約束率，從而幫助網(wǎng)頁界面形成強(qiáng)烈的秩序感。3、跳躍率 跳躍率就是大小比例，它受到網(wǎng)站的類型和功能的影響較大，它包含文字跳躍率與圖片跳躍率兩個(gè)方面。文字的跳躍率是指以正文為基準(zhǔn)，同一版面文字之間的字號(hào)大小比率。而圖片的跳躍率是以最小面積為標(biāo)準(zhǔn)，與最大面積圖片的比率。在網(wǎng)頁的界面設(shè)計(jì)中包含了導(dǎo)航欄文字、板塊標(biāo)題文字、文章標(biāo)題、正文等，不同功能與類型的界面在進(jìn)行版面設(shè)計(jì)時(shí)會(huì)有不同字號(hào)大小所造成文字的跳躍率。通常高文字跳躍率的頁面會(huì)顯得活躍，而文字跳躍率低的頁面會(huì)顯得沉悶。4、布

13、局樣式（1）頂部大圖+簡(jiǎn)單柵格這種布局設(shè)計(jì)干凈利落，有足夠的視覺沖擊力，常常采用響應(yīng)式的設(shè)計(jì)。頂部大面積的輪播圖。在這種布局中，每個(gè)元素都各司其職，整個(gè)流程邏輯性強(qiáng)，頂部大圖有足夠空間渲染氣氛。（2）單頁設(shè)計(jì)/單欄布局這種布局形式非常適合展示極簡(jiǎn)內(nèi)容，或者專注呈現(xiàn)一個(gè)主題，一般應(yīng)用于小型網(wǎng)站或者小型項(xiàng)目的展示。采用這種布局模式的時(shí)候，空間的控制至關(guān)重要，這對(duì)網(wǎng)頁設(shè)計(jì)師對(duì)頁面留白與布局平衡的功力，同時(shí)配合合適的動(dòng)態(tài)效果設(shè)計(jì)與時(shí)差滾動(dòng)，可以讓單頁設(shè)計(jì)更加有趣生動(dòng)，賦予頁面更強(qiáng)的生命力。（3）自定義柵格柵格具有組織性的優(yōu)勢(shì)，對(duì)于用戶來說，它具有規(guī)律性和可預(yù)期性。一個(gè)漂亮干凈的柵格系統(tǒng)不進(jìn)可以同時(shí)呈現(xiàn)

14、大量的視覺化內(nèi)容，同時(shí)用戶也可以更快地找到所需內(nèi)容。柵格系統(tǒng)容易讓人視為卡片元素，加入翻轉(zhuǎn)等各式動(dòng)態(tài)效果，能呈現(xiàn)出更多信息和視覺層次。（4）F式布局研究表明，用戶在瀏覽網(wǎng)頁的時(shí)候，習(xí)慣于沿著F式的閱讀軌跡來瀏覽信息，也就是說，用戶喜歡從左到右閱讀，然后向下移動(dòng)，再繼續(xù)從左到右閱讀。這種F式的閱讀模式對(duì)應(yīng)的網(wǎng)頁布局就是F式布局，最關(guān)鍵的信息靠左顯示，從上到下盡量保持在一條線上。 （5）極簡(jiǎn)分層 極簡(jiǎn)化的頁面因其開放輕松的版式風(fēng)格，給用戶輕便放松的感覺，所以一直成為網(wǎng)頁界面設(shè)計(jì)的流行風(fēng)格。如果極簡(jiǎn)化的頁面中可以加入幾個(gè)并列的內(nèi)容層，或者采用微陰影、微漸變的效果處理，能讓信息更有層次，強(qiáng)化元素的層次

15、感。5、動(dòng)態(tài)效果網(wǎng)頁中的動(dòng)態(tài)元素是展示信息的另一個(gè)層面，是用動(dòng)態(tài)的方式實(shí)現(xiàn)信息傳遞的手段。從早期的GIF動(dòng)畫到風(fēng)靡一時(shí)的Flash動(dòng)畫，到Java Script動(dòng)態(tài)，再現(xiàn)在流行的HTML5動(dòng)畫、CSS動(dòng)畫等，網(wǎng)頁上實(shí)現(xiàn)動(dòng)態(tài)展示的技術(shù)得到不斷豐富。這些動(dòng)態(tài)效果在幫助用戶使用產(chǎn)品的同時(shí)，也給用戶提供了一種有趣的視覺感受。從網(wǎng)站前期規(guī)劃來看，豐富靈活的動(dòng)態(tài)效果可以更好地吸引用戶的注意力。不管是傳統(tǒng)的網(wǎng)頁動(dòng)畫還是現(xiàn)代的交互動(dòng)畫，都會(huì)對(duì)用戶瀏覽造成影響。好的動(dòng)態(tài)設(shè)計(jì)會(huì)提高網(wǎng)頁的信息的傳達(dá)效率，強(qiáng)化網(wǎng)頁的視覺效果。網(wǎng)站用戶體驗(yàn)以用戶為中心的網(wǎng)站設(shè)計(jì)目的就是關(guān)注用戶需求的前提下，提升用戶在瀏覽過程中的感官、

16、操作以及心理等方面的體驗(yàn)。建設(shè)網(wǎng)站的目的和用戶需求不同，會(huì)在信息架構(gòu)、交互方式、視覺設(shè)計(jì)等方面呈現(xiàn)不一樣的表現(xiàn)方式，給用戶帶來的體驗(yàn)也不盡相同。用戶在瀏覽網(wǎng)頁時(shí)體驗(yàn)感會(huì)受到主觀因素的影響具有一定差異。因此，在進(jìn)行網(wǎng)站用戶體驗(yàn)設(shè)計(jì)的時(shí)候，首先要滿足核心用戶的需求，確認(rèn)體驗(yàn)點(diǎn)，通過不斷優(yōu)化核心體驗(yàn)點(diǎn)來提高網(wǎng)站的綜合體驗(yàn)?！緸g覽型體驗(yàn)網(wǎng)站】瀏覽型體驗(yàn)網(wǎng)站主要以綜合門戶類、新聞資訊類以及信息服務(wù)類網(wǎng)站為主。這類網(wǎng)站的典型特征是頻道眾多、功能全面、信息量與訪問量都大，可用性和數(shù)據(jù)量的控制對(duì)用戶體驗(yàn)感至關(guān)重要。為了給用戶較高瀏覽體驗(yàn)感，網(wǎng)站的設(shè)計(jì)元素應(yīng)該具有以下特征：1、圖形的使用以展示性圖形和功能性圖形

17、為主，裝飾性圖形極少出現(xiàn)；2、導(dǎo)航圖形利用Java Script或HTML技術(shù)實(shí)現(xiàn)簡(jiǎn)單的交互；3、字體樣式通常使用宋體、黑體，正文多以12pt或者14pt字號(hào)，標(biāo)題與正文之間的跳躍率低；4、色彩使用中性或中立色彩為主，色彩強(qiáng)調(diào)穩(wěn)定為主；5、布局上嚴(yán)格遵循網(wǎng)格排版，合理留白及模塊劃分?！窘换バ腕w驗(yàn)網(wǎng)站】“交互性”是網(wǎng)絡(luò)媒體的特征之一，它建立了人和計(jì)算機(jī)之間的溝通交流手段。用戶的交互體驗(yàn)基礎(chǔ)一方面是網(wǎng)站系統(tǒng)的技術(shù)實(shí)現(xiàn)，另一方面就是來自于網(wǎng)站的信息架構(gòu)、交互設(shè)計(jì)和視覺設(shè)計(jì)的合理性。最具代表性的交互性網(wǎng)站就是實(shí)現(xiàn)社交網(wǎng)絡(luò)化的web2.0網(wǎng)站。它的特點(diǎn)是用戶既是網(wǎng)站內(nèi)容的瀏覽者，也是網(wǎng)站內(nèi)容的制造者，用

18、戶由被動(dòng)低接收互聯(lián)網(wǎng)信息到主動(dòng)制造互聯(lián)網(wǎng)信息發(fā)展。交互型體驗(yàn)網(wǎng)站應(yīng)具有以下特征：1、圖形設(shè)計(jì)以展示性圖形和功能性圖形為主，圖形形態(tài)張力不大，多以直線或矩形形態(tài)出現(xiàn)；2、色彩表現(xiàn)常使用臨近色或者類似色，對(duì)比色或者補(bǔ)色加以少量點(diǎn)綴；3、動(dòng)態(tài)效果僅在導(dǎo)航的鼠標(biāo)效果上略加一些。【信任型體驗(yàn)網(wǎng)站】讓用戶對(duì)網(wǎng)站產(chǎn)生信任感，是建站追求的目標(biāo)。網(wǎng)站建設(shè)里出了產(chǎn)品質(zhì)量、服務(wù)態(tài)度、品牌形象、營(yíng)銷手段的運(yùn)用之外，網(wǎng)頁的界面設(shè)計(jì)帶給用戶的感受也很重要。這類信任型體驗(yàn)網(wǎng)站以電子商務(wù)網(wǎng)站和企業(yè)官方網(wǎng)站為典型代表。電商網(wǎng)站的重要功能是實(shí)現(xiàn)通過網(wǎng)頁界面的操作實(shí)現(xiàn)對(duì)商品的展示和購買功能，其首要任務(wù)就是要對(duì)用戶建立信任感，它的視

19、覺設(shè)計(jì)上給用戶的體驗(yàn)應(yīng)具有以下特征：1、清晰的視覺層次，清晰的導(dǎo)航系統(tǒng)與商品搜索功能，便于用戶快速找到所需信息；2、圖形上多以直線、線框或者色塊形式，突出商品信息；3、色彩上注重色調(diào)統(tǒng)一，避免混亂。【感受型體驗(yàn)網(wǎng)站】感受型體驗(yàn)網(wǎng)站主要是呈現(xiàn)給用戶視聽感受，在滿足用戶可用性的同時(shí)，最大程度地滿足用戶在審美層面上的需求，強(qiáng)調(diào)通過網(wǎng)頁界面給予用戶更強(qiáng)烈的吸引力。這類網(wǎng)站主要以藝術(shù)設(shè)計(jì)類網(wǎng)站、活動(dòng)和推廣網(wǎng)站以及個(gè)人形象網(wǎng)站等。在視覺設(shè)計(jì)方面追求鮮明的視覺風(fēng)格，注重圖形、文字、色彩、空間等視覺元素的細(xì)節(jié)把握，更強(qiáng)調(diào)設(shè)計(jì)的創(chuàng)新性，主要的視覺特征包括：1、圖形使用畫面較大，其形態(tài)張力突出；2、圖形色彩的應(yīng)用靈活多變，也會(huì)強(qiáng)調(diào)圖形的動(dòng)態(tài)效果；3、運(yùn)用手繪插圖、像素圖形、大尺寸照片、精致紋理以及三維效果，或者多質(zhì)感混搭；4、原創(chuàng)字體設(shè)計(jì)居多，頁面之間字體的跳躍率較大。九項(xiàng)網(wǎng)頁設(shè)計(jì)要素規(guī)范【網(wǎng)站站名/標(biāo)題文字】 1、網(wǎng)站名字應(yīng)與域名有對(duì)應(yīng)關(guān)系； 2、盡量選取通俗好記、簡(jiǎn)單明了，用諧音、拼音首字母或?qū)?yīng)的英文； 3、和網(wǎng)站的內(nèi)容相匹配； 4、LOGO的大小要適中，切辨識(shí)性強(qiáng)?！緦?dǎo)航】1、清晰定義，首頁的各個(gè)模塊的指向鏈接；2、清晰指示了用戶瀏覽的當(dāng)前位置；3、網(wǎng)站的所有主要部分