設(shè)計(jì)過(guò)程，或者說(shuō)形式的討論，總是離不開(kāi)點(diǎn)、線、面的研究。看平面構(gòu)成的定義:視覺(jué)元素是根據(jù)優(yōu)美的視覺(jué)效果和力學(xué)原理，在二維平面上排列組合而成的。它是一種通過(guò)理性和邏輯推理來(lái)創(chuàng)造圖像和研究圖像之間排列的方法，是理性和感性相結(jié)合的產(chǎn)物。設(shè)計(jì)中呈現(xiàn)的任何元素都可以分為點(diǎn)、線、面，然后將這三個(gè)元素反復(fù)組合和排列，形成設(shè)計(jì)語(yǔ)言、形式和美感。核心:元素之間的排列關(guān)系，然后所有元素在一起的構(gòu)成形式。
如下圖所示，點(diǎn)、線、面最終形成了結(jié)構(gòu)——設(shè)計(jì)作品中的秩序，是一種支撐，所有的元素都有序地排列在這個(gè)骨架上。
文章目錄
點(diǎn)線面案例點(diǎn)體積小，分散，遙遠(yuǎn)，移動(dòng)；與大空相比，小而密。
1.點(diǎn)數(shù)的變化
點(diǎn)存在于畫面中，通過(guò)大小、真實(shí)、明暗、多少關(guān)系的變化，影響視覺(jué)感知。這些變化可以形成直線或曲面，也可以仍然是點(diǎn)的變化。
緣起大小，虛實(shí)，強(qiáng)弱。黃色比紅色淺；它們都是紅色的，逐漸變成虛擬的。
2.摘要
有對(duì)比；點(diǎn)不是單獨(dú)存在的；點(diǎn)用來(lái)豐富畫面和層次。
線條
線有位置。它是點(diǎn)的運(yùn)動(dòng)軌跡，是面與面之間的邊界。
1.線條的變化
線的存在是細(xì)微的，密集點(diǎn)形成的運(yùn)動(dòng)軌跡可以看作一條線，不同顏色面形成的邊界也可以作為一條線存在。同時(shí)，當(dāng)線足夠短時(shí)，可以變成點(diǎn)，線的變厚可以轉(zhuǎn)換成面。所以點(diǎn)、線、面不是絕對(duì)存在的，而是相對(duì)存在的。
以下重點(diǎn)介紹線條的兩個(gè)重要特征，看不見(jiàn)的線條和看得見(jiàn)的線條。
隱線
我覺(jué)得這個(gè)特別重要。其實(shí)一個(gè)運(yùn)營(yíng)設(shè)計(jì)作品基本上包括圖像和文字，文字可以理解為畫面中的點(diǎn)。短語(yǔ)和句子通過(guò)這些點(diǎn)的組合形成線條(單詞的長(zhǎng)度和高度)，往往決定了畫面的核心。
為什么我們?cè)谂虐嫔铣３：茈y看，是因?yàn)榇旨?xì)長(zhǎng)短沒(méi)有對(duì)比。
文字形成無(wú)形的線條；不同大小、粗細(xì)、顏色的組合形成線條粗細(xì)的變化，分割畫面，進(jìn)而形成有序的節(jié)奏。
視力
還有一種非常重要的表達(dá)形式在看不見(jiàn)的視線里。很重要的一點(diǎn)，內(nèi)容設(shè)計(jì)的預(yù)期是自然引導(dǎo)用戶閱讀。人們的眼睛引導(dǎo)我們將目光轉(zhuǎn)向文字。
有形線路
清晰的線條讓畫面感覺(jué)快速、有層次感、布局豐富。
2.線的應(yīng)用
3.摘要
不同的臺(tái)詞可以營(yíng)造不同的感受；引導(dǎo)視野；控制線條的使用，不要為了線條而使用線條，造成圖片組織混亂。
表面
幾何中運(yùn)動(dòng)直線的軌跡。
面對(duì)畫面分割，獲得層次感。也可以作為信息的載體，讓文字在畫面中表達(dá)的更清晰。
面可以分為幾何面和不規(guī)則面。
1.幾何表面
正方形、圓形、三角形、多邊形等幾何形狀可以傳達(dá)有序、簡(jiǎn)潔、穩(wěn)定、快速等視覺(jué)心理感受。
2.不規(guī)則表面
實(shí)物(圖形、墨水、噴水)、不規(guī)則多邊形等。，被廣泛使用。圖片被規(guī)則臉?lè)指詈?，剩下的空本身就形成了臉，可以理解為正反兩種形式。負(fù)片空的設(shè)計(jì)對(duì)于整體畫面風(fēng)格和層次感的提升至關(guān)重要，需要更多的研究和經(jīng)驗(yàn)。
3.摘要
面積大，視覺(jué)重心；整體信息的支持。
情況
通過(guò)以上例子的介紹，應(yīng)該可以建立起對(duì)點(diǎn)、線、面的基本認(rèn)識(shí)。下圖展示了點(diǎn)、線、面在呈現(xiàn)信息內(nèi)容時(shí)的功能意義。接下來(lái)我們更深入的研究分析一下。
在上面的例子中，我們首先看表面，如之前所總結(jié)的:表面，信息模塊的載體，構(gòu)建畫面的基礎(chǔ)。在上例中，信息骨架是通過(guò)區(qū)分大背景和交織顏色和圖形來(lái)建立的。
繼續(xù)分析這個(gè)設(shè)計(jì)。行，加強(qiáng)視線的引導(dǎo)，加強(qiáng)/區(qū)分模塊關(guān)系。如上圖所示，標(biāo)題作為一條看不見(jiàn)的線，成為模塊區(qū)分的標(biāo)識(shí)。自然引導(dǎo)視線向下縱向。
仔細(xì)分析這個(gè)例子，沒(méi)有明顯的點(diǎn)元素。再想想點(diǎn)的總結(jié):點(diǎn)，打破節(jié)奏，增加氣氛。點(diǎn)的場(chǎng)景不多，隱含在每個(gè)模塊中構(gòu)造信息。
通過(guò)這個(gè)簡(jiǎn)單例子的分析，你對(duì)前面的點(diǎn)、線、面的總結(jié)有一定的了解嗎？再次強(qiáng)調(diào):
面，信息模塊的載體，構(gòu)建畫面的基礎(chǔ)；線，加強(qiáng)視線的引導(dǎo)，強(qiáng)化/區(qū)分模塊關(guān)系；點(diǎn)，打破節(jié)奏，增加氛圍。再看幾個(gè)例子:
行，加強(qiáng)視線的引導(dǎo)，加強(qiáng)/區(qū)分模塊關(guān)系。上圖信息內(nèi)容比較復(fù)雜，設(shè)計(jì)中選擇白色背景不利于模塊信息的差異化。為了區(qū)分，標(biāo)題的設(shè)計(jì)至關(guān)重要，所以如右圖所示，標(biāo)題統(tǒng)一了主題色彩處理，文字組成一條線來(lái)加強(qiáng)線條的感覺(jué)，從而區(qū)分和引導(dǎo)內(nèi)容信息。這是一條串聯(lián)信息的隱形線。
看下面這個(gè)案例，可以看到有形的線條，把內(nèi)容的上下關(guān)系串聯(lián)的很清楚，有很強(qiáng)的視覺(jué)導(dǎo)向性。
接下來(lái)，我們來(lái)看一些案例。下圖中的設(shè)計(jì)是通過(guò)圓圈的串聯(lián)(以點(diǎn)的形式)，不僅起到了裝飾的作用，還成功的引導(dǎo)視線移動(dòng)，有效的組織信息。
通過(guò)以上圖片的案例分析，大家對(duì)點(diǎn)、線、面有新的認(rèn)識(shí)嗎，并附上本文開(kāi)頭的圖片，現(xiàn)在能看懂嗎？
今天的分享，給大家簡(jiǎn)單講解一下點(diǎn)、線、面的形式，以及在實(shí)際設(shè)計(jì)過(guò)程中的展示形式和意義，這是點(diǎn)、線、面的第一部分。
之后給大家?guī)?lái)第二部分的內(nèi)容，這是我在實(shí)際工作中總結(jié)出來(lái)的點(diǎn)、線、面的具體使用方法。如上圖所示，點(diǎn)、線、面構(gòu)成了設(shè)計(jì)的結(jié)構(gòu)骨架，進(jìn)而在此基礎(chǔ)上豐富了表現(xiàn)信息。那么，在得到一個(gè)操作需求后，如何用點(diǎn)、線、面的原理，對(duì)一條信息進(jìn)行分析、拆分，構(gòu)建一個(gè)畫面呢？我總結(jié)了一個(gè)叫“土木工程法”的方法，下一篇文章會(huì)和你討論。
轉(zhuǎn)自:金山辦公用戶體驗(yàn)中心
原地址:https://www.ui.cn/detail/317360.html
1.《線面 超詳細(xì)的「點(diǎn)/線/面」基礎(chǔ)知識(shí)全方位科普》援引自互聯(lián)網(wǎng)，旨在傳遞更多網(wǎng)絡(luò)信息知識(shí)，僅代表作者本人觀點(diǎn)，與本網(wǎng)站無(wú)關(guān)，侵刪請(qǐng)聯(lián)系頁(yè)腳下方聯(lián)系方式。
2.《線面 超詳細(xì)的「點(diǎn)/線/面」基礎(chǔ)知識(shí)全方位科普》僅供讀者參考，本網(wǎng)站未對(duì)該內(nèi)容進(jìn)行證實(shí)，對(duì)其原創(chuàng)性、真實(shí)性、完整性、及時(shí)性不作任何保證。
3.文章轉(zhuǎn)載時(shí)請(qǐng)保留本站內(nèi)容來(lái)源地址，http://f99ss.com/tiyu/1271240.html
