平面構(gòu)成之線(xiàn)的風(fēng)格軌跡

2022-07-01    分類(lèi): 網(wǎng)站建設(shè)

前言
線(xiàn)條是網(wǎng)頁(yè)設(shè)計(jì)中非常常見(jiàn)的一種構(gòu)成元素,線(xiàn)的性質(zhì)讓它能身兼數(shù)職,又不霸占視覺(jué)風(fēng)頭。上一次我們已經(jīng)討論過(guò)點(diǎn)的平面構(gòu)成之“點(diǎn)”睛的張力,這一次讓我們一起來(lái)到線(xiàn)的世界。
一、線(xiàn)是一個(gè)點(diǎn)的行跡
任何形都由線(xiàn)包圍而成,線(xiàn)就是一個(gè)二維生物里的產(chǎn)物,它有長(zhǎng)度、寬度,它甚至還能幫我們模擬三維的深度。你可以把線(xiàn)看成一個(gè)點(diǎn)的運(yùn)行軌跡,這個(gè)思路就可以幫你找到線(xiàn)的本質(zhì):線(xiàn)是一條運(yùn)行軌跡,它是從點(diǎn)的基礎(chǔ)上發(fā)展而來(lái)的。
一條線(xiàn)也并不拘泥于就是平直的線(xiàn)條形式,只要能連綴成串的,我們都可以把它看成一條線(xiàn),它就能在構(gòu)成中發(fā)揮起線(xiàn)的作用。藍(lán)色的圓點(diǎn)均勻分布,組成一條非常平靜的運(yùn)行軌跡線(xiàn),紅色的圓點(diǎn)具有漸變的節(jié)奏,它們組成的線(xiàn)條則帶著幾分變速之感。
當(dāng)然,我們傳統(tǒng)的對(duì)于線(xiàn)的理解是這樣的,當(dāng)一個(gè)點(diǎn)向一個(gè)方向移動(dòng)時(shí),就成為直線(xiàn),當(dāng)點(diǎn)在移動(dòng)的過(guò)程中經(jīng)常變化方向,它就是曲線(xiàn),當(dāng)點(diǎn)的移動(dòng)方向間隔變換,則為折線(xiàn)。

運(yùn)行軌跡就使得線(xiàn)具有了方向和動(dòng)感,尤其是線(xiàn)條的走向直接引導(dǎo)著用戶(hù)的視覺(jué)走向。


下面這個(gè)頁(yè)面的左右兩條垂直線(xiàn),都分別指引著你的視線(xiàn)往它想要你展現(xiàn)的信息上滑過(guò)去。
頁(yè)面中軸的位置出現(xiàn)一條垂直的線(xiàn),你會(huì)跟隨這條線(xiàn)自上而下的滑過(guò)。絕不遺漏掉任何頁(yè)面中間的信息。
二、線(xiàn)的風(fēng)格感受
線(xiàn)條的風(fēng)格表現(xiàn)在線(xiàn)的寬窄樣式和線(xiàn)的平直彎曲,這些形態(tài)上的變化,可以演繹出謹(jǐn)慎嚴(yán)肅,也能釋放某種率性天真。
纖細(xì)的線(xiàn)
如下面導(dǎo)航中的細(xì)細(xì)的水平線(xiàn),表達(dá)一種穩(wěn)定精致的感受。目前在網(wǎng)頁(yè)設(shè)計(jì)中也非常受歡迎,這類(lèi)線(xiàn)條比較簡(jiǎn)潔,能和任何前景背景都混為一片,豐富細(xì)節(jié)又能引導(dǎo)用戶(hù)的視覺(jué)方向。
常見(jiàn)在導(dǎo)航和按鈕的設(shè)計(jì)里,扁平化傳遞某種精致感,選是細(xì)細(xì)的直線(xiàn),不夾雜私欲,有點(diǎn)“冷淡”的矜持。
粗壯的線(xiàn)
較粗的直線(xiàn),表達(dá)出一種穩(wěn)定,稍微會(huì)引發(fā)緊張,放在文字下方有強(qiáng)調(diào)的作用。這其實(shí)是因?yàn)樗苷T發(fā)你去依傍一個(gè)大只佬,由此帶來(lái)的某種安全感。
自然卷
說(shuō)到曲線(xiàn),很想提一提一百多年前的“新藝術(shù)”運(yùn)動(dòng)。由于當(dāng)時(shí)的歐美進(jìn)入工業(yè)化量產(chǎn)時(shí)代,所有的產(chǎn)品設(shè)計(jì)、平面設(shè)計(jì)因?yàn)榻?jīng)由機(jī)器大量生產(chǎn),慢慢失去了對(duì)審美的追求,因此當(dāng)時(shí)的某些平面設(shè)計(jì)的先驅(qū)們紛紛投入到一場(chǎng)反工業(yè)反粗俗的革新運(yùn)動(dòng)中,主動(dòng)設(shè)計(jì)出大量帶有此類(lèi)反機(jī)械化,有手工業(yè)色彩的作品。
這場(chǎng)運(yùn)動(dòng)的靈感來(lái)源主要是中世紀(jì)的裝飾藝術(shù)、日本的一些東方裝飾風(fēng)格和自然主義。他們提倡靈感來(lái)源于自然,因此他們?cè)O(shè)計(jì)出的作品都是以卷草圖案等曲線(xiàn)為主的。我們可以看到,在我們的自然界里,沒(méi)有一條是完全絕對(duì)的直線(xiàn),葉、花、樹(shù)葉、鳥(niǎo)、海浪、山川、河流……而直線(xiàn)恰恰是人類(lèi)的作用痕跡:建筑、工業(yè)、日常用品的造型大都以直線(xiàn)為主,經(jīng)過(guò)這番觀(guān)察,你就可以大致了解,曲線(xiàn)是自然的表達(dá)式,當(dāng)你想要傳遞與自然有關(guān)的信號(hào)時(shí),就盡量不要用一些特別僵直的線(xiàn)條。
一條一絲不茍的直線(xiàn)帶來(lái)緊張,相對(duì)而言,曲線(xiàn)、波浪或卷曲的線(xiàn)條就象征著某種放松。在網(wǎng)頁(yè)設(shè)計(jì)中,線(xiàn)的功能主要是指向作用,也必要需要一點(diǎn)緊張以期關(guān)注,因此,大部分我們能見(jiàn)到的線(xiàn)條都是直線(xiàn),曲線(xiàn)比較少見(jiàn)。
下面這個(gè)頁(yè)面中的小短波浪線(xiàn),給整個(gè)畫(huà)面帶來(lái)一種活潑的氛圍。兩個(gè)不同的色塊的連接處,由于色彩的不同,在視覺(jué)上也能形成一條自上而下的直線(xiàn)。
這些仿佛隨手畫(huà)出的圈線(xiàn),更貼近徒手繪制的痕跡,所謂“連接世界”的圓滿(mǎn)性更遠(yuǎn)離理性程式化,而是更傾向個(gè)人情緒化的表達(dá)。
曲折之美
折線(xiàn)是一個(gè)特殊的存在,因?yàn)樗炔皇侵本€(xiàn),也不是曲線(xiàn),它沒(méi)有流暢感,卻另有一番曲折的美感,一條單一的曲線(xiàn)能給的信息量不多,但如果是規(guī)律排列起來(lái)的曲線(xiàn)就能形成紋理,作為背景它并不突兀,而且能創(chuàng)造出某種曲折處的雅致效果。
折線(xiàn)是屬于理性世界的,但它又能比平行直線(xiàn)多一份優(yōu)雅。
三、線(xiàn)的作用
引導(dǎo)視覺(jué)方向
這可以說(shuō)是線(xiàn)的最基礎(chǔ)的功能,由于它的這個(gè)作用才引發(fā)了下面的諸多作用。
封閉成形
用一根線(xiàn)條來(lái)組成一個(gè)圖形,我們可以稱(chēng)之為簡(jiǎn)筆畫(huà)或者速寫(xiě),可以看出線(xiàn)條的成形能力,就算線(xiàn)條并沒(méi)有完全閉合,也可以自我完形,也即所謂的“腦補(bǔ)”。
分割與限制
大部分人想到線(xiàn)的第一功能,就是分割,劃分區(qū)域。這里需要注意的是,兩個(gè)不同色塊的交界,就算并沒(méi)有一條明顯的線(xiàn)條,也能產(chǎn)生一條線(xiàn)的視覺(jué)。
線(xiàn)的集合:紋理
很多線(xiàn)條排列在一起就形成一個(gè)面,可以作為紋理看待。因?yàn)榫€(xiàn)的指向功能,以及線(xiàn)與線(xiàn)的間隔所形成的節(jié)奏感,都能讓紋理傳遞出不同氛圍。
這就像我們偉大的魯迅先生寫(xiě)過(guò)的他自己對(duì)服裝搭配的看法(沒(méi)錯(cuò),是寫(xiě)《朝花夕拾》的魯迅),胖人不能穿橫條紋服裝,瘦人最好別穿豎條紋,前者顯胖,拉寬視覺(jué),后者拉長(zhǎng)視覺(jué)。(誰(shuí)說(shuō)學(xué)設(shè)計(jì)一定要看設(shè)計(jì)書(shū)呢,設(shè)計(jì)就是視覺(jué),視覺(jué)來(lái)源于生活,別被“設(shè)計(jì)”兩個(gè)字嚇到了)
橫向的疏密間距相等的線(xiàn)容易形成紋理的面,而不同的間距增加了視覺(jué)深度。
四、體會(huì)一個(gè)箭頭里的線(xiàn)體魔力
我們要體會(huì)一條線(xiàn)的玩法,可以試著畫(huà)一個(gè)箭頭。大家知道普通的箭頭長(zhǎng)成這樣,網(wǎng)頁(yè)中一個(gè)可能毫不起眼的ICON。
從這枚箭頭中,我們可以看到,通過(guò)線(xiàn)的視覺(jué)導(dǎo)向作用,最長(zhǎng)的線(xiàn)引領(lǐng)你的視覺(jué)從左滑到右,而右端的箭頭上的小尖角的作用更指向了右方。利用這個(gè)原理,你就能創(chuàng)作出更多的其他樣式的箭頭來(lái)引領(lǐng)視線(xiàn)。
它的變化可以是無(wú)窮盡的,要選用哪一種樣式,全看你的整體設(shè)計(jì)風(fēng)格。在這條路上,折騰越多時(shí)間越有收獲。
后記

每次后記都有點(diǎn)無(wú)關(guān)痛癢,沒(méi)有又好像欠缺。啰里啰唆不好,不拿出點(diǎn)干貨又欠缺誠(chéng)意。事實(shí)上,我覺(jué)得學(xué)設(shè)計(jì)就是一個(gè)打開(kāi)你的視覺(jué)通道的過(guò)程,顏色、排版……這些理論都只是一個(gè)理論框架,理論本身不是目的,現(xiàn)實(shí)生活才是。一直關(guān)注我們,我們會(huì)繼續(xù)談?wù)摳嚓P(guān)于我們一直誤會(huì)的設(shè)計(jì)。

本文標(biāo)題:平面構(gòu)成之線(xiàn)的風(fēng)格軌跡
文章鏈接:http://www.bm7419.com/news7/173707.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站ChatGPT、全網(wǎng)營(yíng)銷(xiāo)推廣域名注冊(cè)、網(wǎng)站維護(hù)、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

小程序開(kāi)發(fā)