【編按】我們的生活中,從睜開眼睛開始,所閱讀的報章雜誌、電視、廣告、手機界面、使用產品上的包裝資訊、出門後的廣告招牌、路上看見的一切,幾乎有九成的東西都帶有資訊的傳遞。這些資訊透過「視覺」與人進行溝通,這和「視覺設計」有很大的關係。而這些關於視覺的訊息無論是屬於平面、動態或立體,皆是從平面設計中最基礎概念——點線面,進而轉化成各種不同的形式所成。

因此,必須要瞭解不同造型的點、線、面各自在畫面中所代表的意涵以及視覺心理後,再進行設計。這樣才能有效地透過視覺傳遞訊息,進而達成溝通的目的。這也是平面設計中,很重要的核心本質。有了本質與架構,剩下的就是豐富畫面的元素與方法,如此才能達到設計之美與意義。

本文中,作者用兩篇分別重點式的描述點線面各自的特點,以及編排設計中的點線面構成,並用例子來輔助說明。簡潔、清楚明瞭。讓人短時間內可以看懂平面設計的基礎架構與運用的概念!

文章出處:@百度MUX 原文

康定斯基曾經在《點線面》的一書中,將藝術的形式歸結為三種元素之間的構成關係。 「依賴於對藝術單個的精神考察,這種元素分析師通向作品內在律動的橋樑。」——瓦西里·康定斯基(Wassily Kandinsky )《點、線、面》

每個設計師總有一點職業病,有時候會被滿屏的信息淹沒,有時候會為一個像素的間距而糾結,但只需靜下心來,從設計的根本出發,不看那些裝飾和顏色還有材質,只從平面構成出發重新解構你的設計,也許會有不一樣的啟發和看到那一點點瑕疵所在。

我們先回顧一下平面設計中的點,線,面各自的特點。

一.點的運用

在幾何學的意義上點是可見的最小形式單元,是位置的表示形式。無所謂方向、大小、形狀。但所為設計構成的點與幾何中的點是不同的。只有當它與周圍要素進行對比時才可知這個具有具體面積形像是否可以稱之為「點」。康定斯基認為從內在性的角度來看,點是最簡潔的形態。

舉個例子,下面的網站是一個日本傳統的24節氣網站,站點設計也非常的傳統,用非常簡約的線條和少量的元素組合成了一種空靈的美感。

看起來都是文字和線條的交接,看起來並沒有所謂的點的組成,但實際上一些文字在視覺裡起到了點的作用,如下圖所示,右側標題作為視覺中心,緊密的排列起來的文字形成了一個矩形視覺焦點,而左側的小文起到平衡視覺的作用。

 網站

1.不同形狀的點往往給人以不同的視覺心理感受

圓形:平穩,在感情上是飽滿的,渾厚有力量的。

方形:除了平穩外有端莊,大方感,在感情上是踏實的,可依靠的。

三角形或菱形:菱角分明,且有指向性,在感情上是偏倚的,有目的性的。菱形比三角形對稱,在平衡中尋求個性。其他不規則的圖形,顯得富有自己的個性,是獨立的,張揚的。在規則的圖形裡變得非常明顯。往往用於豐富畫面。

居中:平靜,穩定,集中感 居上:不穩定感 居下:畫面有沉澱,安靜的感覺,但是不容易被人發現。 在頁面三分之二靠上時:吸引人注意往往是視覺的焦點。

還是舉日本節氣網站這個例子,進入某個節氣後首先映入眼簾的是正中央的節氣信息,第一時間讓用戶看到最想知道的內容,正中央圓角矩形的設計,隱喻傳統印章,安靜且舒適。

而內容相對而言在視線的偏上方從純色背景到高清大圖設的背景設計上非常有層次感也不會覺得枯燥。

  2.當畫面中有不同大小的點時,大的點是焦點。而點不同的排列方式也會產生不同的視覺心理感受

當一個畫面中有很多零散的點分佈時,用戶的視線會來回游移,而設計的目的就是如何讓他們在不規則中不顯得凌亂。

例如這個站點畫面裡有三個較大的點,大的點往往吸引人的注意,並且這三個點形成了一個視覺上的三角形,相對來說是比較穩定的。

三角形的位置在頁面的三分之二靠上,正好在視覺焦點的位置。也說明了當你的視覺元素非常多時,把想要突出的內容放在偏上或者居中的位置,才容易被識別。

 

二.線的運用

如果說點是靜止的,那麼線,就是點運動的軌跡。游離於點和形之間,它具有位置、長度、寬度、方向、形狀和性格等屬性。不同的線有不同的感情性格,線有很強的心理暗示作用。

直線好比男性,剛強有力量,曲線好比女性,柔和並且性感。不同方向的線條和不同的排列方式也對用戶起了不同的引導作用。

如上面所示左圖是瑞士航空公司的海報設計,不同方向的蜿蜒的公路線條性感的交織在一起,使得畫面非常豐富。

中圖是一個電影海報,曲線的指向型引導用戶的視覺,這就是點和線的區分,線是帶有方向性的,有粗細的變化。

右圖是一張獲得紅點大獎的呼籲節電的海報,畫面中簡潔的直線並帶有向下的方向感,即能引起關燈的共鳴也能將不插電這種概念表達出來。

線還有分割畫面的作用,線有連貫性,畫面因為它的分割而變得生動有趣,對於閱讀順序有著決定性的作用。再如下圖的網頁用中央的一根直線將頁面劃分為左右文字信息和數據可視化的兩個部分。

  再如下圖版式設計中的曲線運用,貫穿整個頁面,打破了整齊的文字排版,打破了乏味的基調。

三.面的運用

面是線的移動至終結而形成的,面有長度、寬度,沒有厚度。面的形態是多種多樣的,不同的形態的面,在視覺上表現不同的情感。

直線形的面具有直線所表現的心理特徵,有安定、秩序感,男性的性格。曲線形的面具有柔軟、輕鬆、飽滿、女性的象徵。不規則的面如水和油墨,混合墨灑產生的偶然形等,比較自然生動,有人情味。

第一張圖的電影海報中用三角形的面來切割畫面,視覺上非常有秩序感且穩定。

用大的幾何圖形來做設計能把視覺集中到圖形上,是切割畫面內容最好的方式。

第二張圖中的不規則的面切割畫面讓頁面整體比較活潑可愛,和畫面的品牌牛奶的氣質非常吻合,這樣的不規則元素被穿插在整個畫面中。

誠摯邀請你成為好朋友-->
        

About The Author

ㄇㄞˋ點子特搜編輯

藉由靈感的蒐集,並結合你與身俱來的創意,可以變得更美好也充滿趣味!! 麥點子將資訊整合,並透過編輯夥伴的創意,為大家挖掘、淘選、遞送來自世界的創意與設計訊息,在你的心田上種下一顆顆充滿靈感的「麥子」。 設計雖說是門專業技能,但設計感與美感是可以透過每天一點一滴累積而成的,藉由麥點子每天的文章傳遞,相信大家都都能夠從中獲得靈感,提升生活品味並讓處處充滿樂趣與希望! 因為麥點子夥伴們就是這樣子的一群人

Related Posts

留下你的看法: