編排設計中如何應用點線面原理,思考脈絡方向。

月見璃
May 5, 2021
Design By 黃奇昌

編排設計中的基礎構成,藉由「點、線、面」的不同型態組合,產生出不同的設計創作的表現。

點-Point

點為點線面中的最小單位,在編排設計中擔任「修飾」及「整理」的重要角色之一。

解決編排設計版面空缺的問題,做到修飾與整理的作用。

點,沒有方向,大小、形狀及具體。依據點大小、形狀、擺放的位置,會考量設計心理層次與視覺表現。

Apple WWDC 2013 為蘋果公司2013年WWDC演講,影片中的運用點線面設計手法,充分表現點線面空間、大大小小的點、擺放的位置思考構成視覺美感。

不同形狀幾何圖形,也能產生點線面視覺層次美感

Design By 黃奇昌

不同的幾何圖形視覺感受,因對於形狀的認知、判斷、思考因素。

運用點線面的思考,具有不侷限任何形狀點的構思。思考產生設計動機,設計師對於點線面的思考,判斷形狀,大小以及運用位置的擺放。

任何最小的單位視為「點」,作為「修飾」及「整理」的作用的點,考量設計中的版面適當留白的特性,作為設計的核心本質,考量基礎架構同時構成美的原則。

運用點線面中格式塔原理的特性,思考編排設計

Design By 黃奇昌

運用完形心理學設計相似與接似概念,應用搭配點線面原理,構思整體的主題,引導,修飾概念。

幫助思考設計要如何排版,如何規劃字體層級,如何規劃色彩計畫,規劃安插元素點綴,目的都是引導設計的動機。

相似性Law of Similarity

3X3格子安插元素、大小、形狀及色彩,使我們在腦中彙整認知都是相似的事物,作為都是相同的群組。

接似性law of proximity

3X3格子安插元素、大小、形狀及色彩,形狀的不同改變群組中圖形及顏色,按照3X3整齊排列為接似概念。

來源自thedieline

上述提到點線面的原則,無論是大小,形狀較小為「點」,點連成一條直線為「線」,同時較大的點也形成「面」,都可以作為格式塔原理思考脈絡。

相似觀念而是作為群組性,大家都是相同的形式,在設計中美的原則,提到重複的特性,無論它是那種形式都能應用相似及近似的安排。

Design By 黃奇昌

線-Line

線為點線面的引導的作用,在編排設計中擔任「引導」及「方向」的重要角色之一。

線構成點的移動軌跡,具有方向,長度以及位置、形狀、寬度的特性。

Design By 黃奇昌

線為移動軌跡,文字也具有線的屬性,單一文字為點,密集排列為線,引導觀看者了解設計的方向。

Design By 黃奇昌

面-Plane

面為點線面中的最大單位,在編排設計中擔任「主體」及「大綱」的重要角色之一。

面同時有點與線組合延伸,形狀,大小,方向,最大的點為「面」,空心的線產生為「面」,照著點移動軌跡也能產生「面」。

「面」能夠推敲範圍以及主體,讓觀看者目光最大的面積的範圍,搭配點及線的引導與修飾,讓版面設計更具有完整性。

善用減法的設計概念,先優先規劃「面」,後續規劃「點」及「線」。

今天要畫一棵樹在自己的白紙上,會優先畫出樹幹為「面」也就是主題,這棵樹要形成,必須要有樹枝也就是「線」的存在,但是畫面還是空空的,而點就是葉子來補齊面的空缺,也就是反向思考。

Design By 黃奇昌

應該從面思考,因點沒辦法推敲出面,而是要從面,推敲點與線

學校課程大多數提到先從點,點其實並不是元素,而是修飾的存在。

所以先思考面才是大方向,安照減法的想法。

最後的總結

很高興跟大家聊聊設計的觀點,有很多我都沒提及到,編排設計還有很多設計該注意的細節,未來如可以整理更多編排設計的文章,這些都是花一輩子的時間去學習的。

近期想嘗試寫一些文章,寫一寫就不知道怎麼去解釋設計議題,這篇我想很久才寫出來,藉由我的想法以及分享,我很高興可以跟大家聊聊。

--

--

月見璃

我是自學設計的一位青少年,經常嘗試設計有趣事物,喜歡簡約設計。