網(wǎng)頁設(shè)計(jì)知識,紋理運(yùn)用指南
- 2022-12-24 22:24:49
- 來源/作者:互聯(lián)網(wǎng)/佚名
- 己被圍觀次
紋理在網(wǎng)頁設(shè)計(jì)中已經(jīng)成為一個(gè)不可或缺的元素。它不僅僅是個(gè)趨勢,更是個(gè)增加網(wǎng)頁深度的快捷方法。設(shè)計(jì)師學(xué)會(huì)使用紋理,就能強(qiáng)化網(wǎng)頁感染力,可謂是網(wǎng)頁設(shè)計(jì)中必然要掌握的功法。而紋理本身就能通過引導(dǎo)用戶的視線來展示網(wǎng)頁的關(guān)鍵內(nèi)容。
紋理在網(wǎng)頁設(shè)計(jì)中已經(jīng)成為一個(gè)不可或缺的元素。它不僅僅是個(gè)趨勢,更是個(gè)增加網(wǎng)頁深度的快捷方法。設(shè)計(jì)師學(xué)會(huì)使用紋理,就能強(qiáng)化網(wǎng)頁感染力,可謂是網(wǎng)頁設(shè)計(jì)中必然要掌握的功法。而紋理本身就能通過引導(dǎo)用戶的視線來展示網(wǎng)頁的關(guān)鍵內(nèi)容。
然而,一直以來紋理似乎都被誤解為“GRUNGE”風(fēng)格設(shè)計(jì),在許多網(wǎng)頁中我們可以看到,為了突出酷炫的效果時(shí),被大量使用,甚至有濫用的嫌疑。濫用的結(jié)果就是它真正帶來的好處被埋沒。紋理的確可以增強(qiáng)網(wǎng)頁的感染力,但是絕不是網(wǎng)頁設(shè)計(jì)中的主角。
紋理 VS 圖案
在深入了解紋理之前,讓我們先把這一對容易混淆的概念區(qū)分一下。這兩個(gè)詞通常會(huì)被當(dāng)作一組同義詞。圖案通常會(huì)由一些細(xì)小的重復(fù)性的元素組成,具有一定的視覺節(jié)奏感。而紋理相對圖案由更大的元素組成,也不一定有重復(fù)性。如果用集合來表示這兩個(gè)概念,那么,紋理和圖案就會(huì)是兩個(gè)圓,只有小部分交集,其余部分都是相對獨(dú)立的。
紋理的功能
人們喜歡在網(wǎng)頁中使用紋理,基于設(shè)計(jì)的理由絕不能僅僅因?yàn)?ldquo;看起來很美”就這樣去做,而應(yīng)該基于滿足某種功能,而紋理的使用目的大部分都會(huì)在于增強(qiáng)網(wǎng)頁的層次和視覺深度。還是讓我們來看看紋理具體有哪些功能吧。
吸引用戶點(diǎn)擊操作
圖標(biāo)、按鈕、標(biāo)題等元素都能運(yùn)用上紋理。它能吸引用戶對相應(yīng)元素進(jìn)行點(diǎn)擊操作。這也許就是紋理運(yùn)用盛行的原因。
最低限度地使用紋理就是將紋理運(yùn)用在元素上,以便讓這些元素區(qū)別于網(wǎng)頁中的其他元素。引導(dǎo)用戶的視線進(jìn)入我們預(yù)期的下一步。這種方式也可以重點(diǎn)突出網(wǎng)頁中的品牌形象,例如在LOGO上使用紋理。
這里對LOGO使用紋理有兩種方式:第一是為你的LOGO使用紋理而搭配清晰背景,第二是保持清晰LOGO而運(yùn)用紋理背景。如下面兩個(gè)截圖所示。


增強(qiáng)信息的視覺展示規(guī)則
紋理既然可以用以引導(dǎo)視線,就如同線條、方框和對比一樣,它也可以被用以排版,將內(nèi)容按照某種視覺規(guī)則進(jìn)行展示。與此同時(shí),紋理的效果要運(yùn)用得當(dāng),與其他的視覺規(guī)則方式協(xié)調(diào)使用,最終輸出效果將會(huì)非常理想。

對于不同的內(nèi)容選用不同的紋理,這也符合了對比法則。用戶能根據(jù)不同的需求而進(jìn)入下一步操作,而不至于在主頁中層出不窮的信息中迷失了方向。
*PSjia.COM 傾力出品,轉(zhuǎn)載請注明來自PS家園網(wǎng)(m.sz-xdd.com.cn)
標(biāo)簽(TAG) ps基礎(chǔ)教程 ps技巧 ps知識 飛屋睿UIdesign 理論教程 設(shè)計(jì)知識
上一篇:ps新手教程:解析斜面和浮雕命令
下一篇:講解ps輔助線








