上進(jìn)青年研習(xí)社丨設(shè)計(jì)入門02:平面設(shè)計(jì)之平面構(gòu)成中的線

點(diǎn)、線勇哗、面是平面構(gòu)成的三大基本元素。在《設(shè)計(jì)入門01丨不知道這一“點(diǎn)”,學(xué)再多技能也不會(huì)設(shè)計(jì)》中為大家介紹了點(diǎn)的理論知識(shí)及在設(shè)計(jì)中的用法戈盈,今天接著來說說第二個(gè)元素——「線」的使用。

懂些設(shè)計(jì)理論谆刨,做圖時(shí)才有思路塘娶,而不是只等待靈感。

1痊夭、什么是線刁岸?

點(diǎn)的運(yùn)動(dòng)軌跡就形成了線。

平面設(shè)計(jì)中的線她我,比幾何學(xué)中「線」的概念要廣虹曙。

線不僅有長(zhǎng)度、寬度和位置番舆,任何形狀沿同一路徑排列酝碳,都可以看成是線。

與點(diǎn)類似恨狈,線也是一個(gè)相對(duì)概念疏哗,取決于跟它一同出現(xiàn)的元素的形態(tài)及周圍環(huán)境。

一般來說拴事,線越細(xì)沃斤,越像線;線越粗刃宵,越有「面」的感覺衡瓶。

按路徑不同,線可以分為直線牲证、曲線哮针、折線。

按角度不同坦袍,線可以分為水平線十厢、垂直線、斜線捂齐。

按形態(tài)不同蛮放,線可以分為細(xì)線、粗線奠宜。

不同形式的線給人的心理感受也不相同包颁,我們來一一體會(huì)下瞻想。

\bullet 直線

關(guān)鍵詞:簡(jiǎn)單、直率娩嚼、力量感

直線給人簡(jiǎn)單蘑险、直接的感覺,常常與男性岳悟、力量相關(guān)佃迄。

\bullet 曲線

關(guān)鍵詞:流動(dòng)感、張力贵少、優(yōu)雅

與直線相反呵俏,曲線常常與女性、優(yōu)美有關(guān)春瞬。

\bullet 折線

關(guān)鍵詞:動(dòng)感柴信、活力? ??

折線給人運(yùn)動(dòng)、跳脫的視覺感受宽气,使用折線會(huì)讓圖片看起來更活潑随常、有表現(xiàn)力。

圖片來源:notation.vc


\bullet 水平線

關(guān)鍵詞:靜止萄涯、安定绪氛、平和、寂靜涝影、疲勞

同平靜的水面一樣枣察,水平線能讓人感受到寧?kù)o、平和燃逻。

\bullet 垂直線

關(guān)鍵詞:嚴(yán)肅序目、莊重、宏偉

垂線會(huì)讓人聯(lián)想到向上生長(zhǎng)的樹木伯襟,有肅穆猿涨、莊嚴(yán)之感。

\bullet 斜線

關(guān)鍵詞:動(dòng)感姆怪、活力叛赚、墜落感

同折線類似,斜線看起來有動(dòng)感稽揭,視線從上往下就會(huì)有墜落感俺附。

\bullet 細(xì)線

關(guān)鍵詞:靈動(dòng)、秀氣

細(xì)線給人輕盈溪掀、靈動(dòng)的感覺事镣。

\bullet 粗線

關(guān)鍵詞:力量、笨重

相反揪胃,粗線會(huì)顯得笨重遲鈍蛮浑。

2唠叛、線在圖片中的作用

\bullet 分割作用

線的分割作用只嚣,就是我們常說的「分割線」的使用沮稚。

在圖像中加入分割線,可以用來呈現(xiàn)拼接册舞、撞色的效果蕴掏,使圖像更有設(shè)計(jì)感。

在文字中加入分割線调鲸,可以使相鄰的文字區(qū)分開盛杰,不至于混成一片。

分割線的形式也不局限于粗細(xì)不同的直線藐石、曲線即供,在設(shè)計(jì)中,也可將一排文字或圖標(biāo)作為分割線于微,突出設(shè)計(jì)感逗嫡。

圖片來源:cheesetart.com

\bullet 連接、引導(dǎo)視線的作用

用線將各個(gè)獨(dú)立的元素串聯(lián)起來株依,可以起到引導(dǎo)視線的作用驱证,同時(shí)使原本雜亂無章的元素變得有次序,圖片的整體性更強(qiáng)恋腕。

圖片來源:tumblr

\bullet 填充作用

線作為設(shè)計(jì)中的基本元素抹锄,本身就有占據(jù)空間的性質(zhì),用在設(shè)計(jì)中就是填充的作用荠藤。

我把線的填充分為兩種伙单,一種是裝飾性填充,用于圖片留白比較多時(shí)哈肖,用一些裝飾線條來增加美感吻育;另一種是功能性填充,比如下圖中的線牡彻,通過填充形成了河流的形象扫沼。

圖片來源:flickr

\bullet 強(qiáng)調(diào)作用

線的強(qiáng)調(diào)作用有很多表現(xiàn)方法,比如用下劃線庄吼、線框缎除、背景顏色條……或者像下圖這樣,描繪主題字的邊緣輪廓总寻。

目的只有一個(gè):突出關(guān)鍵信息器罐,讓人一眼就注意到。

圖片來源:Behance

3渐行、線在設(shè)計(jì)中可以怎么用轰坊?

\bullet 線作為主體

當(dāng)沒有一個(gè)具體的形象時(shí)铸董,可以使用線條可以作為整個(gè)海報(bào)或圖片的主體。此時(shí)肴沫,線條的排列很重要粟害,且要與主題貼合。

下圖的海報(bào)中颤芬,四種方向的線條組合排列悲幅,正好與主題「旋律」相襯托。

圖片來源:shutterbuggirl

\bullet 線作為底紋

當(dāng)背景比較空時(shí)站蝠,可以選擇用線條作為背景填充汰具,使畫面看起來更飽滿豐富。

在使用時(shí)形式并不是固定的菱魔,比如下圖中的線留荔,既有作為背景的部分,又有作為前景的部分澜倦。

圖片來源:trendland

\bullet 改變線條的曲直

文字也可以看成是線聚蝶,把文字進(jìn)行變形處理,運(yùn)用曲線和直線的對(duì)比肥隆,可以改善文字太多導(dǎo)致的呆板既荚、沉悶感。

圖片來源:designspiration

\bullet 改變線條的粗細(xì)

粗細(xì)線條的混合使用栋艳,不僅能對(duì)不同內(nèi)容進(jìn)行劃分恰聘,更可以強(qiáng)調(diào)主次,突出重點(diǎn)吸占。

圖片來源:Behance

\bullet 改變線的方向

不同方向的線的使用晴叨,可以避免重復(fù)線條帶來的單調(diào)感。像下圖中的例子矾屯,運(yùn)用不同方向的線兼蕊,再配合線的粗細(xì)的變化,產(chǎn)生了由遠(yuǎn)到近的立體效果件蚕,并把視線匯聚到主題文字上孙技。

圖片來源:designbyday

\bullet 線的分割

運(yùn)用線的分割功能,使所有元素看起來更有秩序感排作。用于文字排版時(shí)牵啦,也會(huì)使信息更清晰地傳達(dá)。

圖片來源:fiverr

\bullet 線的連接

用線條連接兩個(gè)元素妄痪,使二者產(chǎn)生邏輯或順序上的聯(lián)系哈雏。這一形式也常常用在標(biāo)注中,用來解釋說明某個(gè)元素的具體信息。

圖片來源:Behance

\bullet 線的強(qiáng)調(diào)

給圖片的文字標(biāo)題或其他重要信息加上下劃線裳瘪,可以起到突出土浸、強(qiáng)調(diào)的效果。當(dāng)然也可以用線框來強(qiáng)調(diào)重要元素彭羹。

圖片來源:eBay

寫在最后:

當(dāng)我們拿到一張圖黄伊,分析其中的線的作用時(shí),會(huì)發(fā)現(xiàn)單個(gè)線的作用可能并不是單一的皆怕,一條線可以既起到分割的作用毅舆,又起到強(qiáng)調(diào)的作用。

同理愈腾,我們?cè)谠O(shè)計(jì)一張圖片時(shí),也不必拘泥于線的單個(gè)用法岂津,不同用法的混搭虱黄,往往會(huì)出現(xiàn)意想不到的效果。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末吮成,一起剝皮案震驚了整個(gè)濱河市橱乱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌粱甫,老刑警劉巖泳叠,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異茶宵,居然都是意外死亡危纫,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門乌庶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來种蝶,“玉大人,你說我怎么就攤上這事瞒大◇φ鳎” “怎么了?”我有些...
    開封第一講書人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵透敌,是天一觀的道長(zhǎng)盯滚。 經(jīng)常有香客問我,道長(zhǎng)酗电,這世上最難降的妖魔是什么魄藕? 我笑而不...
    開封第一講書人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮顾瞻,結(jié)果婚禮上泼疑,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好退渗,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開白布移稳。 她就那樣靜靜地躺著,像睡著了一般会油。 火紅的嫁衣襯著肌膚如雪个粱。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,578評(píng)論 1 305
  • 那天翻翩,我揣著相機(jī)與錄音都许,去河邊找鬼。 笑死嫂冻,一個(gè)胖子當(dāng)著我的面吹牛胶征,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播桨仿,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼睛低,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了服傍?” 一聲冷哼從身側(cè)響起钱雷,我...
    開封第一講書人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎吹零,沒想到半個(gè)月后罩抗,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡灿椅,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年套蒂,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片阱扬。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡泣懊,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出麻惶,到底是詐尸還是另有隱情馍刮,我是刑警寧澤,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布窃蹋,位于F島的核電站卡啰,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏警没。R本人自食惡果不足惜匈辱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望杀迹。 院中可真熱鬧亡脸,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至垂谢,卻和暖如春厦画,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背滥朱。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工根暑, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人徙邻。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓排嫌,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親鹃栽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子躏率,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容