設(shè)計(jì)師必須掌握的視覺(jué)設(shè)計(jì)原理
發(fā)布時(shí)間:2021-12-24 10:47 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 2615

視覺(jué)設(shè)計(jì)的基本原理很多時(shí)候具有很高的復(fù)用性,即使工作多年,這些原理的東西依然用的上,不會(huì)過(guò)時(shí)。我平時(shí)在幫大家看作品時(shí),會(huì)發(fā)現(xiàn)非常多的基礎(chǔ)性問(wèn)題,其實(shí)這些都是可以避免的。

基礎(chǔ)理論要深入骨髓,融入到自己的日常設(shè)計(jì)中去。下面一起來(lái)看文章吧。

1. 重力

重力的概念經(jīng)常運(yùn)用在物體和圖形上,也包括視覺(jué)設(shè)計(jì)。這也許聽(tīng)上去很奇怪,不過(guò)這里說(shuō)的可不是現(xiàn)實(shí)生活中的物理重力,它也不能把一個(gè)二維物體往下拉動(dòng)。但是在我們的潛意識(shí)中重力的概念已經(jīng)非常根深蒂固了,所以我們也把它轉(zhuǎn)化到了二維物體上。以下圖為例,這個(gè)圓球讓人感覺(jué)隨時(shí)都有可能從上方降落,讓人有點(diǎn)惴惴不安。

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理

現(xiàn)在看看下圖這個(gè)相反的圖像

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理

這個(gè)結(jié)構(gòu)的圓球應(yīng)該不會(huì)讓人覺(jué)得它會(huì)往下落了,而是更像是穩(wěn)穩(wěn)停在頁(yè)面的底部。讓人看起來(lái)很安心。

經(jīng)驗(yàn)總結(jié):當(dāng)你面對(duì)視覺(jué)上有重物感的設(shè)計(jì)時(shí),把它設(shè)計(jì)在頂部會(huì)使人感到壓抑和不安(當(dāng)然,除非你是故意而為之)


2. 閱讀順序


在大多數(shù)情況下,人們的閱讀順序是從左到右,從上到下的。正因?yàn)檫@樣,左邊的物體一般被認(rèn)為是將要進(jìn)入到畫面中,右邊的物體則被認(rèn)為是離開。

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理

上圖的左側(cè)有一個(gè)圓。因?yàn)槭芪覀冮喿x順序的影響,這個(gè)圓看上去像要進(jìn)入這個(gè)畫面。下圖的圓則感覺(jué)像是要出去。

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理

你也可以用同樣的方式去傳遞一些特定的情感。比如說(shuō)怎么讓一個(gè)物體看起來(lái)有偷偷張望的感覺(jué)?你可以把畫面設(shè)計(jì)成下圖的樣子:

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理

反之,想傳遞一個(gè)物體(或角色)落荒而逃的感覺(jué)?(彩云注:這個(gè)概念可以用在一些情感化設(shè)計(jì)的頁(yè)面,比如空頁(yè)面,帶品牌形象的卡片設(shè)計(jì)之類的。)

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理


3. 閱讀優(yōu)先級(jí)


由于受閱讀順序的影響,我們自然而然地會(huì)先注意左上角的物體,然后視線會(huì)移動(dòng)到右下角以及接下來(lái)其他的東西。就算所有的東西在形狀、顏色或大小上一致,根據(jù)物體擺放位置的不同,它們的重要性也會(huì)不一樣(也許你想讓用戶先看到標(biāo)題,然后才是內(nèi)容)。

讓我們看看下圖的例子:

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理

如果你從小長(zhǎng)大的環(huán)境用的是從左到右,從上到下的閱讀順序,那么你很有可能是先看到左上角的圓,然后才是右下角的。

將重要的內(nèi)容按閱讀習(xí)慣進(jìn)行編排,轉(zhuǎn)化效果更好


4. 視覺(jué)緊張感


我曾經(jīng)把這種感覺(jué)描述為對(duì)身體緊張狀態(tài)的一種詮釋和擴(kuò)大化。這就像你看到滿滿的一杯液體被放在桌子的邊緣。

視覺(jué)上的緊張感經(jīng)常是不經(jīng)意的,設(shè)計(jì)師們也不是故意把不同的形狀湊在一起去營(yíng)造一種緊張氣氛。這往往是草率所致。讓我們來(lái)看看下圖:

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理

是不是覺(jué)得不舒服?這里標(biāo)記出了所有的緊張點(diǎn)。

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理

刻意地運(yùn)用這種視覺(jué)緊張感可以吸引別人的眼球,并且制造一種焦慮氣氛。也許你設(shè)計(jì)的是一張游行示威海報(bào),又或者你想引起人們對(duì)一些事物的注意。在那樣的情形下,確保那些緊張感是有意而為之的,而不是看下來(lái)像個(gè)失誤。

同樣的構(gòu)圖下,這個(gè)設(shè)計(jì)有意地讓緊張感集中在了一個(gè)特別的位置。

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理


5. 動(dòng)態(tài) vs. 靜態(tài)


靜態(tài)構(gòu)圖時(shí)常讓人感到無(wú)聊。一個(gè)簡(jiǎn)單的優(yōu)化方法是傾斜它的水平線,讓構(gòu)圖看起來(lái)更生動(dòng)。下圖是一個(gè)有些毫無(wú)生氣的靜態(tài)圖:

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理

現(xiàn)在把它的水平線傾斜后,整個(gè)都市風(fēng)光看起來(lái)更具動(dòng)感了。

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理

如果想讓構(gòu)圖更有活力,可以利用物體的邊緣特點(diǎn)讓圖形往畫面外延伸。參考如下的成角透視構(gòu)圖:

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理

6. 利用好負(fù)空間

你可以用具有方向性的形狀把負(fù)空間激活到一個(gè)特定點(diǎn)。方向力過(guò)小的話,和負(fù)空間之間起到的效果不會(huì)太大。下圖是一個(gè)把你的注意力往上吸引到右邊的圖形例子。

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理

但問(wèn)題在于,當(dāng)你的視線到達(dá)頁(yè)面最右上角時(shí),你的注意力也差不多到頭了。右上角的空間沒(méi)有足夠讓你的眼球定格在那的吸引力。那塊空間仍然是靜態(tài)的。不過(guò)如果你嘗試裁剪圖片大小或按比例重新排版的話:

基礎(chǔ)理論學(xué)起來(lái)!設(shè)計(jì)師必須掌握的6大視覺(jué)設(shè)計(jì)原理

圖像周圍的空間一瞬間變得有意義且復(fù)活了。敲重點(diǎn)!如果你想讓人們的視線在畫面上游動(dòng),那么留心一下靜態(tài)負(fù)空間方面的內(nèi)容。一個(gè)簡(jiǎn)單的辦法是只需用你的手指指著這個(gè)物體,把它換到你的視線會(huì)自然移動(dòng)到的活動(dòng)范圍之內(nèi)?梢試L試著調(diào)整你的排版 ( 也許是圖形或邊緣線 ) 讓負(fù)空間活躍起來(lái)。


PhotoshopCC2020視頻教程
我要自學(xué)網(wǎng)商城 ¥120 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC