400-611-9921
2018-05-04
3070
這不是您用于網(wǎng)站背景的典型紋理綜述。如果你正在尋找一個特定的紋理,我們在這里有。但是如果你想創(chuàng)建你自己的呢?或者找到一種方法來定制紋理以適合您的項目?這就是我們今天要關(guān)注的。
雖然在網(wǎng)頁設(shè)計中使用紋理有很多種方法,但如果采取現(xiàn)代化的方法,并且遵循一些簡單的規(guī)則,您會從這些背景中獲得更多的里程碑。以下是七個提示,可幫助您在網(wǎng)頁設(shè)計中使用背景紋理(并符合2018年設(shè)計模式和趨勢)。
1.簡單易懂
一個偉大的背景紋理可能甚至不會被許多用戶注意到。它應(yīng)該是一個幾乎不可見的元素,有助于提高整體的可讀性和可用性,同時提供深度或視覺利益。
簡單而低調(diào)的背景紋理是完成此操作的最佳方式。對于去年年底的一個活動,Github的宇宙會議采用了包含簡單的黑色背景和白色圓點的設(shè)計。夜空效果確實會落入背景中,因此很容易找到有趣的漸變標(biāo)識和事件信息。
簡單的背景紋理傾向于具有小的或緊密的重復(fù)圖案,幾乎可以是任何顏色。這個想法是這些背景紋理不是焦點; 它們有助于引起對設(shè)計其余部分的關(guān)注。
2.大膽大膽
也許微妙不是你的事。如果是這種情況,請選擇大而粗的背景紋理或圖案。
這些大于生活的風(fēng)格適用于前景更為文字或用戶界面元素沉重的設(shè)計,并且沒有其他競爭圖像需要處理。使用這種類型的背景紋理可能會變得棘手,從創(chuàng)建用戶無法看到的平鋪圖案到避免背景無意成為整個設(shè)計的主要焦點。
為確保您的超大尺寸背景紋理正常運行,請注意一次分析和用戶習(xí)慣以進(jìn)行更改。流量或轉(zhuǎn)化率急劇下降是您視覺和用戶可能未連接的一個信號。
3.結(jié)合趨勢
帶有潮流的背景紋理可以讓您的設(shè)計感受到超現(xiàn)代和新鮮感。
隨著現(xiàn)在所有的憤怒幾何形狀,難怪阿帕西奧的網(wǎng)站是吸引人的。通過在深色背景上混合使用鮮艷的幾何圖案,該圖案可創(chuàng)建出色的紋理和深度,從而幫助用戶將注意力集中在較大的文本和呼叫行為上,因為這些元素與背景形成鮮明對比。文字 - 簡單的無襯線字體 - 似乎可以從綠色的形狀中解脫出來。
紋理的分層也有助于這種整體效果。請注意,顏色會將“背后”較亮元素的較暗元素分成兩層背景。
4.使用圖像
背景紋理不一定是您從下載網(wǎng)站獲取的重復(fù)模式。一些最好的背景紋理是與品牌或主要信息相關(guān)的圖像,以增加另一層級的視覺興趣和參與度。
訣竅是有效地將圖像淡入背景中。(這并不一定意味著使用淡入淡出技術(shù)。)淡入淡出圖像意味著它從主圖像區(qū)域脫離并進(jìn)入距離。
在上面的例子中,Oxeva通過兩種方式做到這一點:它使照片變暗,以便只能看到城市景觀的輪廓,并且在前景中使用大膽的顏色處理來自然地繪制眼睛。這張照片也有點模糊,所以圖像是可以辨認(rèn)的,但是不能提供使照片的細(xì)節(jié)更為重要的詳細(xì)程度。
5.使用顏色變化
混合并匹配來自相同調(diào)色板的色調(diào)和色調(diào),從文字或形狀創(chuàng)建粗體紋理。顏色的變化,即使是在同一個家庭中,也會產(chǎn)生深度和視覺上的興趣。
類型的類型使用顏色與巨大字母的有趣組合來創(chuàng)建背景紋理。即使沒有諸如漸變或陰影等技術(shù),來自字形的線條也會建立深度和平衡,同時幫助將眼睛吸引到背景中的顏色與主要標(biāo)題所在的位置。
6.抓一個漸變
漸變是時尚和視覺吸引力。當(dāng)使用漸變作為背景紋理時,您可以單獨使用或使用照片對其進(jìn)行分層。
幾乎所有的顏色組合都會去,所以使用漸變創(chuàng)建紋理和深度并不困難。如果您尚未有想要處理的色板,可以從WebGradients中找到您喜歡的漸變色組合。https://webgradients.com/
Mobipad使用多個微妙的漸變在背景中創(chuàng)建深度和紋理。前景中的插圖動畫幾乎從漸變中彈出,而深色的動作很容易看到。漸變紋理中較亮和較暗的空間有助于移動用戶在設(shè)計中移動一目了然。
7.動畫它
雖然許多技巧都集中在靜態(tài)背景元素上,但沒有規(guī)定說背景不能動態(tài)。
為了充分利用這種類型的背景紋理,運動應(yīng)該很細(xì)微,以免影響主圖像或消息傳遞。包括一個柔和或微妙的調(diào)色板,如上面的拉脫維亞語字母,也是一個不錯的選擇。
此動畫可以包含移動或扭曲或旋轉(zhuǎn)或視頻的元素。運動是吸引用戶注意力的好方法。通過確保此議案不會壓倒設(shè)計的前景,充分利用動畫背景紋理。
結(jié)論
一個偉大的背景紋理可以增加您的整體網(wǎng)站設(shè)計的深度和視覺興趣。盡管許多設(shè)計師仍在使用更平坦的背景 - 例如單色 - 添加一些紋理可以讓您的項目脫穎而出。
使用紋理的訣竅是它們必須微妙且實際上落入背景中,以便前景元素易于閱讀和理解。這可能是一個相當(dāng)微妙的平衡。記住要在背景紋理和前景圖像,用戶界面元素和文字之間建立充分的對比,以最大限度地發(fā)揮整體設(shè)計的影響力。
本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-縱天科技
標(biāo)簽:公司網(wǎng)站制作,廣州建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁制作公司,建網(wǎng)站公司,企業(yè)建站,廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁設(shè)計公司,廣州網(wǎng)站設(shè)計公司,廣州企業(yè)網(wǎng)站建設(shè)
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com