聊聊平面構成中的點線面

      作者:
      分類: 觀點/經驗
      2016-07-21
      7101

      點線面是平面設計中的基礎,基礎知識對設計師后期的成長是起到至關重要的。再好的表現技法、形式,如果有沒有了設計的基礎和準則,都是有問題的。今天我們來一起聊聊平面構成的基礎知識&日常設計的運用。

      未標題-1.jpg

      點線面是平面設計中的基礎,基礎知識對設計師后期的成長是起到至關重要的。再好的表現技法、形式,如果有沒有了設計的基礎和準則,都是有問題的。今天我們來一起聊聊平面構成的基礎知識&日常設計的運用。

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

      內容大綱

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

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

      3-自我提升

      一、點線面的基本作用

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

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

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

      1.jpg

      點有哪些特征?

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

      看看生活中的點:

      2.jpg

      (圍棋、星空)

      3.jpg

      (雨滴、鈴鐺)

      點的變化-1

      4.jpg

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

      5.jpg

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

      點的變化-2

      6.jpg

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

      7.jpg

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

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

      點的設計應用

      8.jpg

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

      9.jpg

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

      10.jpg

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

      11.jpg

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

      說一說

      1. 有對比就有點

      2. 點不是單獨存在的

      3. 點用來豐富畫面和層次

      4. 點可以讓你的頁面輕飄起來,也可以讓你的頁面有速度感

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

      線有哪些特征?

      細、長、彎曲、斜

      生活中的線:

      12.jpg

      平面設計中的線:

      13.jpg

      線的變化

      14.jpg

      △ 點線面之間的過渡關系

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

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

      無形的線和有形的線

      15.jpg

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

      16.jpg

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

      17.jpg

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

      18.jpg

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

      19.jpg

      △ 畫面中有形的線

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

      線的常見應用

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

      20.jpg

      21.jpg

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

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

      面有哪些特征?

      不規則、幾何形、偶然性

      生活中的面:

      22.jpg

      面的變化

      23.jpg

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

      面的種類-1

      24.jpg

      △ 直線形的面

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

      25.jpg

      △ 曲線的面

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

      面的種類-2

      26.jpg

      △ 自由曲線的面

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

      27.jpg

      △ 偶然的面

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

      無形的面和有形的面

      28.jpg

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

      29.jpg

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

      設計中有形的面

      30.jpg

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

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

      31.jpg

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

      32.jpg

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

      33.jpg

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

      回顧點線面

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

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

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

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

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

      01-發射構成

      02-近視構成

      03-空間構成

      發射構成

      34.jpg

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

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

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

      35.jpg

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

      發射構成的版面形式

      36.jpg37.jpg

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

      38.jpg39.jpg

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

      近視構成

      40.jpg

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

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

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

      41.jpg

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

      近視構成的版面形式

      42.jpg

      43.jpg

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

      空間構成

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

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

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

      44.jpg

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

      45.jpg

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

      三、自我提升

      多觀察、多思考、多做

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

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

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

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


      2
      1
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 精品一区二区三区无码视频| 国产福利电影一区二区三区,免费久久久久久久精 | 国产人妖视频一区在线观看| 91精品福利一区二区三区野战| 中文字幕在线观看一区二区 | 中字幕一区二区三区乱码| 一区二区亚洲精品精华液| 一区二区三区国产| 精品女同一区二区| 极品尤物一区二区三区| 久久99国产精一区二区三区| 国产一区二区三区在线电影| 风流老熟女一区二区三区| 国产一区二区精品久久岳√ | 加勒比无码一区二区三区| 无码一区二区三区视频| 亚洲国产成人久久一区WWW| 中文字幕乱码一区久久麻豆樱花| 国产suv精品一区二区6| 交换国产精品视频一区| 欧美日本精品一区二区三区| 无码人妻AV免费一区二区三区| 国产一区二区三区不卡AV| 亚洲av色香蕉一区二区三区蜜桃 | 国产精品高清一区二区人妖| 熟妇人妻系列av无码一区二区| 日本v片免费一区二区三区 | 国产成人精品日本亚洲专一区| 合区精品久久久中文字幕一区 | 国产精品视频一区二区三区四 | 国产一区二区影院| 日韩精品无码中文字幕一区二区| 亚洲日韩激情无码一区| 福利一区二区三区视频在线观看| 精品无码国产一区二区三区麻豆| 国产成人久久精品一区二区三区| 岛国精品一区免费视频在线观看| 制服美女视频一区| 国产一区二区内射最近更新| 一本久久精品一区二区| 免费视频精品一区二区三区|