如何用最簡(jiǎn)單的點(diǎn)線面,解決沒(méi)靈感?

2018-9-3    ui設(shè)計(jì)分享達(dá)人


如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


點(diǎn)、線、面和構(gòu)成手法,就像是大廈的基石一樣,看起來(lái)毫不起眼,但力量卻無(wú)比強(qiáng)大。


當(dāng)所有人都追求復(fù)雜深沉的時(shí)候,簡(jiǎn)單純粹反而是最有力量的。


今天骉叔的設(shè)計(jì)心得來(lái)梳理一下最常用的、最簡(jiǎn)單的獲取靈感的來(lái)源,從哪里獲取?從每位設(shè)計(jì)師都知道的,最簡(jiǎn)單最純粹的點(diǎn)、線、面和構(gòu)成手法中獲取。










被嚴(yán)重低估了的點(diǎn)線面


可怕的不是你不懂,可怕的是,你以為你都懂。


很多時(shí)候就是因?yàn)槟阌X(jué)得你懂了,所以導(dǎo)致你停止了繼續(xù)探索的腳步!


就是因?yàn)槊恳晃辉O(shè)計(jì)師都了解過(guò),所以平面構(gòu)成在我們的印象中,變得索然無(wú)味,平淡到不能再平淡,無(wú)聊到不能再無(wú)聊。


可惜真正能領(lǐng)會(huì)其精髓的并不多。能夠領(lǐng)會(huì)其意,又能運(yùn)用好的更是難得。


平面構(gòu)成可能是最被設(shè)計(jì)師所低估的,它的表現(xiàn)力遠(yuǎn)遠(yuǎn)比你想象中更有力。


關(guān)于平面構(gòu)成這一門課程,課本上是怎么寫(xiě)的?


(平面構(gòu)成是視覺(jué)元素在二次元的平面上,按照美的視覺(jué)效果,力學(xué)的原理,進(jìn)行編排和組合,它是以理性和邏輯推理來(lái)創(chuàng)造形象、研究形象與形象之間的排列的方法。是理性與感性相結(jié)合的產(chǎn)物,嘰里呱啦嘰里呱啦……)


生澀難懂、索然無(wú)味對(duì)不對(duì)?


因?yàn)檎n本只告訴我們平面構(gòu)成是什么(可能連這一點(diǎn)都沒(méi)講清楚)。


而沒(méi)有告訴我們平面構(gòu)成能做什么。


所以,請(qǐng)你把你原本的認(rèn)知丟到一邊,今天和骉叔一起,我們來(lái)重新認(rèn)識(shí)一下點(diǎn)、線、面和平面構(gòu)成。







提示:下面出現(xiàn)的每句話,希望你能慢慢慢慢慢慢下來(lái)思考一下……







一:點(diǎn)


點(diǎn)的視覺(jué)特征:一個(gè)點(diǎn)表明位置,形成視覺(jué)焦點(diǎn),吸引人的注意。


攝影中可以這樣用↓


設(shè)計(jì)中還可以這樣用↓






兩個(gè)點(diǎn)構(gòu)成視覺(jué)心理連線,兩者產(chǎn)生關(guān)系


攝影中可以這樣用↓


設(shè)計(jì)中還可以這樣用↓








多個(gè)點(diǎn)讓注意力分散,畫(huà)面出現(xiàn)動(dòng)感


攝影中可以這樣用↓


設(shè)計(jì)時(shí)還可以這樣用↓








多個(gè)點(diǎn)組合,可以表現(xiàn)豐富的形象內(nèi)涵,簡(jiǎn)潔而深度地傳達(dá)視覺(jué)形象信息

*點(diǎn)的大小形狀不固定,墨水對(duì)于紙是點(diǎn),紙對(duì)于桌子是點(diǎn),桌子對(duì)于地面就是點(diǎn)。是對(duì)比出來(lái)的。










二:線


直線:明快、簡(jiǎn)潔、力量、流暢、有速度感和緊張感,男性化;


攝影中可以這樣用↓


設(shè)計(jì)中還可以這樣用↓





曲線:豐滿、輕快、優(yōu)雅、流動(dòng)、柔和、節(jié)奏感強(qiáng),女性化


攝影中可以這樣用↓


設(shè)計(jì)中還可以這樣用↓



粗線:厚重、醒目、粗狂、有力↓



細(xì)線:纖細(xì)、銳利↓



水平線:平靜、安定、廣闊,有左右方向運(yùn)動(dòng)感↓


攝影中可以這樣用↓


設(shè)計(jì)中還可以這樣用↓



垂直線:莊重、嚴(yán)肅、豎立,有上下方向運(yùn)動(dòng)感↓


攝影中可以這樣用↓


設(shè)計(jì)中還可以這樣用↓



斜線:傾斜、不安定、緊張感、動(dòng)感。


攝影中還可以這樣用↓


設(shè)計(jì)中還可以這樣用↓










三:面


面的形態(tài)不受任何限制,所以我們不把面當(dāng)做簡(jiǎn)單的圖形

但是面分圖于底,也稱作正負(fù)形。

被關(guān)注的就是圖或正形,不被關(guān)注的就是底或者說(shuō)是負(fù)形。

正形和負(fù)形相結(jié)合讓你的設(shè)計(jì)非常耐人尋味。









構(gòu)成1:重復(fù)構(gòu)成


重復(fù)是最能表現(xiàn)出秩序美和整齊美,給人井然有序的印象

1)單個(gè)基本形的重復(fù)

2)單元基本形的重復(fù)










構(gòu)成2:特異構(gòu)成


特異是表現(xiàn)相同中的不同和突變,變異之處最能引起人們的注意

特異有時(shí)能發(fā)覺(jué)出一種趣味、哲理、意味、魅力

特異構(gòu)成的形式:

1)大小特異

2)形狀特異

3)形象特異

4)色彩特異

5)骨格特異

6)方向特異


色彩特異↓


形象特異↓


色彩特異↓










構(gòu)成3:漸變構(gòu)成

 

漸變表現(xiàn)的時(shí)一種循序漸進(jìn)、有規(guī)律的、有秩序的變化過(guò)程。

讓人感到空間、時(shí)間、距離的意義,節(jié)奏感強(qiáng)、現(xiàn)代感強(qiáng)

漸變的類型:

1)形狀漸變

2)方向漸變

3)位置漸變

4)大小漸變

5)骨格漸變

6)形象漸變


漸變構(gòu)成的運(yùn)用↓










構(gòu)成4:發(fā)射構(gòu)成


發(fā)射具有很強(qiáng)的空間聚焦感、速度感、輻射感和方向感

發(fā)射的方向性、規(guī)律性很強(qiáng)

發(fā)射構(gòu)成的形式:

1)離心式

2)向心式

3)同心式

5)螺旋式


發(fā)射構(gòu)成的運(yùn)用↓









構(gòu)成5:空間構(gòu)成


圖形重疊體現(xiàn)空間感↓


用陰影體現(xiàn)空間感↓


用透視體現(xiàn)空間感↓


矛盾空間的構(gòu)成↓










構(gòu)成6:對(duì)比構(gòu)成


對(duì)比顯示了事物的矛盾沖突,體現(xiàn)了一種張力,

引起觀眾的情緒反應(yīng),并帶來(lái)強(qiáng)烈的視覺(jué)感受。增加視覺(jué)沖擊力和感染力。

對(duì)比構(gòu)成的形式:

1)大小對(duì)比

2)明暗對(duì)比

3)形態(tài)對(duì)比

4)方向?qū)Ρ?

5)肌理對(duì)比


對(duì)比構(gòu)成的運(yùn)用↓


方向?qū)Ρ鹊倪\(yùn)用↓


大小對(duì)比的運(yùn)用↓










構(gòu)成7:肌理構(gòu)成


肌理是一種情感化的符號(hào),不同肌理傳遞不同的信息,有的柔軟,有的粗糙;有的光滑、有的細(xì)膩;有的平滑、有的褶皺;例如觀察人的皮膚就能反應(yīng)出人的年齡、性別、生活狀態(tài)等信息;木紋與純白的桌面,我更喜歡木紋。











當(dāng)你把點(diǎn)線面以及構(gòu)成的手法掌握,就會(huì)發(fā)現(xiàn)他們的奇妙之處,像是七巧板一樣,雖然你手中的素材有限,但可以組合出成千上萬(wàn)種創(chuàng)意。


靈感全然不是漂亮地?fù)]著手,而是如犍牛能竭盡全力工作時(shí)的心理狀態(tài)。 

——柴可夫斯基


有點(diǎn)拗口對(duì)不對(duì),骉叔轉(zhuǎn)述一下:


靈感不是拍大腿拍出來(lái)的,而是來(lái)自你全心全意投入時(shí)的狀態(tài)。

——柴可夫骉叔





藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(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è)人資料

存檔