實(shí)用的設(shè)計(jì)原則

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ì)原則聽起來(lái)可能限制了自由,但它們的創(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è)場(chǎng)景的整體性與和諧性。

有兩種類型的平衡,對(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è)和應(yīng)用程序設(shè)計(jì)中最重要的設(shè)計(jì)原則之一。它用于對(duì)設(shè)計(jì)元素進(jìn)行優(yōu)先級(jí)排序,并根據(jù)其重要性設(shè)置重點(diǎn)。這里有一個(gè)簡(jiǎn)單的規(guī)則:如果一切都標(biāo)記為重要,那么一切都不重要。

層次結(jié)構(gòu)引導(dǎo)用戶跨界面從焦點(diǎn)對(duì)象到二流對(duì)象,并有助于按邏輯順序了解事物。如果忽略了這一設(shè)計(jì)原則,構(gòu)圖就會(huì)顯得雜亂無(wú)章,而且很難找到必要的信息。

設(shè)計(jì)中有兩種主要類型的層次結(jié)構(gòu):視覺和排版。可以通過場(chǎng)景內(nèi)對(duì)象的比例和顏色強(qiáng)調(diào)獲得視覺層次。排版層次結(jié)構(gòu)是通過不同的字體、大小和字體粗細(xì)來(lái)實(shí)現(xiàn)的。

3. 統(tǒng)一

你可能遇到過這樣的網(wǎng)站、印刷品,甚至是室內(nèi)設(shè)計(jì)概念:大量的元素很難融合在一起,所以整體形象看起來(lái)一團(tuán)糟。為了解決這種圖形的混雜,使用統(tǒng)一的原則,應(yīng)該創(chuàng)造視覺和心理的和諧。

統(tǒng)一意味著與品牌理念和信息的聯(lián)系,因此每個(gè)制作的設(shè)計(jì),無(wú)論是網(wǎng)站頁(yè)面、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)元素來(lái)創(chuàng)建畫面的設(shè)計(jì)原則。這意味著它們會(huì)吸引觀眾的眼球,但不會(huì)超過其他元素,否則平衡就會(huì)傾斜。這就像一個(gè)好的海報(bào)設(shè)計(jì):你立刻就能看到正在演奏的樂隊(duì),并且找到細(xì)節(jié):音樂會(huì)的日期和地點(diǎn)、門票價(jià)格等。

強(qiáng)調(diào)可以通過比例、重量、位置、顏色、形狀和樣式來(lái)實(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ì)組合中比例的主要思想是,越重要的元素越大,不重要的元素越小。就像著陸頁(yè)、文章或海報(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),它可以控制瀏覽者在頁(yè)面上的移動(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)格或一系列垂直線來(lái)獲得的。

交替— 允許在設(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ì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼ben_lanlan,報(bào)下信息,會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

文章來(lái)源:站酷 作者:對(duì)啊設(shè)計(jì)君
分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔