實用的設(shè)計原則

2022-1-11    ui設(shè)計分享達人

設(shè)計原則是設(shè)計師為規(guī)范和塑造他們的作品而制定的規(guī)則。這些原則強調(diào)焦點設(shè)計元素,遵循它們有助于幫助設(shè)計師與廣泛受眾產(chǎn)生共鳴。

盡管設(shè)計原則聽起來可能限制了自由,但它們的創(chuàng)建是為了支持設(shè)計師的工作,而不是設(shè)置障礙。您可以將它們視為建立一般順序但不干擾作者創(chuàng)造力的拼寫規(guī)則。因此,設(shè)計工作依賴于設(shè)計原則,一旦使用得當(dāng),就會開始吸引觀眾的注意力和興趣。理解這些原則意味著理解并控制整個項目、創(chuàng)建它的過程以及每個涉及的設(shè)計元素。

不同的團隊和工作室區(qū)分不同數(shù)量的設(shè)計原則。然而,七項原則被認為是基本原則。它們是平衡、層次、統(tǒng)一、對比、強調(diào)、比例和重復(fù)/節(jié)奏。

1. 平衡

平衡可能是最明顯和最容易理解的原則。這也是讓視覺內(nèi)容感覺舒適的一個重要功能。這個想法是設(shè)計的每個元素——比如字體、顏色、圖形、背景、形狀、圖案、按鈕、文本等——都有它們的視覺重量。較重的元素會迅速吸引觀眾的注意力,而較輕的元素則不會,主要用于完成整個場景的整體性與和諧性。

有兩種類型的平衡,對稱和不對稱。對稱平衡是通過沿中心軸對齊的等重元素實現(xiàn)的。不對稱平衡與鏡像相反。它使用不同權(quán)重的元素并且更常見。這樣的構(gòu)圖圍繞一個或幾個突出的部分排列,因此創(chuàng)作者尋求輕元素和重元素之間的平衡以獲得視覺圖像。

2. 層次結(jié)構(gòu)

層次結(jié)構(gòu)是網(wǎng)頁和應(yīng)用程序設(shè)計中最重要的設(shè)計原則之一。它用于對設(shè)計元素進行優(yōu)先級排序,并根據(jù)其重要性設(shè)置重點。這里有一個簡單的規(guī)則:如果一切都標(biāo)記為重要,那么一切都不重要。

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

設(shè)計中有兩種主要類型的層次結(jié)構(gòu):視覺和排版??梢酝ㄟ^場景內(nèi)對象的比例和顏色強調(diào)獲得視覺層次。排版層次結(jié)構(gòu)是通過不同的字體、大小和字體粗細來實現(xiàn)的。

3. 統(tǒng)一

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

統(tǒng)一意味著與品牌理念和信息的聯(lián)系,因此每個制作的設(shè)計,無論是網(wǎng)站頁面、T恤印刷品還是廣告,都應(yīng)該成為其中的一部分。它與設(shè)計系統(tǒng)密切相關(guān),是大多數(shù)平面設(shè)計公司和項目應(yīng)該考慮的原則。

4. 對比

雖然統(tǒng)一和平衡創(chuàng)造了易于交互的視覺上可接受的設(shè)計,但多樣性增加了吸引注意力的細節(jié)。如果沒有多樣性,即使是最平衡、最精心組織的概念也會缺乏對比,變得單調(diào)乏味。

這個設(shè)計原則為項目添加不同的視覺元素、圖案、符號或排版。事實上,這是設(shè)計師可以盡情發(fā)揮創(chuàng)造力并順應(yīng)潮流的地方。

5. 強調(diào)

強調(diào)是通過在構(gòu)圖中設(shè)置焦點元素來創(chuàng)建畫面的設(shè)計原則。這意味著它們會吸引觀眾的眼球,但不會超過其他元素,否則平衡就會傾斜。這就像一個好的海報設(shè)計:你立刻就能看到正在演奏的樂隊,并且找到細節(jié):音樂會的日期和地點、門票價格等。

強調(diào)可以通過比例、重量、位置、顏色、形狀和樣式來實現(xiàn)。創(chuàng)建一個大膽的、色彩鮮艷的元素是不夠的,因為一切都應(yīng)該在一個設(shè)計中連貫地顯示。

6. 比例

比例是指元素相互之間的大小,是最全面的設(shè)計原則。調(diào)整比例并根據(jù)物體的大小和視覺重量對物體進行分組有助于突出重點并保持構(gòu)圖的統(tǒng)一。

設(shè)計組合中比例的主要思想是,越重要的元素越大,不重要的元素越小。就像著陸頁、文章或海報一樣,對象之間的比例關(guān)系與其對讀者的重要性相關(guān)。

7. 重復(fù)/節(jié)奏

這兩個設(shè)計原則相輔相成,相互補充。重復(fù)是指在設(shè)計中實現(xiàn)相同或相似的元素:如圖像、按鈕、顏色、字體或形狀。它用于創(chuàng)建統(tǒng)一性和一致性。通過使用相同的圖標(biāo)、背景或風(fēng)格化元素,可以輕松實現(xiàn)重復(fù)。如果使用得當(dāng),它可以控制瀏覽者在頁面上的移動,因為重復(fù)元素可以成為吸引和引導(dǎo)注意力的絕佳方式。

元素重復(fù)的方式創(chuàng)造了一種節(jié)奏感。當(dāng)設(shè)計中有節(jié)奏感時,觀者將其視為旋律。有五種類型的視覺節(jié)奏:隨機、規(guī)則、交替、流動和漸進。

隨機— 沒有特定規(guī)則間隔的重復(fù)元素。

定期— 重復(fù)進行相同的間隔。它通常是通過創(chuàng)建一個網(wǎng)格或一系列垂直線來獲得的。

交替— 允許在設(shè)計中重復(fù)多個元素。

流動— 模仿自然流動并顯示遵循各種彎曲和曲線的重復(fù)元素。

漸進式— 通過在重復(fù)時改變元素的一個特征而獲得。

最后

定義要使用的設(shè)計原則并不總是有意義的,因為它們可能會在創(chuàng)作過程中參與和拒絕,而設(shè)計師的主要目標(biāo)仍然是傳達重要信息,創(chuàng)造和諧構(gòu)圖,設(shè)計可用的界面。

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

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

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

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)


分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔