2022-1-11 ui設(shè)計(jì)分享達(dá)人
設(shè)計(jì)原則是設(shè)計(jì)師為規(guī)范和塑造他們的作品而制定的規(guī)則。這些原則強(qiáng)調(diào)焦點(diǎn)設(shè)計(jì)元素，遵循它們有助于幫助設(shè)計(jì)師與廣泛受眾產(chǎn)生共鳴。
盡管設(shè)計(jì)原則聽起來可能限制了自由，但它們的創(chuàng)建是為了支持設(shè)計(jì)師的工作，而不是設(shè)置障礙。您可以將它們視為建立一般順序但不干擾作者創(chuàng)造力的拼寫規(guī)則。因此，設(shè)計(jì)工作依賴于設(shè)計(jì)原則，一旦使用得當(dāng)，就會(huì)開始吸引觀眾的注意力和興趣。理解這些原則意味著理解并控制整個(gè)項(xiàng)目、創(chuàng)建它的過程以及每個(gè)涉及的設(shè)計(jì)元素。
不同的團(tuán)隊(duì)和工作室區(qū)分不同數(shù)量的設(shè)計(jì)原則。然而，七項(xiàng)原則被認(rèn)為是基本原則。它們是平衡、層次、統(tǒng)一、對(duì)比、強(qiáng)調(diào)、比例和重復(fù)/節(jié)奏。
1. 平衡
平衡可能是最明顯和最容易理解的原則。這也是讓視覺內(nèi)容感覺舒適的一個(gè)重要功能。這個(gè)想法是設(shè)計(jì)的每個(gè)元素——比如字體、顏色、圖形、背景、形狀、圖案、按鈕、文本等——都有它們的視覺重量。較重的元素會(huì)迅速吸引觀眾的注意力，而較輕的元素則不會(huì)，主要用于完成整個(gè)場景的整體性與和諧性。
有兩種類型的平衡，對(duì)稱和不對(duì)稱。對(duì)稱平衡是通過沿中心軸對(duì)齊的等重元素實(shí)現(xiàn)的。不對(duì)稱平衡與鏡像相反。它使用不同權(quán)重的元素并且更常見。這樣的構(gòu)圖圍繞一個(gè)或幾個(gè)突出的部分排列，因此創(chuàng)作者尋求輕元素和重元素之間的平衡以獲得視覺圖像。
2. 層次結(jié)構(gòu)
層次結(jié)構(gòu)是網(wǎng)頁和應(yīng)用程序設(shè)計(jì)中最重要的設(shè)計(jì)原則之一。它用于對(duì)設(shè)計(jì)元素進(jìn)行優(yōu)先級(jí)排序，并根據(jù)其重要性設(shè)置重點(diǎn)。這里有一個(gè)簡單的規(guī)則：如果一切都標(biāo)記為重要，那么一切都不重要。
層次結(jié)構(gòu)引導(dǎo)用戶跨界面從焦點(diǎn)對(duì)象到二流對(duì)象，并有助于按邏輯順序了解事物。如果忽略了這一設(shè)計(jì)原則，構(gòu)圖就會(huì)顯得雜亂無章，而且很難找到必要的信息。
設(shè)計(jì)中有兩種主要類型的層次結(jié)構(gòu)：視覺和排版。可以通過場景內(nèi)對(duì)象的比例和顏色強(qiáng)調(diào)獲得視覺層次。排版層次結(jié)構(gòu)是通過不同的字體、大小和字體粗細(xì)來實(shí)現(xiàn)的。
3. 統(tǒng)一
你可能遇到過這樣的網(wǎng)站、印刷品，甚至是室內(nèi)設(shè)計(jì)概念：大量的元素很難融合在一起，所以整體形象看起來一團(tuán)糟。為了解決這種圖形的混雜，使用統(tǒng)一的原則，應(yīng)該創(chuàng)造視覺和心理的和諧。
統(tǒng)一意味著與品牌理念和信息的聯(lián)系，因此每個(gè)制作的設(shè)計(jì)，無論是網(wǎng)站頁面、T恤印刷品還是廣告，都應(yīng)該成為其中的一部分。它與設(shè)計(jì)系統(tǒng)密切相關(guān)，是大多數(shù)平面設(shè)計(jì)公司和項(xiàng)目應(yīng)該考慮的原則。
4. 對(duì)比
雖然統(tǒng)一和平衡創(chuàng)造了易于交互的視覺上可接受的設(shè)計(jì)，但多樣性增加了吸引注意力的細(xì)節(jié)。如果沒有多樣性，即使是最平衡、最精心組織的概念也會(huì)缺乏對(duì)比，變得單調(diào)乏味。
這個(gè)設(shè)計(jì)原則為項(xiàng)目添加不同的視覺元素、圖案、符號(hào)或排版。事實(shí)上，這是設(shè)計(jì)師可以盡情發(fā)揮創(chuàng)造力并順應(yīng)潮流的地方。
5. 強(qiáng)調(diào)
強(qiáng)調(diào)是通過在構(gòu)圖中設(shè)置焦點(diǎn)元素來創(chuàng)建畫面的設(shè)計(jì)原則。這意味著它們會(huì)吸引觀眾的眼球，但不會(huì)超過其他元素，否則平衡就會(huì)傾斜。這就像一個(gè)好的海報(bào)設(shè)計(jì)：你立刻就能看到正在演奏的樂隊(duì)，并且找到細(xì)節(jié)：音樂會(huì)的日期和地點(diǎn)、門票價(jià)格等。
強(qiáng)調(diào)可以通過比例、重量、位置、顏色、形狀和樣式來實(shí)現(xiàn)。創(chuàng)建一個(gè)大膽的、色彩鮮艷的元素是不夠的，因?yàn)橐磺卸紤?yīng)該在一個(gè)設(shè)計(jì)中連貫地顯示。
6. 比例
比例是指元素相互之間的大小，是最全面的設(shè)計(jì)原則。調(diào)整比例并根據(jù)物體的大小和視覺重量對(duì)物體進(jìn)行分組有助于突出重點(diǎn)并保持構(gòu)圖的統(tǒng)一。
設(shè)計(jì)組合中比例的主要思想是，越重要的元素越大，不重要的元素越小。就像著陸頁、文章或海報(bào)一樣，對(duì)象之間的比例關(guān)系與其對(duì)讀者的重要性相關(guān)。
7. 重復(fù)/節(jié)奏
這兩個(gè)設(shè)計(jì)原則相輔相成，相互補(bǔ)充。重復(fù)是指在設(shè)計(jì)中實(shí)現(xiàn)相同或相似的元素：如圖像、按鈕、顏色、字體或形狀。它用于創(chuàng)建統(tǒng)一性和一致性。通過使用相同的圖標(biāo)、背景或風(fēng)格化元素，可以輕松實(shí)現(xiàn)重復(fù)。如果使用得當(dāng)，它可以控制瀏覽者在頁面上的移動(dòng)，因?yàn)橹貜?fù)元素可以成為吸引和引導(dǎo)注意力的絕佳方式。
元素重復(fù)的方式創(chuàng)造了一種節(jié)奏感。當(dāng)設(shè)計(jì)中有節(jié)奏感時(shí)，觀者將其視為旋律。有五種類型的視覺節(jié)奏：隨機(jī)、規(guī)則、交替、流動(dòng)和漸進(jìn)。
隨機(jī)— 沒有特定規(guī)則間隔的重復(fù)元素。
定期— 重復(fù)進(jìn)行相同的間隔。它通常是通過創(chuàng)建一個(gè)網(wǎng)格或一系列垂直線來獲得的。
交替— 允許在設(shè)計(jì)中重復(fù)多個(gè)元素。
流動(dòng)— 模仿自然流動(dòng)并顯示遵循各種彎曲和曲線的重復(fù)元素。
漸進(jìn)式— 通過在重復(fù)時(shí)改變?cè)氐囊粋€(gè)特征而獲得。
最后
定義要使用的設(shè)計(jì)原則并不總是有意義的，因?yàn)樗鼈兛赡軙?huì)在創(chuàng)作過程中參與和拒絕，而設(shè)計(jì)師的主要目標(biāo)仍然是傳達(dá)重要信息，創(chuàng)造和諧構(gòu)圖，設(shè)計(jì)可用的界面。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com