設計的骨骼:點、線(xiàn)、面
在我們的生活中(zhōng),設計無處不在,比如地鐵裏的大廣告牌,櫥窗裏擺放的衣服,高樓大廈的LED展位,甚至手機裏的某個應用(yòng)界面等,通常在大家眼裏,好的設計就是即有(yǒu)創意又(yòu)大膽,并沒有(yǒu)什麽規律可(kě)循,但其實設計和繪畫不同的在于,繪畫可(kě)以展露個性,而設計的核心卻是體(tǐ)現秩序的美感,它不是來自個人,而是來自于社會,好比建築群的設計構成,不隻是一個華麗的皮囊,而是有(yǒu)血有(yǒu)肉的,它的骨骼就是設計的根本。每個設計抽象出來都是一些元素的構成。
康定斯基曾經在《點線(xiàn)面》的一書中(zhōng),将藝術的形式歸結為(wèi)三種元素之間的構成關系。
“依賴于對藝術單個的精(jīng)神考察,這種元素分(fēn)析師通向作(zuò)品内在律動的橋梁 。”——瓦西裏·康定斯基(Wassily Kandinsky )《 點、線(xiàn)、面》
每個設計師總有(yǒu)一點職業病,有(yǒu)時候會被滿屏的信息淹沒,有(yǒu)時候會為(wèi)一個像素的間距而糾結,但隻需靜下心來,從設計的根本出發,不看那些裝(zhuāng)飾和顔色還有(yǒu)材質(zhì),隻從平面構成出發重新(xīn)解構你的設計,也許會有(yǒu)不一樣的啓發和看到那一點點瑕疵所在。
我們先回顧一下平面設計中(zhōng)的點,線(xiàn),面各自的特點
一.點的運用(yòng)
在幾何學(xué)的意義上點是可(kě)見的最小(xiǎo)形式單元,是位置的表示形式。無所謂方向、大小(xiǎo)、形狀。但所為(wèi)設計構成的點與幾何中(zhōng)的點是不同的。隻有(yǒu)當它與周圍要素進行對比時才可(kě)知這個具(jù)有(yǒu)具(jù)體(tǐ)面積形象是否可(kě)以稱之為(wèi)“點”。
康定斯基認為(wèi)從内在性的角度來看,點是最簡潔的形态。
舉個例子,下面的網站是一個日本傳統的24節氣網站,站點設計也非常的傳統,用(yòng)非常簡約的線(xiàn)條和少量的元素組合成了一種空靈的美感。
看起來都是文(wén)字和線(xiàn)條的交接,看起來并沒有(yǒu)所謂的點的組成,但實際上一些文(wén)字在視覺裏起到了點的作(zuò)用(yòng),如下圖所示,右側标題作(zuò)為(wèi)視覺中(zhōng)心,緊密的排列起來的文(wén)字形成了一個矩形視覺焦點,而左側的小(xiǎo)文(wén)起到平衡視覺的作(zuò)用(yòng)。
網站地址:http://www.iseokagenosato.jp/kotonohagusa/
1.不同形狀的點往往給人以不同的視覺心理(lǐ)感受
圓形,平穩,在感情上是飽滿的,渾厚有(yǒu)力量的。
方形,除了平穩外有(yǒu)端莊,大方感,在感情上是踏實的,可(kě)依靠的。
三角形或菱形:菱角分(fēn)明,且有(yǒu)指向性,在感情上是偏倚的,有(yǒu)目的性的。菱形比三角形對稱,在平衡中(zhōng)尋求個性。其他(tā)不規則的圖形,顯得富有(yǒu)自己的個性,是獨立的,張揚的。在規則的圖形裏變得非常明顯。往往用(yòng)于豐富畫面。
居中(zhōng):平靜,穩定,集中(zhōng)感
居上:不穩定感
居下:畫面有(yǒu)沉澱,安(ān)靜的感覺,但是不容易被人發現。
在頁(yè)面三分(fēn)之二靠上時:吸引人注意往往是視覺的焦點。
還是舉日本節氣網站這個例子,進入某個節氣後首先映入眼簾的是正中(zhōng)央的節氣信息,第一時間讓用(yòng)戶看到最想知道的内容,正中(zhōng)央圓角矩形的設計,隐喻傳統印章,安(ān)靜且舒适。而内容相對而言在視線(xiàn)的偏上方從純色背景到高清大圖設的背景設計上非常有(yǒu)層次感也不會覺得枯燥。
3.當畫面中(zhōng)有(yǒu)不同大小(xiǎo)的點時,大的點是焦點。而點不同的排列方式也會産(chǎn)生不同的視覺心理(lǐ)感受
當一個畫面中(zhōng)有(yǒu)很(hěn)多(duō)零散的點分(fēn)布時,用(yòng)戶的視線(xiàn)會來回遊移,而設計的目的就是如何讓他(tā)們在不規則中(zhōng)不顯得淩亂。
例如這個站點畫面裏有(yǒu)三個較大的點,大的點往往吸引人的注意,并且這三個點形成了一個視覺上的三角形,相對來說是比較穩定的。三角形的位置在頁(yè)面的三分(fēn)之二靠上,正好在視覺焦點的位置。也說明了當你的視覺元素非常多(duō)時,把想要突出的内容放在偏上或者居中(zhōng)的位置,才容易被識别。
二.線(xiàn)的運用(yòng)
如果說點是靜止的,那麽線(xiàn),就是點運動的軌迹。遊離于點和形之間,它具(jù)有(yǒu)位置、長(cháng)度、寬度、方向、形狀和性格等屬性。
不同的線(xiàn)有(yǒu)不同的感情性格,線(xiàn)有(yǒu)很(hěn)強的心理(lǐ)暗示作(zuò)用(yòng)。
直線(xiàn)好比男性,剛強有(yǒu)力量,曲線(xiàn)好比女性,柔和并且性感。
不同方向的線(xiàn)條和不同的排列方式也對用(yòng)戶起了不同的引導作(zuò)用(yòng)
如上面所示左圖是瑞士航空公(gōng)司的海報設計,不同方向的蜿蜒的公(gōng)路線(xiàn)條性感的交織在一起,使得畫面非常豐富。
中(zhōng)圖是一個電(diàn)影海報,曲線(xiàn)的指向型引導用(yòng)戶的視覺,這就是點和線(xiàn)的區(qū)分(fēn),線(xiàn)是帶有(yǒu)方向性的,有(yǒu)粗細的變化。
右圖是一張獲得紅點大獎的呼籲節電(diàn)的海報,畫面中(zhōng)簡潔的直線(xiàn)并帶有(yǒu)向下的方向感,即能(néng)引起關燈的共鳴也能(néng)将不插電(diàn)這種概念表達出來。
線(xiàn)還有(yǒu)分(fēn)割畫面的作(zuò)用(yòng),線(xiàn)有(yǒu)連貫性,畫面因為(wèi)它的分(fēn)割而變得生動有(yǒu)趣,對于閱讀順序有(yǒu)着決定性的作(zuò)用(yòng)。
再如下圖的網頁(yè)用(yòng)中(zhōng)央的一根直線(xiàn)将頁(yè)面劃分(fēn)為(wèi)左右文(wén)字信息和數據可(kě)視化的兩個部分(fēn)。
再如下圖版式設計中(zhōng)的曲線(xiàn)運用(yòng),貫穿整個頁(yè)面,打破了整齊的文(wén)字排版,打破了乏味的基調。
三.面的運用(yòng)
面是線(xiàn)的移動至終結而形成的,面有(yǒu)長(cháng)度、寬度,沒有(yǒu)厚度。
面的形态是多(duō)種多(duō)樣的,不同的形态的面,在視覺上表現不同的情感。
直線(xiàn)形的面具(jù)有(yǒu)直線(xiàn)所表現的心理(lǐ)特征,有(yǒu)安(ān)定、秩序感,男性的性格。
曲線(xiàn)形的面具(jù)有(yǒu)柔軟、輕松、飽滿、女性的象征。
不規則的面如:水和油墨,混合墨灑産(chǎn)生的偶然形等,比較自然生動,有(yǒu)人情味。
第一張圖的電(diàn)影海報中(zhōng)用(yòng)三角形的面來切割畫面,視覺上非常有(yǒu)秩序感且穩定。
用(yòng)大的幾何圖形來做設計能(néng)把視覺集中(zhōng)到圖形上,是切割畫面内容最好的方式。
第二張圖中(zhōng)的不規則的面切割畫面讓頁(yè)面整體(tǐ)比較活潑可(kě)愛,和畫面的品牌牛奶的氣質(zhì)非常吻合,這樣的不規則元素被穿插在整個畫面中(zhōng)。
留言