設計基礎功!聊聊平面構成中的點線面(超多案例) - 特级毛片www,色综合天天综合网,国产成人综合亚洲 - UISDC

設計基礎功!聊聊平面構成中的點線面(超多案例)

2016/07/18 104442評論區

dot-line-plane-in-design-1

不沉的骨頭︰點線面是平面設計中的基。   抖隕杓剖 篤詰某沙ス瞧鸕街涼}匾 。再好的表現技法、形式,如果有沒有了設計的基礎和準則,都是有問題的。今天我們來一起聊聊平面構成的基礎知識&日常設計的運用。

部分案列來源網絡,多有得罪請恕罪 O(∩_∩)O哈哈~

內容大綱

1-點/線/面的特征&設計中的應用

2-常見的幾種平面構成在日常設計中的應用

3-自我提升

一、點線面的基本作用

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

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

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

bc201607181

點有哪些特征?

體積小、分散的、遠的、大空間對比下小的、密集的。

看看生活中的點︰

bc201607182

(圍棋、星空)

bc201607183

(雨滴、鈴鐺)

點的變化-1

bc201607184

點的形態特征不同,給人的視覺感受也不同。

bc201607185

點太大太小都會引起視覺感受不同。點越大就成了面,面越小就成了點。

點的變化-2

bc201607186

點在畫面中的位置和方向很重要,它影響的畫面的視覺感受和走向。在對比下相對小的就變成了點。

bc2016071835

點在畫面中存在,它的數量多少都會影響視覺感受的強弱。整齊的點越密集就變成了線。

點發生一定的變化可以是線也可以是面。

點的設計應用

bc201607187

圖中的橘子面包的實與虛、物體的明與暗對應了點的濃與淡。點不單單是一個原點,有時候實物也可以是點。

bc201607188

即使同為文字在大小的對比下,越小的就是點。利用點的靈動特征讓單一的畫面靈活起來。這就是點的對比。

bc201607189

即使沒有綠點的情況下頁面也依然高大上,當時加上小小的綠色亮點之後,讓畫面提升了視覺感受,讓頁面更透、層次更豐富。

bc2016071810

活躍氣氛的飄絮去掉之後,畫面的氛圍感失去了。即使還有一些線條帶動畫面,但是氛圍感弱化了。

說一說

  1. 有對比就有點
  2. 點不是單獨存在的
  3. 點用來豐富畫面和層次
  4. 點可以讓你的頁面輕飄起來,也可以讓你的頁面有速度感

除了這些點的作用還有很多,多觀察會看到更多。

線有哪些特征?

細、長、彎曲、斜

生活中的線︰

bc2016071812

平面設計中的線︰

bc2016071813

線的變化

bc2016071814

△ 點線面之間的過渡關系

線是具有位置,長但不寬不厚。它是點的移動軌跡,是面邊緣面與面的交界從造型的含義上面講,線只能以一定的寬度表現。點線面三者可以用過自身的變化切換為對方。

當線在畫面上加粗一定程度,那麼我們就會把它看成面。點線面不是絕對存在的,是相對存在。

無形的線和有形的線

bc2016071815

我們先來看看排版中的線,很明顯3個案例中都沒有幾何線。所以我對它們的定義是無形的線。

bc2016071816

看黑色條,我們不難發現。文字的長度、高度、也對應了幾何線的變化。為什麼我們經常排版起來難看,因為沒有粗細、長短的對比。線可以是單獨的一條線,也可以是某個元素。點可以是文字,線也可以是。

bc2016071817

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

bc2016071818

通過白線不難發現,畫面中的線——視線。人物的視線引導我們把視覺轉向文字

bc2016071819

△ 畫面中有形的線

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

線的常見應用

信息分類(左1);引導視覺(中間);強調重要性(右1);

bc2016071820

bc2016071821

線是對設計的補充、裝飾豐富畫面,可柔美、可速度、可靜止,千萬不要為了加線而加線,這樣無疑是畫蛇添足。

還有很多線的應用就不一一舉例了,只要仔細觀察就明白了

面有哪些特征?

不規則、幾何形、偶然性

生活中的面︰

bc2016071822

面的變化

bc2016071823

面在幾何學中是線的移動軌跡,點線面是相對存在的。

面的種類-1

bc2016071824

△ 直線形的面

具有直線表現的視覺感受特征,列如︰正方形安定、有序簡潔。

bc2016071825

△ 曲線的面

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

面的種類-2

bc2016071826

△ 自由曲線的面

個性鮮明、隨意,帶給人優雅、柔美和溫暖的感受。

bc2016071827

△ 偶然的面

用特殊的方式構成的意外的形態,非常獨特的視覺效果。例如墨跡、水花、潑灑的咖啡等

無形的面和有形的面

bc2016071828

找到面了嗎?沒有、看下面。

bc2016071829

從案例上面畫的黑色塊中我們不難發現,人、物體將我們的畫面一分為二。面積超過頁面的50%,這些物體、人、或者某個元素在畫面中的面積比例超過了50%,則為面。並且不像幾何面那麼的清晰,所以我把它稱之為無形的面。

設計中有形的面

bc2016071830

從案例上面畫的黑色塊中我們不難發現,幾何的面把我們的畫面分割,得到層次感。另外面也可以作為信息的載體,讓文字在畫面中更清晰的表現。

一起看看優秀設計中的點線面

bc2016071832

用彩色鉛筆排成的線,太美。如果彩虹一般。所以當某個元素變成線,也是一個不錯的創意。

bc2016071833

用線引導視覺,點也有若隱若現的變化。層次關系明顯。

bc2016071834

斜切面分割畫面,打破傳統的面,使畫面動感足並且符合頁面主題。

回顧點線面

點——畫面的氣氛點綴、豐富層次,有對比大小就有點

線——引導視覺走向、鏈接信息

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

點線面是互通的,是相對存在的。也不失單獨存在的。

二、幾種構成在設計中的應用

01-發射構成

02-近視構成

03-空間構成

發射構成

hbb20160718 (2)

1-發射——指同由放射中心出發,作向四周輻射構成的圖形

2-主要有向心式、同心式、離心式

3-發射構成的特點是給人的視覺沖擊力大。

hbb20160718 (1)

海報使用虛線圓,像四周擴散

發射構成的版面形式

bc2016071838 bc2016071839

案列中心以圓形向外發射擴展,分割畫面。

bc2016071840 bc2016071841

發射構成不僅體現在板式上面,在字體、物體上面也可以表現出發射。效果更加強烈。

近視構成

pu20160718 (2)

1-近視——彼此之間相似,遠看如出一轍,而且變化各異。

2-自然中這種近視的形態非常多

3-近視構成是個體現畫面創意感不錯的方式,同時失去了主體。

pu20160718 (1)

海報使用不同相似的任務組成讓人眼前一亮,同時失去主體。

近視構成的版面形式

bc2016071844

bc2016071845

案列中的近視構成讓畫面變的不具一格,同時也失去了主體。只能靠文字來理解意思。

空間構成

1-平面構成中的空間主要是指在畫面中形成的視覺有現實的錯覺。

2-空間的表現可以用,點、線的漸變形式完成也可以形與形的重疊實現等。

3-特別組合的空間也是個不錯的創意。

hbbbbbb20160718

海報用文字組合形成一個簡單的空間,給人不一樣的感受。是不是挺有創意感覺。

bc2016071848

案列中組合起來的空間,讓人眼前一亮,有新意又耐看。

三、自我提升

多觀察、多思考、多做

觀察——觀察優秀作品中的點、線、面、色、光、質、排版等要素

思考——理解為什麼要這麼做,這麼做的好處

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

到這里這次的分享就此結束了,謝謝大家

歡迎關注我的個人公眾號“三根設計骨”,後期寫了新的资讯也會第一時間更新在公眾號上面,更多希望和大家有一個互動交流。

sg20160711

「超實用的UI設計自學指南」

UI配色︰

UI版式︰

自學姿勢︰

yestone-uisdc-2

【特级毛片www,色综合天天综合网,国产成人综合亚洲 原創资讯 投稿郵箱︰02-8993-5275@qq.com】

================關于特级毛片www,色综合天天综合网,国产成人综合亚洲================
“特级毛片www,色综合天天综合网,国产成人综合亚洲“是國內人氣最高的網頁設計師學習平台,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書︰史上最全的設計師圖書導航︰。
設計微博︰擁有粉絲量160萬的人氣微博 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航︰全球頂尖設計網站推薦,設計師必備導航︰

儒墨堂大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址︰http://www.rumotanartist.com/dot-line-plane-in-design

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

版式設計 交互設計師 界面設計 排版布局 職場 設計師干貨 儒墨堂專訪 儒墨堂大課堂 設計達人 配色 視覺設計 web前端開發 素材下載 AI教程 設計流程 設計理論 神器下載 字體下載 設計師專訪 psd下載 設計規範 用戶體驗設計 海報設計 平面設計 設計趨勢 動效設計 logo設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

儒墨堂啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!特级毛片www,色综合天天综合网,国产成人综合亚洲是極具人氣的設計師平台
2012年成立至今,一直專注于設計師的學習成長交流

特级毛片www|色综合天天综合网|国产成人综合亚洲

打開微信,掃碼分享
學設計 特级毛片www,色综合天天综合网,国产成人综合亚洲 在這里