編者按(an)：什么是點(dian)線(xian)面？點(dian)線(xian)面有(you)哪(na)些作用(yong)？本(ben)文為(wei)你總結了(le)點(dian)線(xian)面的基礎(chu)知識，適(shi)合平面設計的零基礎(chu)新手閱讀。
設計的(de)(de)過程，或者形式(shi)的(de)(de)探(tan)討，始終繞不開的(de)(de)就是對于點線面的(de)(de)研(yan)(yan)究，看下(xia)平面構成的(de)(de)定義：視覺元(yuan)素(su)(su)在二次元(yuan)的(de)(de)平面上，按照美(mei)的(de)(de)視覺效果，力學的(de)(de)原理，進(jin)(jin)行編排(pai)和(he)組(zu)(zu)合(he)，它是以(yi)理性(xing)和(he)邏輯推理來創造形象(xiang)、研(yan)(yan)究形象(xiang)與形象(xiang)之間的(de)(de)排(pai)列的(de)(de)方法，是理性(xing)與感性(xing)相結合(he)的(de)(de)產(chan)物(wu)。任何在設計中呈現的(de)(de)元(yuan)素(su)(su)，我們都可以(yi)歸納到點線面的(de)(de)范疇，然后對三者的(de)(de)反復組(zu)(zu)合(he)排(pai)列，形成設計語(yu)言，形式(shi)，美(mei)感。核(he)心：元(yuan)素(su)(su)與元(yuan)素(su)(su)之間的(de)(de)排(pai)列關系，進(jin)(jin)而所有元(yuan)素(su)(su)在一起(qi)所體(ti)現的(de)(de)構成形式(shi)。
像下圖所(suo)示(shi)，點線面(mian)最終(zhong)形成(cheng)了結構——設計作品中的秩序，這(zhe)是一種支架(jia)，所(suo)有元素在此骨架(jia)上有序排(pai)列。
體積小(xiao)、分散(san)、遠的、運(yun)動(dong)；大空間對比下小(xiao)的、密集的。
1. 點的變化
點(dian)在(zai)畫面中存在(zai)，通過(guo)大小(xiao)，虛實(shi)，濃(nong)淡(dan)，多少(shao)的關系變化(hua)，都會(hui)影(ying)響視覺感受(shou)的強弱。這(zhe)些變化(hua)可(ke)以形(xing)成線也(ye)可(ke)以形(xing)成面，或者依舊(jiu)是點(dian)的變化(hua)。
原點的大與小，虛(xu)與實，濃與淡(dan)。相比紅色，黃色是淡(dan)；同為(wei)紅色，漸變為(wei)虛(xu)。
2. 小結
有對比就有點；點不是(shi)單獨存在的；點用來(lai)豐富畫面和層次(ci)。
線具有位置(zhi)。它是點(dian)的移動(dong)軌跡，是面(mian)與面(mian)的交界。
線(xian)的(de)存在(zai)表現形(xing)式(shi)是微妙的(de)，點(dian)的(de)密集形(xing)成(cheng)的(de)運動軌跡可以視為線(xian)，不(bu)(bu)同顏色的(de)面形(xing)成(cheng)交界(jie)也可以存在(zai)線(xian)。同時線(xian)足(zu)夠短時，又可以變化(hua)為點(dian)，線(xian)的(de)加粗又轉化(hua)為面。因此，點(dian)線(xian)面不(bu)(bu)是絕對存在(zai)的(de)，是相對存在(zai)。
下面(mian)重點闡述線的兩個重要特(te)質，無(wu)形的線和(he)有形的線。
無形的線
我認為這(zhe)點(dian)尤為重要，其實(shi)一幅(fu)運營設計(ji)作(zuo)品，基本上都包括(kuo)圖像和文字，而文字本身在畫面中可(ke)以理解為點(dian)，通過這(zhe)些點(dian)的組(zu)(zu)合，詞組(zu)(zu)和句(ju)子(zi)就(jiu)形成了(le)線（文字的長度、高度），很多時(shi)候就(jiu)是這(zhe)些線決定了(le)畫面的核心(xin)。
為什(shen)么我們經(jing)常排版起來難(nan)看，就是因為沒有粗細、長短(duan)的對比(bi)。
字形成(cheng)(cheng)隱(yin)形的線；不同大小，粗細(xi)，顏色的組(zu)合，形成(cheng)(cheng)線的粗細(xi)變(bian)化，分(fen)割畫面，進而形成(cheng)(cheng)有序(xu)的節(jie)奏。
視線
無形的線(xian)中還有一(yi)種(zhong)很重要的表現形式(shi)——視線(xian)。很重要，很多時(shi)候內(nei)容設計的期望就是自然引導用戶去閱讀。人(ren)物的視線(xian)引導我們把視覺轉向(xiang)文字。
有形的線
清晰的線條讓畫(hua)面有(you)速(su)度(du)感、層次感、豐(feng)富版式。
不同(tong)的(de)線(xian)(xian)能夠(gou)創造不同(tong)的(de)感受；引(yin)導視覺；控制好線(xian)(xian)的(de)使用，不要(yao)為線(xian)(xian)而線(xian)(xian)，造成畫面的(de)組(zu)織混亂。
幾何學中線的移(yi)動軌(gui)跡。
面對(dui)畫面進行分割，得到(dao)層次感。也可以作為(wei)信息的載體，讓文字在畫面中更清(qing)晰地表現。
面可(ke)以(yi)分為：幾何形的面和不規則的面。
1. 幾何形的面
方、圓、三(san)角(jiao)、多邊(bian)形等幾何形狀，這(zhe)些面可以(yi)傳(chuan)遞有序、簡潔、穩定(ding)、速度等視覺心理感受。
2. 不規則的面
實(shi)物（人物、墨跡、水花(hua)），不規(gui)則多邊形等(deng)等(deng)，應用(yong)方式(shi)更(geng)廣泛。其(qi)中規(gui)則面(mian)(mian)對(dui)(dui)畫(hua)面(mian)(mian)進行(xing)分割后(hou)，剩(sheng)余空間本身(shen)也形成了一(yi)種面(mian)(mian)，可(ke)以理解為一(yi)種正負形的形式(shi)。對(dui)(dui)負空間的設計，對(dui)(dui)于整體畫(hua)面(mian)(mian)的風格和層次感的提升(sheng)很關(guan)鍵，也需(xu)要更(geng)多的研究和體會。
3. 小結
大面積(ji)，視覺的(de)重心；整體(ti)信息的(de)依(yi)托(tuo)。
通過上面(mian)的(de)(de)示(shi)例介紹，我(wo)們(men)應該(gai)可以建立起對(dui)點(dian)線面(mian)的(de)(de)基礎認識。下圖是對(dui)點(dian)線面(mian)在呈現信息(xi)內容時，承(cheng)擔的(de)(de)職能意義。接下來讓我(wo)們(men)更深入地研究和(he)分析。
上圖(tu)(tu)的(de)例(li)子(zi)我們(men)先觀察面(mian)，像之前總結的(de)一樣(yang)：面(mian)，信息模塊的(de)載體，構(gou)建畫面(mian)的(de)基(ji)礎。上圖(tu)(tu)的(de)例(li)子(zi)通過大背景的(de)區分(fen)，顏色與圖(tu)(tu)形(xing)的(de)交(jiao)織分(fen)布，信息骨(gu)架就(jiu)此建立。
對這個設計繼續進行分析。線，加強視(shi)線的(de)(de)引導，強化/區分模(mo)塊關系。看上圖所示(shi)：標題作為(wei)無形(xing)的(de)(de)線，成(cheng)為(wei)模(mo)塊區分的(de)(de)標識(shi)。在(zai)縱向(xiang)(xiang)方向(xiang)(xiang)上自然(ran)引導視(shi)線下移。
這(zhe)個(ge)例子(zi)仔細(xi)分析后，并沒有所謂(wei)明顯的點元素的出(chu)現(xian)，再想想點的總(zong)結：點，打破節(jie)奏，增加氛圍。點的戲(xi)份不(bu)多也不(bu)重，隱含在每個(ge)模(mo)塊中去構建信(xin)息。
通過這個簡單例子的(de)分析，大家是否對之前(qian)點(dian)線面的(de)總結有一(yi)定的(de)理解呢？再強調(diao)一(yi)遍：
再看幾個例子：
線(xian)，加(jia)強視(shi)線(xian)的引(yin)導，強化/區(qu)(qu)分模塊關系。上(shang)圖內容信息量比較龐(pang)雜，在(zai)設(she)計上(shang)選擇白色大背景，并不(bu)利于模塊信息的區(qu)(qu)分。那為了達(da)到區(qu)(qu)分，標題(ti)的設(she)計就很關鍵，所(suo)以如右圖所(suo)示，標題(ti)統一(yi)主題(ti)色處理(li)，字(zi)形(xing)成(cheng)線(xian)加(jia)強線(xian)的感覺，達(da)到區(qu)(qu)分引(yin)導內容信息。這(zhe)是一(yi)根無形(xing)的線(xian)來串聯信息。
通(tong)過上述種種圖片的(de)案例分析，大家對點線面是否有了新的(de)認識，再附上本文最開始的(de)圖片，大家現(xian)在能(neng)理解了嗎(ma)？
今天的分享為大家簡單闡述(shu)了點線面形式，以及在實(shi)際設計過程(cheng)中的展示形式和意義，這是(shi)點線面第一部(bu)分的內容。
之(zhi)后會給(gei)大家(jia)(jia)(jia)帶來第二部分的內容，是自己在實際工作中總(zong)結(jie)的點(dian)線面的具體使用(yong)方(fang)法(fa)(fa)。像上(shang)圖所示，點(dian)線面構(gou)成(cheng)了(le)設(she)計(ji)的結(jie)構(gou)骨(gu)架，然后在此(ci)基(ji)礎上(shang)去豐富呈(cheng)現信(xin)息。 那怎么在拿到一(yi)個運營需(xu)求后，去剖析拆(chai)分一(yi)份信(xin)息，用(yong)點(dian)線面的原理去搭建畫面呢？我總(zong)結(jie)了(le)一(yi)個方(fang)法(fa)(fa)，叫做「土木工程法(fa)(fa)」，一(yi)家(jia)(jia)(jia)之(zhi)言，將在下篇文章與大家(jia)(jia)(jia)一(yi)起討論。
在線客服1號
微信公眾賬號