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

 　　線(xiàn)條是網(wǎng)頁(yè)設計中非常常見(jiàn)的一種構成元素，線(xiàn)的性質(zhì)讓它能身兼數職，又不霸占視覺(jué)風(fēng)頭。

　　一、線(xiàn)是一個(gè)點(diǎn)的行跡

　　任何形都由線(xiàn)包圍而成，線(xiàn)就是一個(gè)二維生物里的產(chǎn)物，它有長(cháng)度、寬度，它甚至還能幫我們模擬三維的深度。你可以把線(xiàn)看成一個(gè)點(diǎn)的運行軌跡，這個(gè)思路就可以幫你找到線(xiàn)的本質(zhì)：線(xiàn)是一條運行軌跡，它是從點(diǎn)的基礎上發(fā)展而來(lái)的。

　　一條線(xiàn)也并不拘泥于就是平直的線(xiàn)條形式，只要能連綴成串的，我們都可以把它看成一條線(xiàn)，它就能在構成中發(fā)揮起線(xiàn)的作用。藍色的圓點(diǎn)均勻分布，組成一條非常平靜的運行軌跡線(xiàn)，紅色的圓點(diǎn)具有漸變的節奏，它們組成的線(xiàn)條則帶著(zhù)幾分變速之感。

　　當然，我們傳統的對于線(xiàn)的理解是這樣的，當一個(gè)點(diǎn)向一個(gè)方向移動(dòng)時(shí)，就成為直線(xiàn)，當點(diǎn)在移動(dòng)的過(guò)程中經(jīng)常變化方向，它就是曲線(xiàn)，當點(diǎn)的移動(dòng)方向間隔變換，則為折線(xiàn)。

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

　　下面這個(gè)頁(yè)面的左右兩條垂直線(xiàn)，都分別指引著(zhù)你的視線(xiàn)往它想要你展現的信息上滑過(guò)去。

　　頁(yè)面中軸的位置出現一條垂直的線(xiàn)，你會(huì )跟隨這條線(xiàn)自上而下的滑過(guò)。絕不遺漏掉任何頁(yè)面中間的信息。

　　二、線(xiàn)的風(fēng)格感受

　　線(xiàn)條的風(fēng)格表現在線(xiàn)的寬窄樣式和線(xiàn)的平直彎曲，這些形態(tài)上的變化，可以演繹出謹慎嚴肅，也能釋放某種率性天真。

　　纖細的線(xiàn)

　　如下面導航中的細細的水平線(xiàn)，表達一種穩定精致的感受。目前在網(wǎng)頁(yè)設計中也非常受歡迎，這類(lèi)線(xiàn)條比較簡(jiǎn)潔，能和任何前景背景都混為一片，豐富細節又能引導用戶(hù)的視覺(jué)方向。

　　常見(jiàn)在導航和按鈕的設計里，扁平化傳遞某種精致感，首選是細細的直線(xiàn)，不夾雜私欲，有點(diǎn)“冷淡”的矜持。

　　粗壯的線(xiàn)

　　較粗的直線(xiàn)，表達出一種穩定，稍微會(huì )引發(fā)緊張，放在文字下方有強調的作用。這其實(shí)是因為它能誘發(fā)你去依傍一個(gè)大只佬，由此帶來(lái)的某種安全感。

　　自然卷

　　說(shuō)到曲線(xiàn)，很想提一提一百多年前的“新藝術(shù)”運動(dòng)。由于當時(shí)的歐美進(jìn)入工業(yè)化量產(chǎn)時(shí)代，所有的產(chǎn)品設計、平面設計因為經(jīng)由機器大量生產(chǎn)，慢慢失去了對審美的追求，因此當時(shí)的某些平面設計的先驅們紛紛投入到一場(chǎng)反工業(yè)反粗俗的革新運動(dòng)中，主動(dòng)設計出大量帶有此類(lèi)反機械化，有手工業(yè)色彩的作品。

　　這場(chǎng)運動(dòng)的靈感來(lái)源主要是中世紀的裝飾藝術(shù)、日本的一些東方裝飾風(fēng)格和自然主義。他們提倡靈感來(lái)源于自然，因此他們設計出的作品都是以卷草圖案等曲線(xiàn)為主的。我們可以看到，在我們的自然界里，沒(méi)有一條是完全絕對的直線(xiàn)，葉、花、樹(shù)葉、鳥(niǎo)、海浪、山川、河流……而直線(xiàn)恰恰是人類(lèi)的作用痕跡：建筑、工業(yè)、日常用品的造型大都以直線(xiàn)為主，經(jīng)過(guò)這番觀(guān)察，你就可以大致了解，曲線(xiàn)是自然的表達式，當你想要傳遞與自然有關(guān)的信號時(shí)，就盡量不要用一些特別僵直的線(xiàn)條。

　　一條一絲不茍的直線(xiàn)帶來(lái)緊張，相對而言，曲線(xiàn)、波浪或卷曲的線(xiàn)條就象征著(zhù)某種放松。在網(wǎng)頁(yè)設計中，線(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)性更遠離理性程式化，而是更傾向個(gè)人情緒化的表達。

　　曲折之美

　　折線(xiàn)是一個(gè)特殊的存在，因為它既不是直線(xiàn)，也不是曲線(xiàn)，它沒(méi)有流暢感，卻另有一番曲折的美感，一條單一的曲線(xiàn)能給的信息量不多，但如果是規律排列起來(lái)的曲線(xiàn)就能形成紋理，作為背景它并不突兀，而且能創(chuàng )造出某種曲折處的雅致效果。

　　折線(xiàn)是屬于理性世界的，但它又能比平行直線(xiàn)多一份優(yōu)雅。

　　三、線(xiàn)的作用

　　引導視覺(jué)方向

　　這可以說(shuō)是線(xiàn)的最基礎的功能，由于它的這個(gè)作用才引發(fā)了下面的諸多作用。

　　封閉成形

　　用一根線(xiàn)條來(lái)組成一個(gè)圖形，我們可以稱(chēng)之為簡(jiǎn)筆畫(huà)或者速寫(xiě)，可以看出線(xiàn)條的成形能力，就算線(xiàn)條并沒(méi)有完全閉合，也可以自我完形，也即所謂的“腦補”。

　　分割與限制

　　大部分人想到線(xiàn)的第一功能，就是分割，劃分區域。這里需要注意的是，兩個(gè)不同色塊的交界，就算并沒(méi)有一條明顯的線(xiàn)條，也能產(chǎn)生一條線(xiàn)的視覺(jué)。

　　線(xiàn)的集合：紋理

　　很多線(xiàn)條排列在一起就形成一個(gè)面，可以作為紋理看待。因為線(xiàn)的指向功能，以及線(xiàn)與線(xiàn)的間隔所形成的節奏感，都能讓紋理傳遞出不同氛圍。

　　這就像我們偉大的魯迅先生寫(xiě)過(guò)的他自己對服裝搭配的看法（沒(méi)錯，是寫(xiě)《朝花夕拾》的魯迅），胖人不能穿橫條紋服裝，瘦人最好別穿豎條紋，前者顯胖，拉寬視覺(jué)，后者拉長(cháng)視覺(jué)。（誰(shuí)說(shuō)學(xué)設計一定要看設計書(shū)呢，設計就是視覺(jué)，視覺(jué)來(lái)源于生活，別被“設計”兩個(gè)字嚇到了）

　　橫向的疏密間距相等的線(xiàn)容易形成紋理的面，而不同的間距增加了視覺(jué)深度。

　　四、體會(huì )一個(gè)箭頭里的線(xiàn)體魔力

　　我們要體會(huì )一條線(xiàn)的玩法，可以試著(zhù)畫(huà)一個(gè)箭頭。大家知道普通的箭頭長(cháng)成這樣，網(wǎng)頁(yè)中一個(gè)可能毫不起眼的ICON。

　　從這枚箭頭中，我們可以看到，通過(guò)線(xiàn)的視覺(jué)導向作用，最長(cháng)的線(xiàn)引領(lǐng)你的視覺(jué)從左滑到右，而右端的箭頭上的小尖角的作用更指向了右方。利用這個(gè)原理，你就能創(chuàng )作出更多的其他樣式的箭頭來(lái)引領(lǐng)視線(xiàn)。

　　它的變化可以是無(wú)窮盡的，要選用哪一種樣式，全看你的整體設計風(fēng)格。在這條路上，折騰越多時(shí)間越有收獲。