資源描述：
《層次感在網(wǎng)頁設(shè)計中的優(yōu)化應(yīng)用》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。
1、層次感在網(wǎng)頁設(shè)計中的優(yōu)化應(yīng)用 引言 社會的進步使人們對審美有了更高的要求，同時對非物質(zhì)設(shè)計的要求也越來越高，所以對設(shè)計的需求越來越豐富。每個人每天都會接觸很多的X頁，并且隨著非物質(zhì)社會的發(fā)展，每天接觸到的X頁數(shù)量越來越多。因此X頁設(shè)計越來越重要，要求越來越高。這就要求設(shè)計師設(shè)計出能夠更好的滿足大眾審美和需求的X頁。X頁分很多種，如購物X站、傳媒類X站、社交類X站等?！ 頁的創(chuàng)建要更多關(guān)注用戶的視覺流程以及信息的傳遞，這些需求則更多的建立在X頁的設(shè)計過程中。層次感在X頁設(shè)計中的應(yīng)用能更好的優(yōu)化X頁
2、的設(shè)計?！ 哟胃小 哟胃惺且粋€廣義的詞匯。指某一系統(tǒng)在結(jié)構(gòu)或功能方面的等級秩序。具有多樣性，可按物質(zhì)的質(zhì)量、能量、運動狀態(tài)、空間尺度、時間順序、組織化程度等多種標(biāo)準(zhǔn)劃分。不同層次具有不同的性質(zhì)和特征，既有共同的規(guī)律，又各有特殊規(guī)律。層次感一詞最早出自雕塑的浮雕技法中。圖案的雕刻，不僅要有三維感，還要體現(xiàn)出圖案造型、色彩和功能等的主次之分、大小、透視等關(guān)系，它是觀感上的主次、強弱、美丑，是大腦中的三維感覺。在創(chuàng)意設(shè)計中不僅要進行變形、擠壓、分割和增加等，也要符合觀感的舒適?！ 頁設(shè)計的層次感有2個
3、分支：（1）應(yīng)用元素的層次感。X頁設(shè)計須有前、中和后的變化，滿足這些變化，畫面的層次感才更好；（2）色彩元素的層次感。色彩有進色和退色之別，因此會造成X頁由于色彩設(shè)計產(chǎn)生的進退感。色彩的前進、后退感形成的視錯覺，在設(shè)計中用來加強畫面空間層次。 層次感與X頁設(shè)計 1.層次感與X頁設(shè)計的關(guān)系 層次就是有主次之分，無論從大的范圍還是小的范圍都需要主次。突出主次的方法有許多，如從大小、色彩、動態(tài)形狀?！ ∈紫?，大小。視覺重心一般會落在較大的元素上。因此，設(shè)計時把要突出的主題文字或者元素大一些，以此吸引讀
4、者的視覺重心?！ ∑浯?，色彩。不同的色彩能給讀者帶來不同的感覺。例如，紅色代表熱情、警告、激情；藍色代表冷漠、憂郁等。使用色彩強調(diào)主次的前提是設(shè)計師必須研究色彩的特點以及視覺效果。 第三，動態(tài)形狀。動態(tài)的形狀更能吸引視覺重心。所以設(shè)計師在設(shè)計X頁時要想X頁更能吸引讀者，多加入一些動態(tài)形狀?！ ?.視覺層次感在X頁設(shè)計中的重要性 （1）視覺流程 X頁視覺流程與展示設(shè)計中的流動路線的設(shè)計相似。X頁視覺流程相當(dāng)于展示設(shè)計中的流動路線，瀏覽者第一印象決定X站的整體感覺，規(guī)劃視覺流程引導(dǎo)用戶在瀏覽X頁過程
5、中建立明確的視覺順序（見圖1），令用戶在瀏覽X頁的過程中可以首先看到X站的主要傳遞信息，第二步再看什么，最后看什么，潛移默化地使用戶形成X站的品牌意識，并使在X頁布局中的所有重點信息不被漏看。X頁視覺流程設(shè)計使X頁擁有信息傳播更簡潔快捷明確的瀏覽過程。減少讀者不必要的視覺搜索，避免讀者視覺疲勞?！ 站一般由多個頁面組成：一級頁面、二級頁面、三級頁面等，頁面之間的變換存在不同的導(dǎo)航方式，因此X頁視覺流程不是單個X頁的視覺流程，而是包含了多個頁面的復(fù)雜視覺流程。X頁設(shè)計與視覺流程存在一定的對應(yīng)關(guān)系，視覺
6、流程是隨多個頁面版式的變化而變化的?！ 。?）視覺層次對X頁設(shè)計的影響 視覺層次原則是X頁設(shè)計中的重要原則。優(yōu)秀的X頁能和瀏覽者有更好的交流互動，所以設(shè)計作為核心，設(shè)計出的作品在某一程度上是和用戶的視覺交流。一個高能的設(shè)計師，必須傳達設(shè)計思想傳達?！ ￠喿x中，容易視覺疲勞，由于趨利避害，用戶是視覺美感的欣賞者，而非數(shù)據(jù)處理者。所以巨大的信息量，對用戶是挑戰(zhàn)。如圖2中的兩個普通圓：在瀏覽者看來，圖1的畫面并不是兩個圓，而是一個較大黑色的圓和一個較小紅色的圓。在瀏覽者視覺出現(xiàn)的畫面中，并非看到兩個普通的
7、圓，而是搜尋畫面元素的異同。這些異同感給人區(qū)分物體的信息并賦予圖形特定的意義?！ D2的是X頁設(shè)計中的文本層次運用。兩段文字內(nèi)容一致，但圖中第二段文字更加易讀和理解。因為文字排版的接近性、篇幅比例和相似程度使讀者將下級內(nèi)容自然地歸入標(biāo)題和分段。因此層次的錯落有致能賦予標(biāo)題更多的涵義，并非信息的傳遞?！ 哟胃杏泻芏囝愋停篨頁設(shè)計中的層次感、產(chǎn)品設(shè)計中的層次感、發(fā)型設(shè)計中的層次感等。層次感在X頁設(shè)計中主要有兩個分支：應(yīng)用元素的層次感和色彩元素的層次感?！ ?.應(yīng)用元素的層次感的構(gòu)建 粗糙和雜亂是丑的外
8、在表現(xiàn)，而層次感是美的一種表現(xiàn)，單調(diào)的重復(fù)給人的視覺觀感是無味的。層次感的分明、自由活潑有層次變化的造型能刺激視覺上美的感受。在X頁設(shè)計中，層次感適宜程度依據(jù)頁面的復(fù)雜程度而定。頁面復(fù)雜，要表達的重點越多，對層次感的要求亦越高。 ?。?）大小對比 一般來說，物體體積的大小與其自身的吸引力成正相關(guān)。較大的物體更具吸引力。尺寸的設(shè)計是制造層次非常高效的途徑。因此，設(shè)計時把尺寸和重要性相結(jié)合是非常關(guān)鍵的。較大的應(yīng)用元素一般而言是最重要的，相反，最小的應(yīng)該元素
