視覺設(shè)計是創(chuàng)造并使產(chǎn)品的總體美學。為了創(chuàng)建網(wǎng)站或應(yīng)用程序的美學風格，我們使用視覺設(shè)計的基本元素，并根據(jù)設(shè)計原則進行排列。這些元素和原則共同構(gòu)成了視覺設(shè)計的基石，對它們的牢固理解對于創(chuàng)建任何產(chǎn)品的視覺設(shè)計都至關(guān)重要。
在這里，我們將向您介紹視覺設(shè)計的元素：線條、形狀、負片/空白、體積、價值、顏色和紋理。學習如何實現(xiàn)統(tǒng)一、格式塔、層次、平衡、對比、規(guī)模、優(yōu)勢和相似性，會讓網(wǎng)站更受歡迎。
任何產(chǎn)品——從網(wǎng)站和應(yīng)用程序等軟件產(chǎn)品到烤面包機和吹風機等硬件產(chǎn)品——都可以分解為視覺設(shè)計的基本元素，這些元素是我們視覺設(shè)計師在日常工作中使用的基本工具，對它們有基本的了解無疑是完成這項工作的先決條件。
設(shè)計原則告訴我們，這些元素可以并且應(yīng)該如何結(jié)合在一起以獲得最佳結(jié)果。
一致性原則
統(tǒng)一與在頁面中的所有元素之間創(chuàng)建和諧感有關(guān)。元素在視覺上或概念上排列在一起的頁面可能會產(chǎn)生一種統(tǒng)一感。
設(shè)計缺乏統(tǒng)一性會造成不安和混亂。我們的眼睛支配著我們的判斷。
當我們設(shè)計網(wǎng)站時，我們可以利用網(wǎng)格來實現(xiàn)統(tǒng)一感，因為網(wǎng)格中的元素將遵循有序的排列。然而，我們確實需要在我們的工作中引入一些變化，以便在枯燥和混亂的設(shè)計之間取得平衡。
三角塔原則
三角塔原則是指我們傾向于感知所有部分的總和，而不是單個元素。人眼和大腦對統(tǒng)一形狀的感知方式不同于它們對這些形狀的各個部分的感知方式。特別是，我們傾向于先感知物體的整體形狀，然后再感知物體的細節(jié)（線條、紋理等）。
三角塔原則我們可以看到正方形、圓形和三角形的原因，即使線條不完整。我們首先看到由虛線形成的整體，然后再看到每個圖像中的單獨虛線。
例如，通過增加網(wǎng)站的各個部分之間的空白空間來區(qū)分它們。作為設(shè)計師，我們應(yīng)該確保我們使用格式塔原則將網(wǎng)站的各個部分組合在一起，即如果它們彼此接近、形狀相同和/或大小相似，那么它們確實在概念上組合在一起。
等級原則
層次結(jié)構(gòu)顯示設(shè)計中元素的重要性差異。顏色和大小是我們創(chuàng)建層次結(jié)構(gòu)的最常見方式——例如，突出顯示主按鈕，或使用較大的字體作為標題。出現(xiàn)在頁面或應(yīng)用程序頂部的項目也往往被視為具有比下面顯示的項目更高的層次結(jié)構(gòu)。
均衡原則
平衡是指導我們?nèi)绾尉鶆蚍峙湓O(shè)計元素的原則。平衡的設(shè)計往往顯得平靜、穩(wěn)定和自然，而不平衡的設(shè)計讓我們感到不安。
平衡的設(shè)計看起來很穩(wěn)定，而不平衡的設(shè)計則顯得不可持續(xù)和不自然。
平衡可以通過設(shè)計中的對稱性來實現(xiàn)（例如，具有集中文本和圖像的網(wǎng)頁）。然而，你也可以在沒有對稱的情況下實現(xiàn)平衡——這可能并不奇怪，這就是所謂的不對稱平衡。當我們以統(tǒng)一的方式排列不同大小的元素時，我們就實現(xiàn)了不對稱的平衡。我們可以想象設(shè)計的中心點，并以創(chuàng)造平衡的方式分配元素。
對比原則
我們使用對比度，通過操縱顏色、價值、大小和其他因素的差異，使元素脫穎而出。例如，作為設(shè)計師（無論是logo設(shè)計、UI設(shè)計等），我們經(jīng)常使用紅色來突出某些元素。
比例原則
比例描述設(shè)計中元素的相對大小。通過使用比例使元素比其他元素更大，您可以強調(diào)該元素。這樣不僅可以使元素突出，還可以使用比例來創(chuàng)建深度感（因為近處的對象在人眼看來更大）?？鋸埖膱D像比例也會增加一定程度的趣味性和戲劇性。
縮放可用于為設(shè)計中的某些元素創(chuàng)建層次結(jié)構(gòu)并對其進行強調(diào)。
當我們從事視覺設(shè)計時，我們應(yīng)該確保我們在保持網(wǎng)站統(tǒng)一和平衡的同時使用主導權(quán)——如果不這樣做，設(shè)計可能會給用戶帶來迷失方向的體驗。