設(shè)計(jì)的七項(xiàng)原則已經(jīng)存在了很長(zhǎng)時(shí)間，它們的共同目標(biāo)是幫助指導(dǎo)設(shè)計(jì)師如何充分利用他們的工作。他們通過(guò)關(guān)注每個(gè)元素的關(guān)鍵屬性以及如何改變即使是最微小的細(xì)節(jié)來(lái)對(duì)整體設(shè)計(jì)產(chǎn)生重大影響來(lái)做到這一點(diǎn)。

在本文中，設(shè)計(jì)將與您一起了解設(shè)計(jì)的統(tǒng)一原則以及如何使用它來(lái)改進(jìn)產(chǎn)品的視覺(jué)設(shè)計(jì)。

什么是設(shè)計(jì)的統(tǒng)一原則？

統(tǒng)一是設(shè)計(jì)原則，它將所有其他原則統(tǒng)一在一件作品中，讓每個(gè)單獨(dú)的元素相互共存，形成一個(gè)美觀的設(shè)計(jì)。最終，統(tǒng)一性使設(shè)計(jì)具有凝聚力的外觀，盡管其內(nèi)部組件在規(guī)模、對(duì)比度或風(fēng)格上有所不同。

網(wǎng)頁(yè)設(shè)計(jì)師必須利用所有設(shè)計(jì)原則才能成功實(shí)現(xiàn)統(tǒng)一。這是通過(guò)評(píng)估設(shè)計(jì)中的所有元素來(lái)完成的，以更好地了解它們的關(guān)系以及它們?nèi)绾蜗嗷プ饔谩Ｍㄟ^(guò)這樣做，設(shè)計(jì)師能夠確保無(wú)論是繪畫(huà)、海報(bào)還是網(wǎng)頁(yè)設(shè)計(jì)，都可以按照設(shè)計(jì)師的意圖進(jìn)行消費(fèi)。

簡(jiǎn)而言之，統(tǒng)一是構(gòu)成整體的部分之間的協(xié)議。當(dāng)設(shè)計(jì)中的每個(gè)單獨(dú)元素像拼圖一樣組合在一起以揭示一個(gè)單一的凝聚力愿景時(shí)，就實(shí)現(xiàn)了統(tǒng)一。

設(shè)計(jì)的原則是什么？

現(xiàn)在，如果您還不熟悉設(shè)計(jì)原則，請(qǐng)不要擔(dān)心。您很可能已經(jīng)在使用它們，甚至都不知道。想想你上一次設(shè)計(jì)一個(gè)包含多個(gè)元素的設(shè)計(jì)，然后退后一步從遠(yuǎn)處看一看，你意識(shí)到它的某些部分不起作用。因此，您刪除了一些部分并調(diào)整了其他部分，直到所有部分最終看起來(lái)都融合在一起。嗯，你必須改變和改變你的工作的那些本能很可能受到設(shè)計(jì)原則的影響，即使你沒(méi)有認(rèn)知上意識(shí)到它。

設(shè)計(jì)原則是一組七項(xiàng)基本準(zhǔn)則，可幫助設(shè)計(jì)師就如何每次都制作出簡(jiǎn)潔而引人注目的作品提供建議。這些原則包括：平衡、對(duì)比、強(qiáng)調(diào)、比例、運(yùn)動(dòng)、圖案和統(tǒng)一。每個(gè)原則都側(cè)重于設(shè)計(jì)的一個(gè)關(guān)鍵組成部分，以及它的屬性如何影響作品的整體呈現(xiàn)。在某些情況下，忽視設(shè)計(jì)原則會(huì)導(dǎo)致觀眾誤解設(shè)計(jì)師的作品初衷。

作為網(wǎng)站設(shè)計(jì)師，我們經(jīng)常將設(shè)計(jì)視為我們創(chuàng)造力的容器。設(shè)計(jì)原則通過(guò)提供幫助我們的規(guī)則來(lái)幫助我們成功地做到這一點(diǎn)。通過(guò)遵循這些規(guī)則，我們能夠做到這一點(diǎn)，以便其他人可以消費(fèi)和理解這一愿景。

在深入探討設(shè)計(jì)的統(tǒng)一原則之前，讓我們先快速回顧一下其他六項(xiàng)設(shè)計(jì)原則。

平衡

與圖表類似，合成具有縱軸和橫軸。設(shè)計(jì)師在布置關(guān)鍵元素的位置時(shí)必須了解這些軸。原因是添加到構(gòu)圖中的每個(gè)新元素都包含其獨(dú)特的視覺(jué)重量。

設(shè)計(jì)師的部分工作是保持平衡，設(shè)計(jì)師通常會(huì)以兩種方式組合他們的藝術(shù)元素：對(duì)稱地，以與具有非常相似特征的物體相同的方式使用軸兩側(cè)的空間；或不對(duì)稱，其中軸兩側(cè)的空間不匹配，同時(shí)仍保持相同的視覺(jué)重量。

為了更好地理解平衡，請(qǐng)考慮網(wǎng)頁(yè)的布局。它包含各種不同的圖片、圖標(biāo)和字體大小。為了讓所有這些不同大小的元素協(xié)同工作，設(shè)計(jì)師必須戰(zhàn)略性地考慮如何以一種平衡且更易于查看的方式布置它們。

對(duì)比

大多數(shù)組合物包括各種不同和相反的元素。這可以包括一系列照明、各種顏色，甚至是一組紋理。設(shè)計(jì)師可以增加兩個(gè)對(duì)象之間的對(duì)比度以突出顯示，例如，一個(gè)在前景中，另一個(gè)在背景中。使用相同的示例，設(shè)計(jì)師還可以減少對(duì)象之間的對(duì)比度，以在視覺(jué)上將它們放置在相同的深度。

元素可以通過(guò)多種方式相互對(duì)比，這就是為什么設(shè)計(jì)師必須了解它們?nèi)绾蜗嗷?duì)立以及如何使這些差異在整體構(gòu)圖中發(fā)揮作用。對(duì)比度對(duì)于用戶體驗(yàn)設(shè)計(jì)師來(lái)說(shuō)尤其重要，以確保用戶界面滿足視力受損用戶的需求。

對(duì)比度也用于區(qū)分按鈕的操作。用于保存內(nèi)容的按鈕與用于刪除的按鈕具有非常不同的對(duì)比度。如果沒(méi)有設(shè)計(jì)上的對(duì)比，用戶的體驗(yàn)將變得非常令人沮喪。

強(qiáng)調(diào)

在會(huì)議室中，講臺(tái)用于強(qiáng)調(diào)演講者，而在劇院表演中，聚光燈用于在獨(dú)白中強(qiáng)調(diào)單個(gè)表演者。同樣，設(shè)計(jì)師將使用各種不同的技術(shù)使視覺(jué)設(shè)計(jì)的特定組件脫穎而出。如果做得正確，這可能是一個(gè)有用的工具，可以將注意力集中到構(gòu)圖的特定區(qū)域。

為了更好地理解重點(diǎn)，只需拿起您的手機(jī)并打開(kāi)您最喜歡的應(yīng)用程序?？纯慈绾问褂妙伾?duì)比度和比例來(lái)強(qiáng)調(diào)某個(gè)按鈕、圖標(biāo)或動(dòng)作而不是其他按鈕。

部分

比例只是每個(gè)單獨(dú)對(duì)象的比例。通過(guò)調(diào)整不同元素的比例，設(shè)計(jì)師可以傳達(dá)一個(gè)對(duì)象與另一個(gè)對(duì)象的關(guān)系、它們的層次結(jié)構(gòu)，甚至它們之間的距離。比例為設(shè)計(jì)帶來(lái)組織和理解，沒(méi)有它，可能難以表達(dá)其預(yù)期含義。

即使在本文中，您也可以看到標(biāo)題大小的比例如何有助于為讀者組織思想和想法。雖然如果這篇文章只有一個(gè)標(biāo)題，它仍然可以工作，但通過(guò)將它分成不同的標(biāo)題樣式表示的部分，閱讀體驗(yàn)要容易得多。讀者可以很容易地消化他們正在閱讀的內(nèi)容。

移動(dòng)

當(dāng)一個(gè)人觀看一件藝術(shù)品或與數(shù)字設(shè)計(jì)作品互動(dòng)時(shí)，他們的焦點(diǎn)自然會(huì)圍繞該作品的景觀移動(dòng)。這有助于觀察者更好地理解他們?cè)诳词裁矗踔猎谀承┣闆r下如何與之交互。

繪制從元素到元素的視覺(jué)層次結(jié)構(gòu)對(duì)于設(shè)計(jì)師來(lái)說(shuō)是一個(gè)強(qiáng)大而有用的工具。這使他們能夠講述視覺(jué)故事而無(wú)需使用任何單詞。它還可以幫助他們改善應(yīng)用程序的體驗(yàn)，讓與它交互的用戶更容易導(dǎo)航。

用戶體驗(yàn)設(shè)計(jì)師將利用眼動(dòng)追蹤等用戶測(cè)試方法來(lái)衡量一個(gè)人在給定屏幕上的位置。這可以告知設(shè)計(jì)人員頁(yè)面上的各種組件是否有助于或妨礙用戶體驗(yàn)。

圖案

自然地，隨著越來(lái)越多的元素被添加到組合物中，一種或多種被重復(fù)的可能性增加。隨著這些元素的重復(fù)，設(shè)計(jì)師需要一種方法來(lái)組織它們，為設(shè)計(jì)帶來(lái)一種相似感。這種效果是通過(guò)在整個(gè)藝術(shù)品中實(shí)現(xiàn)視覺(jué)上一致的圖案來(lái)實(shí)現(xiàn)的。

在更復(fù)雜的設(shè)計(jì)中，會(huì)出現(xiàn)多種模式，然后設(shè)計(jì)師必須考慮如何最好地組織它們以實(shí)現(xiàn)與多樣性的統(tǒng)一。

為什么設(shè)計(jì)的統(tǒng)一性原則很重要

統(tǒng)一可以說(shuō)是最重要的設(shè)計(jì)原則。它指導(dǎo)設(shè)計(jì)師如何最好地利用所有其他原則來(lái)呈現(xiàn)既和諧又完整的構(gòu)圖。只有當(dāng)設(shè)計(jì)師確保所有其他原則協(xié)同工作時(shí)，才能真正實(shí)現(xiàn)統(tǒng)一。

如果沒(méi)有統(tǒng)一性，一個(gè)看似完整的設(shè)計(jì)可能會(huì)被無(wú)意分割、混亂，或者在最壞的情況下無(wú)法使用。缺乏統(tǒng)一性會(huì)導(dǎo)致元素相互競(jìng)爭(zhēng)以獲得重點(diǎn)，從而導(dǎo)致一種與設(shè)計(jì)師最初預(yù)期的體驗(yàn)相反的體驗(yàn)。這可能導(dǎo)致用戶感到不確定和困惑。

那么問(wèn)題來(lái)了：設(shè)計(jì)師如何實(shí)現(xiàn)統(tǒng)一？

如何實(shí)現(xiàn)統(tǒng)一

如前所述，一旦設(shè)計(jì)在其內(nèi)部部件之間達(dá)到和諧狀態(tài)，就實(shí)現(xiàn)了統(tǒng)一。這是通過(guò)首先查看其他每一個(gè)設(shè)計(jì)原則來(lái)完成的，以評(píng)估它們?cè)谡w設(shè)計(jì)中的使用方式，以確保每個(gè)元素都具有其預(yù)期和預(yù)期的效果。

通常，缺乏統(tǒng)一性可能是由于設(shè)計(jì)者沒(méi)有意識(shí)到為滿足一個(gè)原則而采取的行動(dòng)對(duì)另一個(gè)原則產(chǎn)生了相反的影響。例如，在創(chuàng)建兩個(gè)對(duì)象之間的對(duì)比時(shí)，設(shè)計(jì)師可能會(huì)使用照明、顏色或比例來(lái)傳達(dá)它們的關(guān)系。但是，如果設(shè)計(jì)者不小心，這些更改可能會(huì)導(dǎo)致這些對(duì)象不再適合其他組件的整體設(shè)計(jì)。

因此，設(shè)計(jì)師確保工作統(tǒng)一的最佳方式是在設(shè)計(jì)過(guò)程中不斷退后一步，評(píng)估其核心構(gòu)成是否統(tǒng)一。如果您是團(tuán)隊(duì)中的設(shè)計(jì)師，請(qǐng)讓您的同事在下一次設(shè)計(jì)評(píng)論時(shí)從統(tǒng)一的角度評(píng)估您的設(shè)計(jì)。但是，如果您是一個(gè)沒(méi)有設(shè)計(jì)團(tuán)隊(duì)可依賴的獨(dú)立設(shè)計(jì)師，只需讓您認(rèn)識(shí)的人看一看并觀察他們?nèi)绾闻c之互動(dòng)。

用戶體驗(yàn)設(shè)計(jì)中的統(tǒng)一性

在為網(wǎng)頁(yè)設(shè)計(jì)或移動(dòng)設(shè)備進(jìn)行設(shè)計(jì)時(shí)，UX 設(shè)計(jì)師使用布局網(wǎng)格來(lái)幫助指導(dǎo)其設(shè)計(jì)的凝聚力。

為了確?？?網(wǎng)頁(yè)設(shè)計(jì)和移動(dòng)應(yīng)用程序的統(tǒng)一體驗(yàn)，UX 設(shè)計(jì)師采用了一種稱為啟發(fā)式評(píng)估的方法。除了遵循設(shè)計(jì)的七項(xiàng)原則之外，進(jìn)行啟發(fā)式評(píng)估可以讓設(shè)計(jì)師統(tǒng)一產(chǎn)品的視覺(jué)和體驗(yàn)設(shè)計(jì)。

UX設(shè)計(jì)師用來(lái)評(píng)估設(shè)計(jì)統(tǒng)一性的另一個(gè)設(shè)計(jì)指標(biāo)是可用性測(cè)試。進(jìn)行可用性測(cè)試是為了準(zhǔn)確測(cè)量預(yù)期用戶是否以設(shè)計(jì)人員預(yù)期的方式查看用戶界面并與之交互。預(yù)期交互和實(shí)際交互之間的不匹配可以告知設(shè)計(jì)人員哪個(gè)設(shè)計(jì)原則導(dǎo)致了問(wèn)題。

設(shè)計(jì)最佳實(shí)踐的統(tǒng)一原則

隨著設(shè)計(jì)師的技能在整個(gè)職業(yè)生涯中不斷成熟，他們將不可避免地創(chuàng)造出適合他們的最佳實(shí)踐，以確保他們的設(shè)計(jì)符合設(shè)計(jì)的統(tǒng)一原則。在此之前，這里有一些有用的最佳實(shí)踐可供參考：

1. 每當(dāng)向設(shè)計(jì)中添加新元素、對(duì)象或組件時(shí)，首先要確定它與設(shè)計(jì)中已經(jīng)存在的其他元素之間的關(guān)系。
2. 從你的設(shè)計(jì)中退后一步，評(píng)估一下：設(shè)計(jì)的內(nèi)部部分如何相互影響？
3. 創(chuàng)建一個(gè)包含所有七項(xiàng)設(shè)計(jì)原則的清單，并評(píng)估每項(xiàng)原則在您的設(shè)計(jì)中的使用情況，以及它們是否和諧地協(xié)同工作。
4. 讓某人查看您的設(shè)計(jì)，然后為您分解。您將很快發(fā)現(xiàn)您的設(shè)計(jì)的預(yù)期意圖是否是人們?cè)诓榭椿蚺c之交互時(shí)實(shí)際體驗(yàn)到的。

是時(shí)候創(chuàng)造統(tǒng)一的體驗(yàn)了

設(shè)計(jì)是一種復(fù)雜的藝術(shù)形式，設(shè)計(jì)師每增加一個(gè)新元素，復(fù)雜性只會(huì)增加。所以下次你開(kāi)始在設(shè)計(jì)中添加新元素時(shí)，問(wèn)問(wèn)自己，“這將如何影響我的設(shè)計(jì)的統(tǒng)一性？它會(huì)促進(jìn)團(tuán)結(jié)還是反對(duì)它并使用戶感到困惑？

關(guān)注設(shè)計(jì)博客，一起探討更多設(shè)計(jì)靈感。