網(wǎng)頁(yè)中背景紋理設(shè)計(jì)需要掌握的幾點(diǎn)技巧
優(yōu)秀的網(wǎng)頁(yè)紋理背景有利于提供網(wǎng)頁(yè)整體的質(zhì)感,并且紋理背景同時(shí)也是打造模糊效果的另外一種手段,善于觀(guān)察的設(shè)計(jì)師應(yīng)該都知道,合理的利用紋理圖案不僅能夠讓頁(yè)面更具質(zhì)感,甚至妙趣橫生。當(dāng)然,最關(guān)鍵的還是提升網(wǎng)站的吸引力,畢竟大部分企業(yè)建站的目的都是為了贏(yíng)得更多的客戶(hù),讓企業(yè)的產(chǎn)品或服務(wù)被更多的人知曉,而今天,在這里,設(shè)計(jì)中國(guó)的小編為您分享一些關(guān)于網(wǎng)頁(yè)背景紋理設(shè)計(jì)的技巧,希望能給你帶去幫助。
一、大膽嘗試
紋理可以很微小,微小到無(wú)法用肉眼看到,但同時(shí)它也可以很大,所以設(shè)計(jì)師在進(jìn)行網(wǎng)頁(yè)可以大膽嘗試,選擇更大的紋理或圖案,同樣可以產(chǎn)生不錯(cuò)的效果。不過(guò),需要注意的是,利用超大圖案構(gòu)成的紋理背景,前景應(yīng)該有更重的元素,如:一定數(shù)量的文本,圖片等相對(duì)較重的視覺(jué)內(nèi)容,目的是為了讓用戶(hù)注意到并且分散注意力。另外,為保證這種超大的紋理圖案不影響正常效果,最好注意分析用戶(hù)習(xí)慣,且匹配整體的內(nèi)容,弱頁(yè)面的流量或轉(zhuǎn)化率一旦下降,必定是因?yàn)橛脩?hù)沒(méi)有獲取到其中的信息。
二、用圖片構(gòu)建
提到用圖片構(gòu)建背景紋理,或許很多人心中第一想法就是那種精心制作的小圖案,其實(shí)并非一定要是小圖,有些細(xì)節(jié)豐富大圖案同樣可以作為背景紋理,它有助于增加視覺(jué)層次,提升網(wǎng)頁(yè)整體的吸引力。不過(guò),這種設(shè)計(jì)的訣竅在于,圖片需要淡入到背景當(dāng)中,如:Oxeva,它是通過(guò)兩種方式做到融入背景的設(shè)計(jì),設(shè)計(jì)師一方面讓圖片的明度降低,讓用戶(hù)能夠看到景觀(guān)的輪廓,然后又在前景疊加上了一個(gè)漸變色彩層,使得整個(gè)背景顯得極為富有視覺(jué)表現(xiàn)力。
三、結(jié)合當(dāng)前設(shè)計(jì)趨勢(shì)
好的設(shè)計(jì)就應(yīng)該緊隨時(shí)代的發(fā)展,這樣才能具有富有時(shí)代感的體驗(yàn),背景紋理設(shè)計(jì)同樣如此。當(dāng)下,最流行的設(shè)計(jì)元素之一就是幾何圖形元素,將幾何圖形融入到背景當(dāng)中,毫無(wú)疑問(wèn)非常具有吸引力,如:Apacio這個(gè)網(wǎng)站,它采用深色的背景之上混合色彩鮮艷的幾何圖案,創(chuàng)建出富有深度且抓人眼球的視覺(jué),而文字方面采用了簡(jiǎn)約的非襯線(xiàn)體,使得它們可以從黑色和綠色的背景中脫穎而出。
四、用漸變構(gòu)建
“漸變”幾乎成為時(shí)尚界的代名詞,它可以在背景中替代紋理,也可以結(jié)合圖片和其它元素使用。在網(wǎng)頁(yè)設(shè)計(jì)中幾乎所有的色彩組合都能創(chuàng)造出漸變的效果,所以想要借助漸變創(chuàng)造出視覺(jué)深度和紋理的體驗(yàn)并不難,如:Mobipad,這個(gè)網(wǎng)站在背景中使用了多個(gè)不同的漸變色來(lái)創(chuàng)造效果,合理的對(duì)比度控制使得前景的動(dòng)畫(huà)非常明顯,深色的部分有著良好的可讀性,讓用戶(hù)一目了然。
五、簡(jiǎn)單易懂
往往真正優(yōu)秀的背景紋理,是不會(huì)輕易地被用戶(hù)注意到的,因?yàn)樗且粋€(gè)幾乎不可見(jiàn)的元素,有助于提高網(wǎng)頁(yè)整體的可讀性和可用性,提供足夠的視覺(jué)深度。然而,大量的事實(shí)足以證明,提升設(shè)計(jì)可用性最佳的方式就是簡(jiǎn)單而低調(diào)的背景紋理,它通常有著小而緊密的重復(fù)的圖案,可以是任何的顏色,而這個(gè)思路讓背景紋理不是作為焦點(diǎn)而存在,而成了襯托其他元素的重要工具。
六、讓背景動(dòng)起來(lái)
細(xì)心的人應(yīng)該發(fā)現(xiàn),很多的網(wǎng)頁(yè)背景紋理都是靜態(tài)的設(shè)計(jì),其實(shí)動(dòng)態(tài)的背景和紋理展示效果也不錯(cuò)哦!為了避免喧賓奪主,動(dòng)態(tài)的背景紋理應(yīng)該是很微妙的,而關(guān)于配色方面,應(yīng)該是柔和的,如:Latvian Alphabet網(wǎng)站。其實(shí),想要更好的吸引用戶(hù)眼球動(dòng)態(tài)的背景是不錯(cuò)的選擇,只不過(guò),在使用方面一定要做到適度。
總之,在網(wǎng)頁(yè)中恰當(dāng)?shù)氖褂帽尘凹y理,能夠增加整個(gè)網(wǎng)站在視覺(jué)上的深度和豐富度,雖然現(xiàn)在很多的設(shè)計(jì)依然傾向使用扁平風(fēng)的背景,如:?jiǎn)紊尘?,但是合理的加入紋理能夠讓你的設(shè)計(jì)更加出彩。當(dāng)然,在紋理的使用上,最主要還是要掌握訣竅,要讓它足夠微妙,不影響前景的內(nèi)容,這樣才有足夠的可讀性。
-
2021/12/28
-
2021/12/23
-
2021/12/17
- 愛(ài)華仕斬獲“2021年度中國(guó)廚衛(wèi)行業(yè)年度智能
- 回首2021,迎戰(zhàn)2022 彩虹線(xiàn)開(kāi)啟新征程!
- 福臨板材|福滿(mǎn)2021,圓夢(mèng)2022
- 美特照明:2022年照明新趨勢(shì),經(jīng)銷(xiāo)商如何做大
- 會(huì)自己“洗澡”的集成灶,帥康自動(dòng)清洗集成灶
- 帶你設(shè)計(jì)一款功能多變,簡(jiǎn)單實(shí)用的休閑露臺(tái)陽(yáng)
- 世紀(jì)豪門(mén)吊頂:破防了!原來(lái)顏值+實(shí)力=H20
- 裝修木門(mén)選的好,噪音統(tǒng)統(tǒng)沒(méi)煩惱
- 寒潮來(lái)了,有淋浴房洗澡更保暖舒服
- 元旦特輯:歐意電器述說(shuō)生活的點(diǎn)滴與美好
- “中國(guó)十大品牌”獲獎(jiǎng)名單出爐,賽戈水漆榮耀
- 2021值得消費(fèi)大賞 凱迪仕智能鎖榮摘兩項(xiàng)桂冠
- 益恩家居:新年新氣象,愛(ài)自己從好好睡覺(jué)開(kāi)始
- 元旦伊始:健康新生活,從精格管道直飲水開(kāi)始
- 喜迎元旦|新年新燈飾 箔晶智能照明讓酒店暖
- 吉美幫的2021 “專(zhuān)精特新” 深耕屋面防水體
- Aqara攜手京東成立燈光設(shè)計(jì)聯(lián)盟 打造燈飾照
- 年底廚房煥新顏,如何選擇廚電?好太太智能來(lái)
- 全鋁家具全屋莫蘭迪色系,這款美式輕奢范贏(yíng)鄰
- 順趨勢(shì)·筑鳳巢·贏(yíng)未來(lái) 鳳梧居門(mén)窗2021年會(huì)隆