您的 WordPress 網站設計是否缺少一些亮點?這可能是您缺少足夠的對比度。 對比提供了元素之間的區分,使每個元素看起來更加個性化,突出和特殊。設計對比以多種方式建立,並使用所有不同類型的元素。 從排版到色彩到空間,創造對比可以讓一個 WordPress 網站設計從平庸變得驚豔,本文分享一些方法。商務 WooCommerce 獨立站網頁設計與製作:如何提高 WooCommerce 獨立站網頁設計對比度。
1. 使它更大(或更小)
在設計中建立焦點時,對稱性和順序可能有各種各樣的陷阱。太多具有相等權重的元素將最終看起來相同。容易的解決方案是使一個元件顯著更大或更小。
使元素,照片或文字塊更大或更小不僅僅是物理尺寸。瞭解這一點的最簡單的方法是與排版。兩個詞都是相同的 “大小”,但注意一個版本有多少重量。這種對比是由於字母形式中的粗筆畫和薄筆畫。您可以將這個相同的概念應用於幾乎任何其他設計元素。
看看小飛行物的網站,上面。請特別注意頁面頂部的基於文字的導航和屏幕底部的按鈕。哪個文字更快地吸引您的眼睛?為什麼?所有的類型是相同的大小,但用一個盒子裏面一個豐富多彩的照片治療,使它看起來更大。跨飛獨立站,專業 WordPress 外貿獨立站網站建設、 WordPress 站羣網站優化、 logo 設計、品牌設計、印刷等產品服務,新上線企業 VI 設計套餐和 WordPress 站羣網站營銷推廣系統(強),歡迎新老顧客前來諮詢!
2. 新增一個小紋理
以平面和最小的風格作為設計趨勢的主導驅動力,現在,紋理不太常見。但您仍然在許多地方看到它,也許沒有想到它。從平面元素更改為具有紋理,圖案或三維樣式的任何東西都有助於建立焦點區域。雖然向背景新增紋理可能是即時解決方案,但也可以以其他方式使用。
考慮一個具有紋理感的文字元素。(這是很受歡迎的許多老式的排版風格。)主要類型的紋理是粗糙和光滑的。他們可以彼此工作或孤立地幫助建立視覺焦點。當使用印刷設計時,您可以根據所使用的紙張類型,凸版選項和通過其他導出方法物理新增紋理。
3. 更改形狀
您知道為什麼嗎? 在一個充滿了矩形的影像中,一個唯一的圓就會形成對比。 物件的區別是使它脱穎而出。改變元素的形狀或方向可以立即產生影響。將照片放在圓形框架中,而不是矩形。使用一個稍微偏離 kilter 的展示位置。任何這些技術可能一開始會讓您有點不舒服,但繼續試驗和玩的選項,直到您把同一個老矩形轉換成更有趣的東西。
4. 新增顏色(或去掉顏色)
色彩理論是您可以使用的最重要的概念之一。 通過更改色調,新增或刪除顏色,您可以更改設計的整體情緒。 顏色可以使事情顯得大或小,大膽或制服。 一些最聰明的調色盤的竅門是通過使用對比度。
對比度的最簡單形式從色輪開始。 沿輪子配對顏色產生各種對比組合:
·混合温暖,涼爽和中性的顏色。
·通過新增色調和色調來更改基色,以便飽和度隨著顏色的不同而不同。
·纏繞光線和深色; 認為它是陰陽。
·新增無顏色的元素。 黑色或白色的口音可以增加重點的空間與很多的顏色; 並且顏色可以增加對比度到黑色和白色。
意外的形狀或細節也可以新增恰當的對比度。 在設計中的一個驚喜是任何不完全匹配一切,但仍然與它協調一致。這些元素包括:
·在其他對稱設計中的不對稱元素。
·一個視覺提示,引導您通過設計,如強烈的形狀或眼睛跟蹤模式,如用於上面的充滿活力的網站。
·圖案或重複元素的變化。
·更改元素或文字的方向或對齊方式,例如上面的 Anima(使用字母 “I”)。
·更改視覺行中一個元素的位置或大小。
·不同風格的影像,例如從照片變為插圖或動畫的提示。
·混合複雜和簡單的視覺或排版風格。
改變元素之間的對比度的好處在於它可以在設計專案中提供即時的影響。 通過更改元素的外觀,您可以更改視覺焦點,並幫助多用户熟悉設計中對訊息最重要的部分。
缺乏對比度是一個常見的,常常容易補救的問題。 很多時候,當您聽到一個客户或同事的可怕的 “使它流行”,他們真正想説的是,他們想看到更多的設計元素的對比。 現在您配備了工具來應對這一挑戰。