close

推薦連結: folder

 

在網頁中使用紋理並不是什麼新鮮事。隨著平面設計的高度成熟,陰影、漸變和紋理在某種意義上回歸,並越來越多地應用於實際設計中。什麼樣的紋理可以適應當前的項目?如果你想定制一個紋理,你應該注意什麼?今天的文章就是要探討這個問題。

雖然在網頁設計中使用紋理的方法有很多種,但是如果你想創造一個現代的設計,你只需要遵循一些相對簡單的規則就可以得到相對好的效果。這裡有7個設計技巧來幫助你做到這一點。

1.質感簡單

真正好的背景紋理,在絕大多數時候甚至不會被用戶注意到。它應該是一個幾乎看不見的元素,有助於提高整體可讀性和可用性,同時提供足够的視覺深度。

簡潔低調的背景紋理是提高整體設計可用性的最佳途徑。在去年GitHub空間大會的頁面上,設計師們採用了簡單的黑色背景和白點紋理設計,營造出夜空效果。在夜空的背景下,五顏六色的logo和漸變按鈕有很好的識別效果。

一個簡單的背景紋理通常有小而緊密重複的圖案,可以是任何顏色。這種思想使得背景紋理不再作為焦點而存在,而是作為一種重要的工具來襯托其他元素。

2.質地可以更大更大膽

紋理可以很細微,很小,但也可以很大。要大膽,選擇較大的紋理或圖案,也能產生不錯的效果。

這個超大圖案形成的紋理可以作為背景,前景應該有比較重的元素,比如一定量的文字,或者圖片等比較重的視覺內容。這種背景紋理/圖案很難作為一個整體來處理,因為它有一定的被用戶注意和分心的概率。

為了保證這種超大紋理圖案不影響正常效果,最好注意分析用戶習慣,並與整體內容相匹配。如果頁面流量或轉換率下降,則用戶不能獲得資訊。

3.質感結合當前設計趨勢

結合當前流行的設計潮流來設計肌理往往能使整個設計呈現出豐富的時代感體驗。

幾何元素是當今最流行的設計元素之一。將幾何元素綜合到背景中無疑是非常有吸引力的。看看apacio的設計。深色背景與五顏六色的幾何圖案混合,營造出深邃奪目的視覺效果。通過比較,用戶可以關注較大的文字和CTA元素。文字有一個簡單的無襯線風格,這使它從黑色和綠色的背景突出。

紋理層支持整體效果。值得注意的是,背景中的紋理與圖案、背景和前景元素進行了比較。

4.使用影像構建紋理

背景紋理不一定是一種精緻的小圖案。一些細節豐富的圖片也可以作為背景紋理,新增視覺層次,增强吸引力。

這種設計的訣竅是影像需要淡入背景。

在上述情况下,oxeva的網站以兩種方式綜合了背景設計。一方面,設計師降低了畫面的亮度,讓用戶可以看到景觀的輪廓,然後設計師在前景上疊加了漸變色層,使得整個背景非常視覺化。圖片提供的細節並不多,但仍然可以從視覺上分辨出來。

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 marsngblog 的頭像
    marsngblog

    marsngblog的部落格

    marsngblog 發表在 痞客邦 留言(0) 人氣()