“依賴(lài)于對藝術(shù)單個(gè)的精神考察，這種元素分析是通向作品內在律動(dòng)的橋梁?！薄呶骼铩た刀ㄋ够╓assily Kandinsky）《點(diǎn)、線(xiàn)、面》
設計的過(guò)程，或者形式的探討，始終繞不開(kāi)的就是對于點(diǎn)線(xiàn)面的研究，看下平面構成的定義：視覺(jué)元素在二次元的平面上，按照美的視覺(jué)效果，力學(xué)的原理，進(jìn)行編排和組合，它是以理性和邏輯推理來(lái)創(chuàng )造形象、研究形象與形象之間的排列的方法，是理性與感性相結合的產(chǎn)物。任何在設計中呈現的元素，我們都可以歸納到點(diǎn)線(xiàn)面的范疇，然后就是對其三者的反復組合排列，形成設計語(yǔ)言，形式，美感。核心：元素與元素之間的排列關(guān)系，進(jìn)而所有元素在一起所體現的構成形式。
像下圖所示，點(diǎn)線(xiàn)面最終形成了結構——設計作品中的秩序，這是一種支架，所有元素在此骨架上有序排列。
體積小、分散、遠的、運動(dòng)；大空間對比下小的、密集的
點(diǎn)的變化
點(diǎn)在畫(huà)面中存在，通過(guò)大小，虛實(shí)，濃淡，多少的關(guān)系變化，都會(huì )影響視覺(jué)感受的強弱。這些變化可以形成線(xiàn)也可以形成面，或者依舊是點(diǎn)的變化。
原點(diǎn)的大與小，虛與實(shí)，濃與淡。
相比紅色，黃色是淡；
同為紅色，漸變?yōu)樘摚?/span>
總結：
1.有對比就有點(diǎn)
2.點(diǎn)不是單獨存在的
3.點(diǎn)用來(lái)豐富畫(huà)面和層次
線(xiàn)具有位置。它是點(diǎn)的移動(dòng)軌跡，是面與面的交界。
線(xiàn)的變化
線(xiàn)的存在表現形式是微妙的，點(diǎn)的密集形成的運動(dòng)軌跡可以視為線(xiàn)，不同顏色的面形成交界也可以存在線(xiàn)。同時(shí)線(xiàn)足夠短時(shí)，又可以變化為點(diǎn)，線(xiàn)的加粗又轉化為面。因此，點(diǎn)線(xiàn)面不是絕對存在的，是相對存在。
下面重點(diǎn)闡述線(xiàn)的兩個(gè)重要特質(zhì)，無(wú)形的線(xiàn)和有形的線(xiàn)。
無(wú)形的線(xiàn)
我認為這點(diǎn)尤為重要，其實(shí)一幅運營(yíng)設計作品，基本上都包括圖像和文字，而文字本身在畫(huà)面中可以理解為點(diǎn)，通過(guò)這些點(diǎn)的組合，詞組和句子就形成了線(xiàn)（文字的長(cháng)度、高度），很多時(shí)候就是這些線(xiàn)決定了畫(huà)面的核心。
為什么我們經(jīng)常排版起來(lái)難看，就是因為沒(méi)有粗細、長(cháng)短的對比。
字形成隱形的線(xiàn)；
不同大小，粗細，顏色的組合，形成線(xiàn)的粗細變化，分割畫(huà)面，進(jìn)而形成有序的節奏；
視線(xiàn)
無(wú)形的線(xiàn)中還有一種很重要的表現形式——視線(xiàn)。很重要，很多時(shí)候的內容設計的期望值就是自然引導用戶(hù)去閱讀。人物的視線(xiàn)引導我們把視覺(jué)轉向文字。
有形的線(xiàn)
清晰的線(xiàn)條讓畫(huà)面有速度感、層次感、豐富板式。
線(xiàn)的應用
總結：
1.不同的線(xiàn)能夠創(chuàng )造不同的感受
2.引導視覺(jué)
3. 控制好線(xiàn)的使用，不要為線(xiàn)而線(xiàn)，造成畫(huà)面的組織混亂
幾何學(xué)中線(xiàn)的移動(dòng)軌跡。
面對畫(huà)面進(jìn)行分割，得到層次感。也可以作為信息的載體，讓文字在畫(huà)面中更清晰的表現。
面可以分為：幾何形的面和不規則的面
幾何形的面
方，圓，三角，多邊形…等幾何形狀，這些面可以傳遞有序，簡(jiǎn)潔，穩定，速度等視覺(jué)心理感受。
不規則的面
實(shí)物（人物，墨跡，水花），不規則多邊形…，應用方式更廣泛。其中規則面對畫(huà)面進(jìn)行分割后，剩余空間本身也形成了一種面，可以理解為一種正負形的形式。對負空間的設計，對于整體畫(huà)面的風(fēng)格和層次感的提升很關(guān)鍵，也需要更多的研究和體會(huì )。
總結：
1.大面積，視覺(jué)的重心
2.整體信息的依托
通過(guò)上面的示例介紹，我們應該可以建立起對點(diǎn)線(xiàn)面的基礎認識。下圖是對點(diǎn)線(xiàn)面在呈現信息內容時(shí)，承擔的職能意義。接下來(lái)讓我們更深入的研究和分析。
看下面的例子
上圖的例子我們先看下面面，像之前總結的一樣：面，信息模塊的載體,構建畫(huà)面的基礎。上圖的列子通過(guò)大背景的區分，顏色與圖形的交織分布，信息骨架就此建立。
對這個(gè)設計繼續進(jìn)行分析，線(xiàn)，加強視線(xiàn)的引導，強化/區分模塊關(guān)系?？瓷蠄D所示：標題作為無(wú)形的線(xiàn)，成為模塊區分的標識。在縱向方向上自然引導視線(xiàn)下移。
這個(gè)例子仔細分析后，并沒(méi)有所謂明顯的點(diǎn)元素的出現，再想想點(diǎn)的總結：點(diǎn)，打破節奏，增加氛圍。點(diǎn)的戲份不多也不重，隱含在每個(gè)模塊中去構建信息。
通過(guò)這個(gè)簡(jiǎn)單列子的分析，大家是否對之前點(diǎn)線(xiàn)面的總結有一定的理解呢？再強調一遍：
面，信息模塊的載體,構建畫(huà)面的基礎；
線(xiàn)，加強視線(xiàn)的引導，強化/區分模塊關(guān)系；
點(diǎn)，打破節奏，增加氛圍；
再看幾個(gè)例子
線(xiàn)，加強視線(xiàn)的引導，強化/區分模塊關(guān)系。上圖內容信息量比較龐雜，在設計上選擇白色大背景，并不利于模塊信息的區分。那為了達到區分，標題的設計就很關(guān)鍵，所以如右圖所示，標題統一主題色處理，字形成線(xiàn)加強線(xiàn)的感覺(jué)，達到區分引導內容信息。這是一根無(wú)形的線(xiàn)來(lái)串聯(lián)信息。
再看下面的案例，大家可以看到有形的線(xiàn)，清晰的串聯(lián)了內容的上下關(guān)系，強視覺(jué)引導。
接下來(lái)再看看點(diǎn)的案例，下圖的設計通過(guò)圓（點(diǎn)的形式出現）的串聯(lián)，在起到裝飾的同時(shí)，也成功引導了視線(xiàn)移動(dòng)，將信息有效的組織起來(lái)。
通過(guò)上述種種圖片的案例分析，大家對點(diǎn)線(xiàn)面是否有了新的認識，再附上本文最開(kāi)始的圖片，大家現在能理解了嗎？
今天的分享為大家簡(jiǎn)單闡述了點(diǎn)線(xiàn)面形式，以及在實(shí)際設計過(guò)程中的展示形式和意義，這是點(diǎn)線(xiàn)面第一部分的內容。
之后會(huì )給大家帶來(lái)第二部分的內容，是自己在實(shí)際工作中總結的點(diǎn)線(xiàn)面的具體使用方法，像上圖所示，點(diǎn)線(xiàn)面構成了設計的結構骨架，然后再此基礎上去豐富呈現信息。 那怎么在拿到一個(gè)運營(yíng)需求后，去剖析拆分一份信息，用點(diǎn)線(xiàn)面的原理去搭建畫(huà)面呢？我總結了一個(gè)方法，叫做“土木工程法”，一家之言，也在下篇章與大家一起討論。敬請期待。
來(lái)源：UI中國
