淺談"點(diǎn)線面"在設(shè)計(jì)中的運(yùn)用!
每個(gè)設(shè)計(jì)領(lǐng)域都包含了許多的專業(yè)知識(shí),但個(gè)人精力有限,很多時(shí)候都只專精自己的領(lǐng)域,在學(xué)習(xí)的過程中為了能夠減少被事物復(fù)雜的表象所擾,找到一些底層核心的邏輯思維,我嘗試使用美術(shù)中的一些非常簡(jiǎn)單的元素和理論知識(shí)來解析設(shè)計(jì)相關(guān)的表現(xiàn)!現(xiàn)在將其分享給大家,希望對(duì)大家有幫助!
起源
1,美術(shù)是一種情感表達(dá),這句話大家應(yīng)該很熟悉,顯示器呈現(xiàn)出來的畫面都可以理解為2D的美術(shù)表現(xiàn),也就是我們?cè)谕嬗螒虻倪^程中游戲回饋的畫面會(huì)給我們帶來一種情緒上的體驗(yàn)——游戲帶來的是體驗(yàn),體驗(yàn)的結(jié)果是情緒!
注:體驗(yàn)來源有很多,大部分情況下以視覺體驗(yàn)為主!
問題
如何通過美術(shù)塑造情緒體驗(yàn)?在使用美術(shù)塑造情感體驗(yàn)的過程中是否有規(guī)則可循?不同職業(yè)的美術(shù)知識(shí)領(lǐng)域龐雜,是否有廣泛且通用的極簡(jiǎn)化設(shè)計(jì)邏輯?
美術(shù)中的點(diǎn)線面
由于日常積累的美術(shù)知識(shí)越來越多,五花八門,漸漸開始習(xí)慣從最基本的元素“點(diǎn)、線、面”去理解美術(shù),在2D美術(shù)領(lǐng)域有非常多關(guān)于“點(diǎn)、線、面”的基礎(chǔ)理論知識(shí),大多都以2D為出發(fā)點(diǎn),其他領(lǐng)域很難理解或者運(yùn)用,因此我從塑造情緒體驗(yàn)為出發(fā)點(diǎn)結(jié)合2D示例對(duì)“點(diǎn),線,面”在設(shè)計(jì)中作用進(jìn)行歸納總結(jié)。
1,點(diǎn)
特性:聚焦與分散,軸點(diǎn)

2,線
線是密集的點(diǎn)
直線/折線
特性:引導(dǎo)性、分割,方向



引用:
https://cdna.artstation.com/p/assets/images/images/036/171/824/large/lorenzo-lanfranconi-painting-san-donato-2-e-copia.jpg?1616931754
曲線
特性:柔性,張力,平衡性。




3,面
面是封閉或加粗的線,或是匯聚或放大的點(diǎn)。
左圖的山體的輪廓線構(gòu)成了大塊的封閉的面。
右圖樹葉部分可以看作放大的點(diǎn)所形成的面,樹干部分就是加粗的線,地面也是一個(gè)面但是視覺效果被弱化了。

綜合運(yùn)用范例:





大多數(shù)情況下面更容易被觀測(cè)和感受到,仔細(xì)觀察就會(huì)從面中發(fā)現(xiàn)線,這是觀眾的角度,如果從設(shè)計(jì)的角度往往從線開始。
由于點(diǎn)線面之間存在共性,所以上述概述相對(duì)書本理論更為簡(jiǎn)化,方便理解和運(yùn)用!
點(diǎn)線面與情緒塑造的關(guān)系
1,直線
穩(wěn)定的,平穩(wěn),保守,威嚴(yán),缺乏生命力!
2,垂線
莊嚴(yán)堅(jiān)挺,有縱深感。
3,斜線
不穩(wěn)定的,最具運(yùn)動(dòng)和方向感,體現(xiàn)活力和躁動(dòng)
4,折線
緊張、焦慮、狂躁,平靜和諧的破壞者,強(qiáng)烈的指示性,方向性、運(yùn)動(dòng)及刺激感.
5,曲線
優(yōu)美,柔和,富有生命力
6,自由線
極富富有生命力,不受約束,表現(xiàn)力更加豐富自由。
情緒是生命的特征,生命富有力量,線條和力的結(jié)合會(huì)給人帶來更好的體驗(yàn)!
力,對(duì)比以及空間等設(shè)計(jì)元素是點(diǎn)線面結(jié)合后形成的次級(jí)表現(xiàn)。
2D示例
圖1畫面中的巖石充當(dāng)了垂直和橫向的線,畫面呈現(xiàn)會(huì)偏向莊嚴(yán)一些。
圖2的小路和樹枝整體呈現(xiàn)折線的效果較為明顯,且樹枝密集,整體畫面就會(huì)顯的略有不安和躁動(dòng)
圖3比較明顯的曲線和直線垂線的結(jié)合縱深感比較明顯,請(qǐng)注意其中還有點(diǎn)擴(kuò)散畫面空間的運(yùn)用。
圖4強(qiáng)調(diào)了垂線的作用,作者放出了制作迭代的過程,大家可以對(duì)作者一開始的想法和最終成品看看他在修改過程中畫面線條中的變化(https://www.artstation.com/artwork/8lQZVQ)

槍械,科幻機(jī)甲由于充滿了大量直線元素,缺乏曲線和生命力, 給人的感覺都會(huì)傾向殺戮機(jī)器,稍顯冰冷!


曲線的表現(xiàn)在人體上尤為明顯,為何如此?我想大概率因?yàn)榕c我們的審美是以自身為出發(fā)點(diǎn)!我們自身很容易被定在審美的至高點(diǎn)!
男性身體曲線較少,直線和折線較多顯得更加有力一些,女性以曲線為主所以更加柔和一些(這話好像大家可能都聽膩了,滑稽.......)


當(dāng)曲線成為主要元素時(shí)整體感受會(huì)偏溫和,柔一些,力的表現(xiàn)不會(huì)太強(qiáng)烈。
下圖為畫師muju的作品可以發(fā)現(xiàn)大量的曲線。
圖3圖4曲線元素較弱,整體呈現(xiàn)出來的力更為明顯。
注意圖1到圖4曲線和直線的變化帶來的不同感受? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (作者主頁(yè):https://www.deviantart.com/muju/gallery/all)




點(diǎn)狀,斜線、折線,割裂或破碎的元素占比越大越容易給人帶來負(fù)面情緒
觀察下圖中怪物的設(shè)計(jì)元素不同帶來的不同感受


動(dòng)畫示例
曲線動(dòng)畫 更生動(dòng),有活力
曲線幅度降低,力就越小,最終止于點(diǎn)

https://www.bilibili.com/video/BV15i4y1Q77g/?spm_id_from=333.788.recommend_more_video.14&vd_source=13e02a731c395fdbcd83bb410bc49dab
連續(xù)的曲線運(yùn)動(dòng)更優(yōu)美更富有生命力!
以武器為軸,整體運(yùn)動(dòng)軌跡以曲線為主,感覺會(huì)柔和一些!

曲線和直接結(jié)合再配合適當(dāng)?shù)臄帱c(diǎn)以及停頓就能將生命力,張力表現(xiàn)得更加明顯
圖一的動(dòng)作簡(jiǎn)化后可以看作曲線+點(diǎn)+直線,直線跟力的關(guān)系可以直觀的感受。
圖2在連續(xù)曲線運(yùn)動(dòng)后增加直線的運(yùn)動(dòng)軌跡,整套動(dòng)作更加凌厲!


突刺,簡(jiǎn)單粗暴的力,整個(gè)過程直線占據(jù)主要表現(xiàn)。

點(diǎn)與直線的結(jié)合呈現(xiàn)的表現(xiàn)方式。

可以看到下圖斧頭扭曲的運(yùn)動(dòng)軌跡,曲線的運(yùn)用讓只狼整的動(dòng)作有了一種有別于常規(guī)寫實(shí)動(dòng)作的表現(xiàn)!

游戲
游戲名:《跳躍之王》
以X軸為時(shí)間軸(1unit=10s),Y軸為關(guān)卡進(jìn)度,對(duì)下方鏈接視頻的前3分鐘進(jìn)行了數(shù)據(jù)采集,呈現(xiàn)出的曲線如下
3分鐘的游戲體驗(yàn)中線條出現(xiàn)了很多折線,大家根據(jù)前面的知識(shí)分析一些這3分鐘的游戲體驗(yàn)帶來的正向情緒多還是負(fù)面情緒比較多?

音樂案例分析
音樂中的旋律更為豐富,由于非專業(yè)認(rèn)識(shí)不深入討論,即便如此我們也能感受到山川,河流,溪水之音平和安靜,其旋律曲線波動(dòng)較小,趨于平穩(wěn)。富有沖擊力的音樂往往曲調(diào)波動(dòng)較大,跌宕起伏!其內(nèi)在的旋律曲線亦有規(guī)律!
總結(jié)
點(diǎn)線面解析復(fù)雜事物的關(guān)鍵在于找準(zhǔn)關(guān)鍵因素!
有些領(lǐng)域由于感官上呈現(xiàn)出非常多的細(xì)節(jié)會(huì)導(dǎo)致難以捕捉到被掩蓋的點(diǎn)線面的特征,
點(diǎn)線面在設(shè)計(jì)中的運(yùn)用其實(shí)非常復(fù)雜,文中僅選取了一些簡(jiǎn)單且特征性較強(qiáng)的案例進(jìn)行解析
用點(diǎn)線面解析設(shè)計(jì)有點(diǎn)類似計(jì)算機(jī)只識(shí)別0和1一樣,雖然存在匯編語(yǔ)言,cpp.c等編程語(yǔ)言但是最終計(jì)算機(jī)只識(shí)別0和1
互動(dòng):
嘗試使用點(diǎn)線面的知識(shí)制作一個(gè)讓你感覺舒適的設(shè)計(jì)
嘗試使用點(diǎn)線面的知識(shí)制作一個(gè)引起你負(fù)面情緒的設(shè)計(jì)
尋找一個(gè)讓你感覺舒適的體驗(yàn),找準(zhǔn)影響體驗(yàn)的核心元素,觀察元素變化所形成的曲線形態(tài)。
尋找一個(gè)讓你感覺難受的體驗(yàn),找準(zhǔn)影響體驗(yàn)的核心元素,觀察元素變化所形成的曲線形態(tài)。
結(jié)束語(yǔ)
文章內(nèi)容和水平比較有限,如有不足之處還請(qǐng)見諒!
在此感謝觀看!希望本文對(duì)你能有所幫助,有所啟發(fā)!