網(wǎng)頁設(shè)計(jì)中背景紋理的設(shè)計(jì)特點(diǎn)
6. 使用漸變來制造紋理效果
現(xiàn)如今的漸變幾乎成了時(shí)尚的代名詞,漸變色彩可以在背景中替代紋理存在,也能結(jié)合圖片和其他的元素來使用。
幾乎所有的色彩組合都能夠創(chuàng)造出漸變效果,想要借助漸變創(chuàng)造出視覺深度和紋理的體驗(yàn)并不難,如果你還沒有成型的配色方案,你可以直接從 WebGradients 中找你喜歡的配色方案。
Mobipad 這個(gè)網(wǎng)站在背景中使用了多個(gè)不同的漸變色來創(chuàng)造效果,合理的對(duì)比度控制讓前景的動(dòng)畫非常的明顯,深色的部分有著良好的可讀性,一目了然。
7. 讓背景動(dòng)起來
絕大多數(shù)的背景紋理的技巧都是靜態(tài)背景的設(shè)計(jì)技巧,但是背景和紋理同樣可以是動(dòng)態(tài)的。
為了避免喧賓奪主,動(dòng)態(tài)的背景紋理應(yīng)該是很微妙的,否則會(huì)影響前景主要信息的傳達(dá)。配色應(yīng)該是柔和的,就像上面這個(gè)名為 Latvian Alphabet 的網(wǎng)站一樣。
動(dòng)態(tài)的網(wǎng)站背景紋理可以是動(dòng)態(tài)的圖片或者被調(diào)整過的視頻。動(dòng)態(tài)的背景是吸引用戶注意力的好辦法,只不過要適度就好了。
結(jié)語
優(yōu)秀的背景紋理能夠增加整個(gè)網(wǎng)站在視覺上的深度和豐富度,盡管許多設(shè)計(jì)師仍在使用扁平風(fēng)的背景,比如單色的背景,但是合理的加入紋理能夠讓你的設(shè)計(jì)更加出彩。
在紋理的使用上,最主要的訣竅是要讓它足夠微妙,不影響前景的內(nèi)容,這樣才有足夠的可讀性。當(dāng)然,多微妙合適,需要探索和嘗試,只要讓整個(gè)設(shè)計(jì)足夠平衡就行。
- 2018-04-10學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的心得體會(huì)
- 2018-04-10網(wǎng)頁設(shè)計(jì)中的標(biāo)準(zhǔn)尺寸規(guī)范
- 2018-03-19網(wǎng)頁設(shè)計(jì)中如何系統(tǒng)的畫原型
- 2018-03-10網(wǎng)頁設(shè)計(jì)中的css用法特點(diǎn)注意事項(xiàng)
- 2018-03-09網(wǎng)頁設(shè)計(jì)師必須要學(xué)習(xí)的視覺層級(jí)技巧
- 2018-03-08響應(yīng)式網(wǎng)頁設(shè)計(jì)的9項(xiàng)基本原則
- 2018-03-04網(wǎng)頁設(shè)計(jì)常用的技能手法:色彩疊加
- 2018-02-21網(wǎng)頁設(shè)計(jì)手機(jī)移動(dòng)端設(shè)計(jì)稿寬度多少
- 2018-02-08人工智能網(wǎng)頁設(shè)計(jì)的特點(diǎn)和優(yōu)勢(shì)
- 2018-02-052018年較新流行的網(wǎng)頁設(shè)計(jì)趨勢(shì)
- 2018-02-05響應(yīng)式網(wǎng)頁設(shè)計(jì)與自適應(yīng)網(wǎng)頁設(shè)計(jì)有什么區(qū)別
- 2018-02-01網(wǎng)頁設(shè)計(jì)制作簡(jiǎn)化網(wǎng)頁設(shè)計(jì)的方法
- 2018-01-29網(wǎng)頁設(shè)計(jì)領(lǐng)域中的開放式布局
- 2018-01-29影響網(wǎng)頁設(shè)計(jì)的5個(gè)關(guān)鍵因素
- 2018-01-22網(wǎng)頁設(shè)計(jì)師如何和客戶理解與溝通
- 1 室內(nèi)設(shè)計(jì)培訓(xùn)課程 人咨詢中 19
- 2 平面設(shè)計(jì)培訓(xùn)課程 人咨詢中 18
- 3 網(wǎng)頁設(shè)計(jì)培訓(xùn)課程 人咨詢中 18
- 4 淘寶開店培訓(xùn)課程 人咨詢中 15
- 5 動(dòng)漫設(shè)計(jì)培訓(xùn)課程 人咨詢中 12
- 6 淘寶美工培訓(xùn)課程 人咨詢中 17
- 7 電腦辦公培訓(xùn)課程 人咨詢中 15
- 8 網(wǎng)絡(luò)營銷培訓(xùn)課程 人咨詢中 13
- 9 模具設(shè)計(jì)培訓(xùn)課程 人咨詢中 10
- 10 網(wǎng)站開發(fā)培訓(xùn)課程 人咨詢中 16