在網(wǎng)頁中使用紋理并不是什么新鮮事情,隨著扁平化設(shè)計的高度成熟,陰影、漸變和紋理也從某種意義上開始回歸,并且在實際設(shè)計中越來越多地用到。什么樣的紋理可以適配當前的項目呢?如果要自己定制一個紋理,那么有什么要注意的呢?今天的文章,就是來探討這個問題的。
雖然網(wǎng)頁設(shè)計中紋理的使用方法有很多,但是想要營造現(xiàn)代的設(shè)計,只需要遵循一些相對簡單的規(guī)則,就可以獲得相對不錯的效果,下面的 7 個設(shè)計小技巧就是幫你做到這個事情的。
真正優(yōu)秀的背景紋理,在絕大多數(shù)時候甚至是不會被用戶注意到的。它應該是一個幾乎不可見的元素,并且有助于提高整體的可讀性和可用性,同時提供足夠的視覺深度。
簡單而低調(diào)的背景紋理是提升整個設(shè)計的可用性的最佳方式。在去年的 Github 宇宙會議的頁面上,設(shè)計師就采用了簡單的黑色背景加上白色圓點的紋理設(shè)計,營造出夜空的效果。在夜空的映襯之下,多彩的 LOGO 和漸變的按鈕有著良好的可識別度。
簡單的背景紋理通常有著小而緊密的重復的圖案,它可以是任何顏色,這個思路讓背景紋理不會作為焦點存在,而是作為襯托其他元素的重要工具。
紋理可以很微妙,很小,但是也同樣可以很大。大膽一點,選擇更大的紋理或者說圖案,同樣能夠產(chǎn)生不錯的效果。
這種超大的圖案所構(gòu)成的紋理能夠作為背景來使用,前景應該有更重的元素,比如一定數(shù)量的文本,或者是圖片等相對較重的視覺內(nèi)容。這樣的背景紋理/圖案其實總體處理起來會比較棘手,因為它有一定的機率會讓用戶注意到并且分散注意力。
為了確保這種超大的紋理圖案不影響正常的效果,最好是注意分析用戶習慣,并且匹配整體的內(nèi)容,如果頁面的流量或者轉(zhuǎn)化率下降那么一定是用戶沒有獲取到其中的信息。
結(jié)合時下流行的設(shè)計趨勢來設(shè)計紋理,往往能夠讓整個設(shè)計呈現(xiàn)出富有時代感的體驗。
幾何圖形元素是時下流行的設(shè)計元素之一,將幾何圖形融入到背景當中,毫無疑問可以非常吸引人。看看 Apacio 這個網(wǎng)站的設(shè)計,深色的背景之上混合色彩鮮艷的幾何圖案,創(chuàng)建出富有深度且抓人眼球的視覺,通過對比讓用戶將注意力集中在較大的文本和 CTA 元素上。文字采用了簡約的非襯線體,這使得它們可以從黑色和綠色的背景中脫穎而出。
紋理的層次對于整體的效果是有所支撐的。值得注意的是,背景中的紋理和圖案、背景以及前景元素之間的對比。