網頁設計師的4個視覺設計原則

每個設計都試圖在不同元素之間創造一種統一感，或者創造性地打破這種統一以鼓勵特定的行動。當您啟動編輯套件或將筆放在紙上時，您使用的每個視覺設計都會在不同的元素之間創造統一，或者創造性地顛覆這種統一以鼓勵行動。

雖然視覺設計是一種藝術形式，但它也受數學定律的約束。作為設計師，您不會從隱喻的空白畫布開始：有一些簡單但強大的指導方針可以創建和破壞統一的設計。網頁設計師應該給予應有的榮譽：格式塔心理學家要感謝您每天使用的支配視覺設計原則。

設計的原則是什麼？

視覺設計原則幫助我們理解視覺構圖。設計的基本原則包括：

空間：在網頁設計中，這通常被稱為「空白空間」，或元素之間的區域。 

層次結構：某些元素相對於其他元素的重要性。

對比：不同的元素如何創造出更具凝聚力的構圖。 

比例/比例：元素大小之間的關係。

雖然這些原則是與視覺藝術一起開發的，但網頁設計師應用了從這些核心思想構建的設計原則。

湧現原則

湧現原則指出，在識別圖像的各個部分之前，觀眾試圖理解整個圖像。所以，當你的大腦正在消化一個圖像並試圖理解它時，首先，它會評估輪廓。然後，它將大綱與您記憶中的其他形式進行比較，並嘗試找到匹配項。一旦找到匹配項，您的大腦就會轉向每個組件。當你的大腦無法找到匹配，它會嘗試檢查部件，使整幅圖像的感覺。

如果你看到一個人在晚上走得很遠的模糊輪廓，你的大腦會立即從身體的形狀和單獨的四肢知道這是一個人。你不需要看到手、眼睛或腳就知道這是一個人，但這些視覺細節可以幫助你確定這個人是誰。

湧現對設計意味著什麼？

在設計時，湧現原則建議你應該堅持熟悉的、易於識別的模式。帶有「發送」按鈕的清晰輪廓和標記的框將被識別為一種形式，而不是一種更具「創造性」的形式，使網站訪問者進行心理操練以了解他們正在查看的內容。

物化原則

物化原則指出，您的大腦會填補視覺信息中的空白以識別物體。您不必看到事物的全部內容即可了解它是什麼，如果設計僅包括鼻子、一隻眼睛和下巴的輪廓，您可以推斷出您正在看一張臉。

物化對設計意味著什麼？

具體化意味著您不必包含所有對象以便查看者識別它。您可以使用此原則在布局中節省空間、在輪播中建議下一張幻燈片的內容，或者使您的「即將推出」頁面更清晰、更吸引人。

多重穩定性原則

閱讀有關多穩態的原則，多穩態解釋了為什麼你可以看到剛才的面孔，或者只是花瓶，但絕不會同時出現。頭腦不了解未知。從進化上講，大腦需要一個答案，現在。這種需求來自尋求安全，但它對視覺設計有著迷人的影響。大腦專注於一種看待事物的方式，並排除可能的替代方案。

多重穩定性對設計意味著什麼？

多穩定性不可避免地會導致混亂，所以很難在網頁設計中成功實施。我們尋求團結和凝聚力，而不是混亂！

但是，正如多年來數十個令人難忘的徽標所證明的那樣，您可以使用多重穩定性來製作引人注目且令人驚喜的設計，例如FedEx徽標。一旦你看到那個箭頭（在E和X之間），以及具體化所暗示的其他箭頭，就很難不看到它。

不變性原則

不變性原則表明，您的大腦擅長查明異同。這就是為什麼很容易讓某些東西在一群相似的物體中脫穎而出的原因。

不變性對設計意味著什麼？

在設計領域，不變性原則是一個強大的工具。在其他同質的元素組中引入不同的元素以吸引眼球並吸引點擊。

產品的定價頁面是具體化的絕佳位置。網頁設計師可以通過顏色或大小使一列從定價表的其餘部分中脫穎而出。在「取消訂閱」頁面上，「取消」按鈕可能很小，呈灰色以融入背景，而「繼續訂閱」按鈕則充滿活力和色彩。