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