UI設(shè)計(jì)美術(shù)基礎(chǔ)功构拳!聊聊點(diǎn)線面

點(diǎn)線面平面設(shè)計(jì)中的基礎(chǔ),基礎(chǔ)知識(shí)對(duì)設(shè)計(jì)師后期的成長是起到至關(guān)重要的梁棠。再好的表現(xiàn)技法置森、形式,如果有沒有了設(shè)計(jì)的基礎(chǔ)和準(zhǔn)則符糊,都是有問題的凫海。設(shè)計(jì)中實(shí)用形象作為激發(fā)人們思想感情、傳遞信息的一種視覺語言男娄。它是一切視覺藝術(shù)不可缺少的組成部分行贪。平面構(gòu)成是以知覺為基礎(chǔ)的。人們?cè)陂L期的實(shí)踐和認(rèn)識(shí)過程中發(fā)現(xiàn)沪伙,構(gòu)成視覺形象的造型元素是點(diǎn)瓮顽、線、面围橡。

下面我們就一起來了解下吧暖混!

一、點(diǎn)線面的基本作用

點(diǎn)——點(diǎn)是點(diǎn)綴翁授、豐富畫面氣氛的元素(下圖左1)

線——線是連接頁面拣播、引導(dǎo)視覺、豐富畫面(下圖中)

面——面是信息的載體收擦、分割畫面(下圖右1)

二贮配、點(diǎn)有哪些特征?

體積小塞赂、分散的泪勒、遠(yuǎn)的、大空間對(duì)比下小的宴猾、密集的圆存。

看看生活中的點(diǎn):

(圍棋、星空)

(雨滴仇哆、鈴鐺)

三沦辙、點(diǎn)的變化-1

點(diǎn)的形態(tài)特征不同,給人的視覺感受也不同讹剔。

點(diǎn)太大太小都會(huì)引起視覺感受不同油讯。點(diǎn)越大就成了面详民,面越小就成了點(diǎn)。

點(diǎn)的變化-2

點(diǎn)在畫面中的位置和方向很重要陌兑,它影響的畫面的視覺感受和走向沈跨。在對(duì)比下相對(duì)小的就變成了點(diǎn)。

點(diǎn)在畫面中存在兔综,它的數(shù)量多少都會(huì)影響視覺感受的強(qiáng)弱谒出。整齊的點(diǎn)越密集就變成了線。

點(diǎn)發(fā)生一定的變化可以是線也可以是面邻奠。

四、點(diǎn)的設(shè)計(jì)應(yīng)用

圖中的橘子面包的實(shí)與虛为居、物體的明與暗對(duì)應(yīng)了點(diǎn)的濃與淡碌宴。點(diǎn)不單單是一個(gè)原點(diǎn),有時(shí)候?qū)嵨镆部梢允屈c(diǎn)蒙畴。

即使同為文字在大小的對(duì)比下贰镣,越小的就是點(diǎn)。利用點(diǎn)的靈動(dòng)特征讓單一的畫面靈活起來膳凝。這就是點(diǎn)的對(duì)比碑隆。

即使沒有綠點(diǎn)的情況下頁面也依然高大上,當(dāng)時(shí)加上小小的綠色亮點(diǎn)之后蹬音,讓畫面提升了視覺感受上煤,讓頁面更透、層次更豐富著淆。

活躍氣氛的飄絮去掉之后劫狠,畫面的氛圍感失去了。即使還有一些線條帶動(dòng)畫面永部,但是氛圍感弱化了独泞。

說一說

有對(duì)比就有點(diǎn)

點(diǎn)不是單獨(dú)存在的

點(diǎn)用來豐富畫面和層次

點(diǎn)可以讓你的頁面輕飄起來,也可以讓你的頁面有速度感

除了這些點(diǎn)的作用還有很多苔埋,多觀察會(huì)看到更多懦砂。

五、線有哪些特征组橄?

細(xì)荞膘、長、彎曲晨炕、斜

生活中的線:

平面設(shè)計(jì)中的線:

六衫画、線的變化

△ 點(diǎn)線面之間的過渡關(guān)系

線是具有位置,長但不寬不厚瓮栗。它是點(diǎn)的移動(dòng)軌跡削罩,是面邊緣面與面的交界從造型的含義上面講瞄勾,線只能以一定的寬度表現(xiàn)。點(diǎn)線面三者可以用過自身的變化切換為對(duì)方弥激。

當(dāng)線在畫面上加粗一定程度进陡,那么我們就會(huì)把它看成面。點(diǎn)線面不是絕對(duì)存在的微服,是相對(duì)存在趾疚。

七、無形的線和有形的線

我們先來看看排版中的線以蕴,很明顯3個(gè)案例中都沒有幾何線糙麦。所以我對(duì)它們的定義是無形的線。

看黑色條丛肮,我們不難發(fā)現(xiàn)赡磅。文字的長度、高度宝与、也對(duì)應(yīng)了幾何線的變化焚廊。為什么我們經(jīng)常排版起來難看,因?yàn)闆]有粗細(xì)习劫、長短的對(duì)比咆瘟。線可以是單獨(dú)的一條線,也可以是某個(gè)元素诽里。點(diǎn)可以是文字袒餐,線也可以是。

看到其中的線了嗎谤狡?如果沒有看到匿乃,看下圖。

通過白線不難發(fā)現(xiàn)豌汇,畫面中的線——視線幢炸。人物的視線引導(dǎo)我們把視覺轉(zhuǎn)向文字

△ 畫面中有形的線

從案例中,清晰的線條讓畫面有速度感拒贱、層次感宛徊、豐富板式。

八逻澳、線的常見應(yīng)用

信息分類(左1)闸天;引導(dǎo)視覺(中間);強(qiáng)調(diào)重要性(右1)斜做;


線是對(duì)設(shè)計(jì)的補(bǔ)充苞氮、裝飾豐富畫面,可柔美瓤逼、可速度笼吟、可靜止库物,千萬不要為了加線而加線,這樣無疑是畫蛇添足贷帮。

還有很多線的應(yīng)用就不一一舉例了戚揭,只要仔細(xì)觀察就明白了

九、面有哪些特征撵枢?

不規(guī)則民晒、幾何形、偶然性

生活中的面:

面的變化

面在幾何學(xué)中是線的移動(dòng)軌跡锄禽,點(diǎn)線面是相對(duì)存在的潜必。

面的種類-1

△ 直線形的面

具有直線表現(xiàn)的視覺感受特征,列如:正方形安定沃但、有序簡潔刮便。

△ 曲線的面

給人隨意、舒適绽慈、柔美的感受,正圓過于完美則顯得呆板辈毯,而扁圓呈現(xiàn)出一種變化的曲線坝疼,美感更好。另外殘缺也不失一種美

面的種類-2

△ 自由曲線的面

個(gè)性鮮明谆沃、隨意钝凶,帶給人優(yōu)雅、柔美和溫暖的感受唁影。

△ 偶然的面

用特殊的方式構(gòu)成的意外的形態(tài)耕陷,非常獨(dú)特的視覺效果。例如墨跡据沈、水花哟沫、潑灑的咖啡等

十、無形的面和有形的面

找到面了嗎锌介?沒有嗜诀、看下面。

從案例上面畫的黑色塊中我們不難發(fā)現(xiàn)孔祸,人隆敢、物體將我們的畫面一分為二。面積超過頁面的50%崔慧,這些物體拂蝎、人、或者某個(gè)元素在畫面中的面積比例超過了50%惶室,則為面温自。并且不像幾何面那么的清晰玄货,所以我把它稱之為無形的面。

十一捣作、設(shè)計(jì)中有形的面

從案例上面畫的黑色塊中我們不難發(fā)現(xiàn)誉结,幾何的面把我們的畫面分割,得到層次感券躁。另外面也可以作為信息的載體惩坑,讓文字在畫面中更清晰的表現(xiàn)。

十二也拜、一起看看優(yōu)秀設(shè)計(jì)中的點(diǎn)線面

用彩色鉛筆排成的線以舒,太美。如果彩虹一般慢哈。所以當(dāng)某個(gè)元素變成線蔓钟,也是一個(gè)不錯(cuò)的創(chuàng)意。

用線引導(dǎo)視覺卵贱,點(diǎn)也有若隱若現(xiàn)的變化滥沫。層次關(guān)系明顯。

斜切面分割畫面键俱,打破傳統(tǒng)的面兰绣,使畫面動(dòng)感足并且符合頁面主題。

十三编振、回顧點(diǎn)線面

點(diǎn)——畫面的氣氛點(diǎn)綴缀辩、豐富層次,有對(duì)比大小就有點(diǎn)

線——引導(dǎo)視覺走向踪央、鏈接信息

面——畫面層次分割臀玄、信息的載體

點(diǎn)線面是互通的,是相對(duì)存在的畅蹂。也不失單獨(dú)存在的健无。

最后需要自我提升

多觀察、多思考液斜、多做

觀察——觀察優(yōu)秀作品中的點(diǎn)睬涧、線、面旗唁、色畦浓、光、質(zhì)检疫、排版等要素

思考——理解為什么要這么做讶请,這么做的好處

多做——做好和做了是2個(gè)選擇,取決于自己

不知道大家看了本次美術(shù)基本功--點(diǎn)線面,有沒有了解多一些呢夺溢?需要更系統(tǒng)學(xué)習(xí)UI的話可以加Q1289916063论巍,從零基礎(chǔ)手繪開始。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末风响,一起剝皮案震驚了整個(gè)濱河市嘉汰,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌状勤,老刑警劉巖鞋怀,帶你破解...
    沈念sama閱讀 218,122評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異持搜,居然都是意外死亡密似,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門葫盼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來残腌,“玉大人,你說我怎么就攤上這事贫导∨酌ǎ” “怎么了?”我有些...
    開封第一講書人閱讀 164,491評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵孩灯,是天一觀的道長闺金。 經(jīng)常有香客問我,道長钱反,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,636評(píng)論 1 293
  • 正文 為了忘掉前任匣距,我火速辦了婚禮面哥,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘毅待。我一直安慰自己尚卫,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評(píng)論 6 392
  • 文/花漫 我一把揭開白布尸红。 她就那樣靜靜地躺著吱涉,像睡著了一般。 火紅的嫁衣襯著肌膚如雪外里。 梳的紋絲不亂的頭發(fā)上怎爵,一...
    開封第一講書人閱讀 51,541評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音盅蝗,去河邊找鬼鳖链。 笑死,一個(gè)胖子當(dāng)著我的面吹牛墩莫,可吹牛的內(nèi)容都是我干的芙委。 我是一名探鬼主播逞敷,決...
    沈念sama閱讀 40,292評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼灌侣!你這毒婦竟也來了推捐?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,211評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤侧啼,失蹤者是張志新(化名)和其女友劉穎牛柒,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體慨菱,經(jīng)...
    沈念sama閱讀 45,655評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡焰络,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了符喝。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片闪彼。...
    茶點(diǎn)故事閱讀 39,965評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖协饲,靈堂內(nèi)的尸體忽然破棺而出畏腕,到底是詐尸還是另有隱情,我是刑警寧澤茉稠,帶...
    沈念sama閱讀 35,684評(píng)論 5 347
  • 正文 年R本政府宣布描馅,位于F島的核電站,受9級(jí)特大地震影響而线,放射性物質(zhì)發(fā)生泄漏铭污。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 329
  • 文/蒙蒙 一膀篮、第九天 我趴在偏房一處隱蔽的房頂上張望笆环。 院中可真熱鬧绩卤,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽菠红。三九已至尚骄,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間毙死,已是汗流浹背燎潮。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留扼倘,地道東北人跟啤。 一個(gè)月前我還...
    沈念sama閱讀 48,126評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親隅肥。 傳聞我的和親對(duì)象是個(gè)殘疾皇子竿奏,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容