在平面造型中，線比點更具有感情色彩，且不同的線具有的感情色彩也是不同的，那在不同的場景中，我們應(yīng)該如何去運用線的感情色彩呢？

一、線的概念

線是點運動的軌跡，幾何學(xué)上的線只有長度和方向，沒有粗細(xì)、寬窄、厚薄和形狀之分。平面構(gòu)成中，線的主要作用是強(qiáng)調(diào)方向和長度，并用以引導(dǎo)視線。

二、線的分類與情感色彩

在平面造型中，線比點更具有感情色彩，這主要體現(xiàn)在長短、粗細(xì)、曲線、和虛實。線總體上可以分為直線和曲線兩類。

• 直線可分為豎線、橫線、斜線、折線、放射線等；
• 曲線可分為S曲線、弧線、螺旋線等。

2.1 直線

直線讓人聯(lián)想到巍峨的山脈、高達(dá)的建筑物、參天大樹等。直線是男性的象征，簡單明快，給人一種穩(wěn)定、冷峻和堅強(qiáng)的感覺，富有速度感和緊張感，是一種力量的美。

2.1.1 豎線

為什么一根豎線會立著？

一種情況就是沒有任何的力施加在上面；另一種情況就是所以施加的力正好相互抵消，所以它才可以穩(wěn)穩(wěn)的立在那里。

圖片1照片拍攝的是上海陸家嘴，上海中心大廈和環(huán)球金融中心雖然是個很高很雄偉的建筑，但是它們豎立在城市中央?yún)s給人一種安靜、穩(wěn)定的感覺。

圖片2是拍攝的倆頭豹子，豹子平時給的人感覺是很兇猛，當(dāng)豎線構(gòu)圖時卻給人一種安穩(wěn)、親密，不會讓人產(chǎn)生恐懼。

圖片3是Walid Beno的設(shè)計作品，他也才用的豎線的構(gòu)圖方式，建筑又高有低錯落開，加上冷暖配色的對比，能突出城市很有秩序積極向上。

豎線給人的感覺是：下落、上升、挺拔、穩(wěn)定、刻板、剛毅、有力、親密、利索、肅穆……

2.1.2 橫線

橫線也同樣它不需要任何的力就能保持水平狀態(tài)，也可以因為是上下的力同時抵消達(dá)到水平狀態(tài)。

圖片1是拍攝青海湖的一張照片，天空、湖面、地面都在同一條水平線上，給人很安逸、干凈、舒適的感覺。

圖片2是小魔女007畫的一張插圖，插圖中天空、湖面、地面、汽車、人物差不多都在同一水平線上，能感覺到大家在旅游在短暫的假期中享受著安逸、舒適，長時間的工作讓大家失去了年輕人那時候活波調(diào)皮的一面，畫面給人一種沉著、理性、安靜、舒適的感覺。

橫線給人的感覺是：安定、平穩(wěn)、沉著、理性、干凈、整齊、中規(guī)中矩、安靜、穩(wěn)定、舒適、波瀾不驚、無聊……

2.1.3 斜線

斜線受到的力并不穩(wěn)定，才會出現(xiàn)斜線的狀態(tài)，具有動勢、上升下降連續(xù)狀態(tài)的運動感，富有朝氣。

圖片1是一張攝影照片，畫面都整齊劃一的傾斜，給人一種干凈、力量、動感的感覺。

圖片2是一個棒球運動的網(wǎng)頁設(shè)計，傾斜的感覺可以增加畫面的運動和力量之美，還能起到分割畫面的作用。

斜線給人的感覺是：活波、傾斜、運動、不安定、動感、力量、刺激、危險……

2.1.4 折線

折線本來是一根直線，不屈服于外面施加力而形成的。

圖片1是北京的鳥巢，它的外輪廓就是用了大量折線構(gòu)成的，給人一種剛毅、對抗、力量、不屈服的精神，這種精神也代表了奧林匹克精神。

圖片2是閃電的照片，閃電就是大量的折線構(gòu)成的，給人危險、緊張的感覺。

圖片3是UI界面設(shè)計，地圖中用了折線做指引，給人一種明確指引，更加的突出。

折線給人的感覺是：緊張、不屈服、剛毅、對抗、力量、指引、沖突……

2.1.5 放射線

放射線有極大的沖擊力，有往里聚集也有往外噴發(fā)的力量。

圖片1我們小時候看包青天的時候，經(jīng)常出現(xiàn)這樣的圖片，太陽發(fā)出來發(fā)射線的光，代表著希望、威武、神圣，老百姓都希望得到公平公正。

圖片2是我們小時候看的動畫片灌籃高手，有一個很厲害的阿里設(shè)計師UISTAR就用的這個圖片作為頭像，頭像中放射狀聚焦自我，動不動就自戀，很符合櫻木花道的性格。

圖片3是一個banner圖，放射線在banner設(shè)計中經(jīng)常被用到，它有強(qiáng)調(diào)、聚集、突出的作用。

放射線給人的感覺是：強(qiáng)調(diào)、聚集、威武、神圣、突出、速度、發(fā)射、力量、方向、沖擊……

2.2 曲線

曲線是女性的象征，讓人想起潺潺流水、風(fēng)擺春柳等。與直線的冷峻、硬朗不同，曲線是溫暖而柔美的，易產(chǎn)生豐滿、輕快、跳躍、流動而自由的感覺，發(fā)散而靈活，充滿生命力。

2.2.1 S型曲線

S型曲線原本是條直線，由于施加在它身上的力的不同，而且它本身柔軟的順應(yīng)這個力的，是一種包容的美。

圖片1是一張美女的照片，很多女生都希望自己有S型曲線，S型曲線符合人體美學(xué)，給人舒適愉悅的女性魅力。

圖片2是網(wǎng)頁設(shè)計，S型構(gòu)圖在網(wǎng)頁設(shè)計中能引導(dǎo)視覺，合理的分類信息能給人明快愉悅的沉浸感。

S型曲線給人的感覺是：柔軟、女性、包容、成長、舒適、愉悅、安全、母愛……

2.2.2 弧線

弧線還可以細(xì)分為拋物線和圓弧。

圖片1是一張鳥展開羽毛的照片，鳥兒展開的羽毛正好展開一張弧線，很優(yōu)雅自然，豐滿有張力。

圖片2是UI設(shè)計中用到的弧線，正常情況下弧線表示進(jìn)度、百分比，給人一種積極向上的努力的態(tài)度。

弧線給人的感覺是：彈性、豐滿、張力、生命力、果敢、優(yōu)雅、力量、規(guī)律……

2.2.3 螺旋線

螺旋線是一邊前進(jìn)時受到了側(cè)邊力的擠壓，如果它的外面始終都有外界施加的力就形成了螺旋線。

圖片1是一個樓梯的螺旋線，很自然、有韻律，也很符合黃金螺旋線的美感。

圖片2是Mike大神設(shè)計的網(wǎng)頁，在banner上半部分，視覺的重心也完全符合黃金分割中的興趣點。讓畫面很有張力也增加了韻律。

螺旋線給人的感覺是：神秘、神圣、韻律、引力、謎團(tuán)、眩暈、優(yōu)雅……

2.2.4 自由曲線

圖片1是蘇軾的一幅書法作品，代表著放蕩不羈、自由灑脫的性格。
自由曲線給人的感覺是：自由、浪漫、灑脫、靈性……

2.3 隱藏的視“線”

隱藏的視“線”多指人的視線。

圖片1中倆個人物眼睛對視產(chǎn)生一條隱形的線，對視中眼神透入著希望、溫柔、包容。
隱藏的視“線”給人的感覺是：希望、活力、自信、神圣、溫柔、包容、智慧……

三、線在設(shè)計中的常見應(yīng)用

3.1 以線塑型

以線塑型即運用線的粗細(xì)、疏密來表現(xiàn)畫面的明暗關(guān)系及結(jié)構(gòu)，從而塑造出物象的形體輪廓。對于初學(xué)者來說要多臨摹圖片，熟悉鋼筆工具，用線條提煉畫面主要元素。

圖片1是用線條在繪制人像，首先是需要深厚的繪畫功底，還要體現(xiàn)放蕩不羈灑脫的畫面感，雖然我們不能畫出來，但是我們可以觀察里面的結(jié)構(gòu)和明暗關(guān)系。

圖片2這種很適合初學(xué)者，對著照片快速的提煉人物或物體的形態(tài)，適當(dāng)?shù)呐排虐婷妫尞嬅婵瓷先ジS富。

圖片3一幅好的插畫，前期也要很好的去構(gòu)圖，用鋼筆工具繪制好路徑，讓線條看上去流暢，簡單的交代明暗關(guān)系。

3.2 高度概括，簡潔明了

圖片1在攝影中經(jīng)常能看到這種高度概括的光影關(guān)系，很簡潔明了，也很干凈舒適，粗細(xì)的曲線給人一種流動感。很大氣。

圖片2一筆畫icon，在繪制這種icon也很考驗設(shè)計的功底，明快簡單的勾勒出大體的線條。還要讓畫面有一種統(tǒng)一感。

3.3 提示強(qiáng)調(diào)，突出重點

圖片1是MBE大神的作品，他把線條用黑色或者深色來高度提煉輪廓，來保障畫面的統(tǒng)一。

圖片2是奔跑的包子插畫鋪作品，他跟MBE一樣用了黑色線條基礎(chǔ)上加粗了線條，來起到突出強(qiáng)調(diào)的作用。

圖片3是網(wǎng)頁設(shè)計，用方框的線條來區(qū)分信息，加強(qiáng)并突出。畫面中好幾個方框通過大小對比再次突出重點。

圖片4也是網(wǎng)頁設(shè)計，用短線條來提示標(biāo)注標(biāo)題，畫面中用重復(fù)的短線給人統(tǒng)一的感覺。

3.4 分割信息

圖片1是app界面，通過線的分割讓畫面更清晰，層次更明確。

圖片2是網(wǎng)頁，畫面的中的線條不但有分割的作用，橙色的顯示還有交互含義。

3.5 使畫面更柔美

圖片1和圖片2都是UI設(shè)計，曲線運用恰到好處，讓畫面更有節(jié)奏感和韻律，沒有呆板的感覺。

圖片3和圖片4都是通過曲線來豐富畫面，更加的柔軟有親和力，讓畫面更加飽和。

3.6 視覺引導(dǎo)

圖片1是信息分類的引導(dǎo)，有序的進(jìn)行信息分類，通過線條指引代表先后順序讓畫面更流暢。

圖片2地圖中線條指引可以讓用戶快速的從出發(fā)地到達(dá)目的地，簡單明了。

圖片3網(wǎng)頁中也可以通過改變線條的色彩，按照色彩順序有序的排列指引。

3.7 交互動效引導(dǎo)

動效中的線條正常都是指引的作用，從一端開始從另一端結(jié)束，引導(dǎo)用戶的眼睛按照線條變化走動。

總結(jié)

線的情感色彩：

1. 豎線：給人的感覺是“下落、上升、挺拔、穩(wěn)定、刻板、剛毅、有力、親密、利索、肅穆……”
2. 橫線：給人的感覺是“安定、平穩(wěn)、沉著、理性、干凈、整齊、中規(guī)中矩、安靜、穩(wěn)定、舒適、波瀾不驚、無聊……”
3. 斜線：給人的感覺是“活波、傾斜、運動、不安定、動感、力量、刺激、危險……”
4. 折線：給人的感覺是“緊張、不屈服、剛毅、對抗、力量、指引、沖突……”
5. 放射線：給人的感覺是“強(qiáng)調(diào)、聚集、威武、神圣、突出、速度、發(fā)射、力量、方向、沖擊……”
6. S型曲線：給人的感覺是“柔軟、女性、包容、成長、舒適、愉悅、安全、母愛……”
7. 弧線：給人的感覺是“彈性、豐滿、張力、生命力、果敢、優(yōu)雅、力量、規(guī)律……”
8. 螺旋線：給人的感覺是“神秘、神圣、韻律、引力、謎團(tuán)、眩暈、優(yōu)雅……”
9. 自由曲線：給人的感覺是“自由、浪漫、灑脫、靈性……”
10. 隱藏的視“線”：給人的感覺是“希望、活力、自信、神圣、溫柔、包容、智慧……”

線在設(shè)計中的應(yīng)用：
以線塑型／高度概括，簡潔明了／提示強(qiáng)調(diào)，突出重點／分割信息／使畫面更柔美／視覺引導(dǎo)／交互動效引導(dǎo)。圖片來源于網(wǎng)絡(luò)，如涉及到侵權(quán)的聯(lián)系我刪除，謝謝。

本文由 @水手哥 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖作者提供