在網(wǎng)頁(yè)中使用紋理并不是什么新鮮事情,隨著扁平化設(shè)計(jì)的高度成熟,陰影、漸變和紋理也從某種意義上開始回歸,并且在實(shí)際設(shè)計(jì)中越來(lái)越多地用到。什么樣的紋理可以適配當(dāng)前的項(xiàng)目呢?如果要自己定制一個(gè)紋理,那么有什么要注意的呢?今天的文章,就是來(lái)探討這個(gè)問(wèn)題的。
雖然網(wǎng)頁(yè)設(shè)計(jì)中紋理的使用方法有很多,但是想要營(yíng)造現(xiàn)代的設(shè)計(jì),只需要遵循一些相對(duì)簡(jiǎn)單的規(guī)則,就可以獲得相對(duì)不錯(cuò)的效果,下面的 7 個(gè)設(shè)計(jì)小技巧就是幫你做到這個(gè)事情的。
1. 簡(jiǎn)單易懂的紋理
真正優(yōu)秀的背景紋理,在絕大多數(shù)時(shí)候甚至是不會(huì)被用戶注意到的。它應(yīng)該是一個(gè)幾乎不可見的元素,并且有助于提高整體的可讀性和可用性,同時(shí)提供足夠的視覺深度。
簡(jiǎn)單而低調(diào)的背景紋理是提升整個(gè)設(shè)計(jì)的可用性的最佳方式。在去年的 Github 宇宙會(huì)議的頁(yè)面上,設(shè)計(jì)師就采用了簡(jiǎn)單的黑色背景加上白色圓點(diǎn)的紋理設(shè)計(jì),營(yíng)造出夜空的效果。在夜空的映襯之下,多彩的 LOGO 和漸變的按鈕有著良好的可識(shí)別度。
簡(jiǎn)單的背景紋理通常有著小而緊密的重復(fù)的圖案,它可以是任何顏色,這個(gè)思路讓背景紋理不會(huì)作為焦點(diǎn)存在,而是作為襯托其他元素的重要工具。
2. 紋理可以更大,更大膽
紋理可以很微妙,很小,但是也同樣可以很大。大膽一點(diǎn),選擇更大的紋理或者說(shuō)圖案,同樣能夠產(chǎn)生不錯(cuò)的效果。
這種超大的圖案所構(gòu)成的紋理能夠作為背景來(lái)使用,前景應(yīng)該有更重的元素,比如一定數(shù)量的文本,或者是圖片等相對(duì)較重的視覺內(nèi)容。這樣的背景紋理/圖案其實(shí)總體處理起來(lái)會(huì)比較棘手,因?yàn)樗幸欢ǖ臋C(jī)率會(huì)讓用戶注意到并且分散注意力。
為了確保這種超大的紋理圖案不影響正常的效果,最好是注意分析用戶習(xí)慣,并且匹配整體的內(nèi)容,如果頁(yè)面的流量或者轉(zhuǎn)化率下降那么一定是用戶沒(méi)有獲取到其中的信息。
3. 結(jié)合當(dāng)前設(shè)計(jì)趨勢(shì)的紋理
結(jié)合時(shí)下流行的設(shè)計(jì)趨勢(shì)來(lái)設(shè)計(jì)紋理,往往能夠讓整個(gè)設(shè)計(jì)呈現(xiàn)出富有時(shí)代感的體驗(yàn)。
幾何圖形元素是時(shí)下流行的設(shè)計(jì)元素之一,將幾何圖形融入到背景當(dāng)中,毫無(wú)疑問(wèn)可以非常吸引人。看看 Apacio 這個(gè)網(wǎng)站的設(shè)計(jì),深色的背景之上混合色彩鮮艷的幾何圖案,創(chuàng)建出富有深度且抓人眼球的視覺,通過(guò)對(duì)比讓用戶將注意力集中在較大的文本和 CTA 元素上。文字采用了簡(jiǎn)約的非襯線體,這使得它們可以從黑色和綠色的背景中脫穎而出。
紋理的層次對(duì)于整體的效果是有所支撐的。值得注意的是,背景中的紋理和圖案、背景以及前景元素之間的對(duì)比。
企業(yè)網(wǎng)站建設(shè)解決方案 營(yíng)銷型網(wǎng)站建設(shè)解決方案 外貿(mào)網(wǎng)站建設(shè)解決方案 教育培訓(xùn)網(wǎng)站建設(shè)解決方案 手機(jī)網(wǎng)站建設(shè)解決方案 政府網(wǎng)站建設(shè)解決方案 購(gòu)物商城網(wǎng)站建設(shè)解決方案 行業(yè)門戶網(wǎng)站建設(shè)解決方案
15年專業(yè)互聯(lián)網(wǎng)服務(wù)經(jīng)驗(yàn) 揚(yáng)州專業(yè)網(wǎng)站團(tuán)隊(duì) 資深行業(yè)分析策劃 B2C營(yíng)銷型網(wǎng)站建設(shè)領(lǐng)先者 前沿視覺設(shè)計(jì)、研發(fā)能力 時(shí)刻新技術(shù)領(lǐng)先研發(fā)能力 具有完備的項(xiàng)目管理 完善的售后服務(wù)體系 深厚的網(wǎng)絡(luò)運(yùn)營(yíng)經(jīng)驗(yàn)
浩瑞互聯(lián)一直秉承專業(yè)、誠(chéng)信、服務(wù)、進(jìn)取的價(jià)值觀,堅(jiān)持優(yōu)秀的商業(yè)道德,以用戶最終價(jià)值為導(dǎo)向,向用戶提供優(yōu)質(zhì)產(chǎn)品和優(yōu)質(zhì)服務(wù),從而贏得了用戶的信賴。始終以不懈的努力、更高的目標(biāo)來(lái)要求自己。
揚(yáng)州浩瑞互聯(lián)網(wǎng)絡(luò)科技有限公司版權(quán)所有