平面新手來收!超詳細的「點/線/面」基礎知識全方位科普(上(shàng))

編者按:什麽是點線面?點線面有哪些作(zuò)用?本文為(wèi)你總結了(le)點線面的基礎知識,适合平面設計的零基礎新手閱讀。

設計的過程,或者形式的探讨,始終繞不開(kāi)的就是對于點線面的研究,看(kàn)下(xià)平面構成的定義:視(shì)覺元素在二次元的平面上(shàng),按照美的視(shì)覺效果,力學的原理,進行(xíng)編排和(hé)組合,它是以理性和(hé)邏輯推理來創造形象、研究形象與形象之間(jiān)的排列的方法,是理性與感性相結合的産物(wù)。任何在設計中呈現的元素,我們都(dōu)可(kě)以歸納到點線面的範疇,然後對三者的反複組合排列,形成設計語言,形式,美感。核心:元素與元素之間(jiān)的排列關系,進而所有元素在一(yī)起所體現的構成形式。

像下(xià)圖所示,點線面最終形成了(le)結構——設計作(zuò)品中的秩序,這(zhè)是一(yī)種支架,所有元素在此骨架上(shàng)有序排列。

文章(zhāng)目錄

體積小、分散、遠的、運動;大空間(jiān)對比下(xià)小的、密集的。

1. 點的變化

點在畫(huà)面中存在,通(tōng)過大小,虛實,濃淡,多少(shǎo)的關系變化,都(dōu)會影響視(shì)覺感受的強弱。這(zhè)些變化可(kě)以形成線也可(kě)以形成面,或者依舊(jiù)是點的變化。

原點的大與小,虛與實,濃與淡。相比紅(hóng)色,黃(huáng)色是淡;同為(wèi)紅(hóng)色,漸變為(wèi)虛。

2. 小結

有對比就有點;點不是單獨存在的;點用來豐富畫(huà)面和(hé)層次。

線具有位置。它是點的移動軌迹,是面與面的交界。

1. 線的變化

線的存在表現形式是微(wēi)妙的,點的密集形成的運動軌迹可(kě)以視(shì)為(wèi)線,不同顔色的面形成交界也可(kě)以存在線。同時(shí)線足夠短時(shí),又可(kě)以變化為(wèi)點,線的加粗又轉化為(wèi)面。因此,點線面不是絕對存在的,是相對存在。

下(xià)面重點闡述線的兩個重要(yào)特質,無形的線和(hé)有形的線。

無形的線

我認為(wèi)這(zhè)點尤為(wèi)重要(yào),其實一(yī)幅運營設計作(zuò)品,基本上(shàng)都(dōu)包括圖像和(hé)文字,而文字本身在畫(huà)面中可(kě)以理解為(wèi)點,通(tōng)過這(zhè)些點的組合,詞組和(hé)句子就形成了(le)線(文字的長(cháng)度、高度),很(hěn)多時(shí)候就是這(zhè)些線決定了(le)畫(huà)面的核心。

為(wèi)什麽我們經常排版起來難看(kàn),就是因為(wèi)沒有粗細、長(cháng)短的對比。

字形成隐形的線;不同大小,粗細,顔色的組合,形成線的粗細變化,分割畫(huà)面,進而形成有序的節奏。

視(shì)線

無形的線中還有一(yī)種很(hěn)重要(yào)的表現形式——視(shì)線。很(hěn)重要(yào),很(hěn)多時(shí)候內(nèi)容設計的期望就是自(zì)然引導用戶去閱讀。人(rén)物(wù)的視(shì)線引導我們把視(shì)覺轉向文字。

有形的線

清晰的線條讓畫(huà)面有速度感、層次感、豐富版式。

2. 線的應用

3. 小結

不同的線能(néng)夠創造不同的感受;引導視(shì)覺;控制好線的使用,不要(yào)為(wèi)線而線,造成畫(huà)面的組織混亂。

幾何學中線的移動軌迹。

面對畫(huà)面進行(xíng)分割,得到層次感。也可(kě)以作(zuò)為(wèi)信息的載體,讓文字在畫(huà)面中更清晰地(dì)表現。

面可(kě)以分為(wèi):幾何形的面和(hé)不規則的面。

1. 幾何形的面

方、圓、三角、多邊形等幾何形狀,這(zhè)些面可(kě)以傳遞有序、簡潔、穩定、速度等視(shì)覺心理感受。

2. 不規則的面

實物(wù)(人(rén)物(wù)、墨迹、水花),不規則多邊形等等,應用方式更廣泛。其中規則面對畫(huà)面進行(xíng)分割後,剩餘空間(jiān)本身也形成了(le)一(yī)種面,可(kě)以理解為(wèi)一(yī)種正負形的形式。對負空間(jiān)的設計,對于整體畫(huà)面的風(fēng)格和(hé)層次感的提升很(hěn)關鍵,也需要(yào)更多的研究和(hé)體會。

3. 小結

大面積,視(shì)覺的重心;整體信息的依托。

案例

通(tōng)過上(shàng)面的示例介紹,我們應該可(kě)以建立起對點線面的基礎認識。下(xià)圖是對點線面在呈現信息內(nèi)容時(shí),承擔的職能(néng)意義。接下(xià)來讓我們更深入地(dì)研究和(hé)分析。

上(shàng)圖的例子我們先觀察面,像之前總結的一(yī)樣:面,信息模塊的載體,構建畫(huà)面的基礎。上(shàng)圖的例子通(tōng)過大背景的區(qū)分,顔色與圖形的交織分布,信息骨架就此建立。

對這(zhè)個設計繼續進行(xíng)分析。線,加強視(shì)線的引導,強化/區(qū)分模塊關系。看(kàn)上(shàng)圖所示:标題作(zuò)為(wèi)無形的線,成為(wèi)模塊區(qū)分的标識。在縱向方向上(shàng)自(zì)然引導視(shì)線下(xià)移。

這(zhè)個例子仔細分析後,并沒有所謂明(míng)顯的點元素的出現,再想想點的總結:點,打破節奏,增加氛圍。點的戲份不多也不重,隐含在每個模塊中去構建信息。

通(tōng)過這(zhè)個簡單例子的分析,大家是否對之前點線面的總結有一(yī)定的理解呢?再強調一(yī)遍:

再看(kàn)幾個例子:

線,加強視(shì)線的引導,強化/區(qū)分模塊關系。上(shàng)圖內(nèi)容信息量比較龐雜(zá),在設計上(shàng)選擇白色大背景,并不利于模塊信息的區(qū)分。那(nà)為(wèi)了(le)達到區(qū)分,标題的設計就很(hěn)關鍵,所以如(rú)右圖所示,标題統一(yī)主題色處理,字形成線加強線的感覺,達到區(qū)分引導內(nèi)容信息。這(zhè)是一(yī)根無形的線來串聯信息。

通(tōng)過上(shàng)述種種圖片的案例分析,大家對點線面是否有了(le)新的認識,再附上(shàng)本文最開(kāi)始的圖片,大家現在能(néng)理解了(le)嗎?

今天的分享為(wèi)大家簡單闡述了(le)點線面形式,以及在實際設計過程中的展示形式和(hé)意義,這(zhè)是點線面第一(yī)部分的內(nèi)容。

之後會給大家帶來第二部分的內(nèi)容,是自(zì)己在實際工(gōng)作(zuò)中總結的點線面的具體使用方法。像上(shàng)圖所示,點線面構成了(le)設計的結構骨架,然後在此基礎上(shàng)去豐富呈現信息。 那(nà)怎麽在拿(ná)到一(yī)個運營需求後,去剖析拆分一(yī)份信息,用點線面的原理去搭建畫(huà)面呢?我總結了(le)一(yī)個方法,叫做(zuò)「土(tǔ)木工(gōng)程法」,一(yī)家之言,将在下(xià)篇文章(zhāng)與大家一(yī)起讨論。

0371-65861326
138 3818 8615
lingpaoad@sina.com
鄭州市中州大道(dào)晨旭路
瑞銀(yín)大廈23樓

Copyright © 2004-2018
京ICP證000000号