設(shè)計(jì)的骨骼——每個(gè)設(shè)計(jì)抽象出來都是一些元素的構(gòu)成

在我們的生活中，設(shè)計(jì)無處不在，比如地鐵里的大廣告牌，櫥窗里擺放的衣服，高樓大廈的LED展位，甚至手機(jī)里的某個(gè)應(yīng)用界面等，通常在大家眼里，好的設(shè)計(jì)就是即有創(chuàng)意又大膽，并沒有什么規(guī)律可循，但其實(shí)設(shè)計(jì)和繪畫不同的在于，繪畫可以展露個(gè)性，而設(shè)計(jì)的核心卻是體現(xiàn)秩序的美感，它不是來自個(gè)人，而是來自于社會(huì)，好比建筑群的設(shè)計(jì)構(gòu)成，不只是一個(gè)華麗的皮囊，而是有血有肉的，它的骨骼就是設(shè)計(jì)的根本。每個(gè)設(shè)計(jì)抽象出來都是一些元素的構(gòu)成。

　　康定斯基曾經(jīng)在《點(diǎn)線面》的一書中，將藝術(shù)的形式歸結(jié)為三種元素之間的構(gòu)成關(guān)系。

　　“依賴于對(duì)藝術(shù)單個(gè)的精神考察，這種元素分析師通向作品內(nèi)在律動(dòng)的橋梁 ?！薄呶骼铩た刀ㄋ够?Wassily ?Kandinsky )《 點(diǎn)、線、面》

　　每個(gè)設(shè)計(jì)師總有一點(diǎn)職業(yè)病，有時(shí)候會(huì)被滿屏的信息淹沒，有時(shí)候會(huì)為一個(gè)像素的間距而糾結(jié)，但只需靜下心來，從設(shè)計(jì)的根本出發(fā)，不看那些裝飾和顏色還有材質(zhì)，只從平面構(gòu)成出發(fā)重新解構(gòu)你的設(shè)計(jì)，也許會(huì)有不一樣的啟發(fā)和看到那一點(diǎn)點(diǎn)瑕疵所在。

　　我們先回顧一下平面設(shè)計(jì)中的點(diǎn)，線，面各自的特點(diǎn)

　　一．點(diǎn)的運(yùn)用

　　在幾何學(xué)的意義上點(diǎn)是可見的最小形式單元，是位置的表示形式。無所謂方向、大小、形狀。但所為設(shè)計(jì)構(gòu)成的點(diǎn)與幾何中的點(diǎn)是不同的。只有當(dāng)它與周圍要素進(jìn)行對(duì)比時(shí)才可知這個(gè)具有具體面積形象是否可以稱之為“點(diǎn)”。

　　康定斯基認(rèn)為從內(nèi)在性的角度來看，點(diǎn)是最簡(jiǎn)潔的形態(tài)。

　　舉個(gè)例子，下面的網(wǎng)站是一個(gè)日本傳統(tǒng)的24節(jié)氣網(wǎng)站，站點(diǎn)設(shè)計(jì)也非常的傳統(tǒng)，用非常簡(jiǎn)約的線條和少量的元素組合成了一種空靈的美感。

　　看起來都是文字和線條的交接，看起來并沒有所謂的點(diǎn)的組成，但實(shí)際上一些文字在視覺里起到了點(diǎn)的作用，如下圖所示，右側(cè)標(biāo)題作為視覺中心，緊密的排列起來的文字形成了一個(gè)矩形視覺焦點(diǎn)，而左側(cè)的小文起到平衡視覺的作用。

　　網(wǎng)站地址：http://www.iseokagenosato.jp/kotonohagusa/

　　1.不同形狀的點(diǎn)往往給人以不同的視覺心理感受

　　圓形，平穩(wěn)，在感情上是飽滿的，渾厚有力量的。

　　方形，除了平穩(wěn)外有端莊，大方感，在感情上是踏實(shí)的，可依靠的。

　　三角形或菱形：菱角分明，且有指向性，在感情上是偏倚的，有目的性的。菱形比三角形對(duì)稱，在平衡中尋求個(gè)性。其他不規(guī)則的圖形，顯得富有自己的個(gè)性，是獨(dú)立的，張揚(yáng)的。在規(guī)則的圖形里變得非常明顯。往往用于豐富畫面。

　　居中：平靜，穩(wěn)定，集中感

　　居上：不穩(wěn)定感

　　居下：畫面有沉淀，安靜的感覺，但是不容易被人發(fā)現(xiàn)。

　　在頁面三分之二靠上時(shí)：吸引人注意往往是視覺的焦點(diǎn)。

　　還是舉日本節(jié)氣網(wǎng)站這個(gè)例子，進(jìn)入某個(gè)節(jié)氣后首先映入眼簾的是正中央的節(jié)氣信息，第一時(shí)間讓用戶看到最想知道的內(nèi)容，正中央圓角矩形的設(shè)計(jì)，隱喻傳統(tǒng)印章，安靜且舒適。而內(nèi)容相對(duì)而言在視線的偏上方從純色背景到高清大圖設(shè)的背景設(shè)計(jì)上非常有層次感也不會(huì)覺得枯燥。

　　3.當(dāng)畫面中有不同大小的點(diǎn)時(shí)，大的點(diǎn)是焦點(diǎn)。而點(diǎn)不同的排列方式也會(huì)產(chǎn)生不同的視覺心理感受

　　當(dāng)一個(gè)畫面中有很多零散的點(diǎn)分布時(shí)，用戶的視線會(huì)來回游移，而設(shè)計(jì)的目的就是如何讓他們?cè)诓灰?guī)則中不顯得凌亂。

　　例如這個(gè)站點(diǎn)畫面里有三個(gè)較大的點(diǎn)，大的點(diǎn)往往吸引人的注意，并且這三個(gè)點(diǎn)形成了一個(gè)視覺上的三角形，相對(duì)來說是比較穩(wěn)定的。三角形的位置在頁面的三分之二靠上，正好在視覺焦點(diǎn)的位置。也說明了當(dāng)你的視覺元素非常多時(shí)，把想要突出的內(nèi)容放在偏上或者居中的位置，才容易被識(shí)別。

　　二．線的運(yùn)用

　　如果說點(diǎn)是靜止的，那么線，就是點(diǎn)運(yùn)動(dòng)的軌跡。游離于點(diǎn)和形之間，它具有位置、長(zhǎng)度、寬度、方向、形狀和性格等屬性。

　　不同的線有不同的感情性格，線有很強(qiáng)的心理暗示作用。

　　直線好比男性，剛強(qiáng)有力量，曲線好比女性，柔和并且性感。

　　不同方向的線條和不同的排列方式也對(duì)用戶起了不同的引導(dǎo)作用

　　如上面所示左圖是瑞士航空公司的海報(bào)設(shè)計(jì)，不同方向的蜿蜒的公路線條性感的交織在一起，使得畫面非常豐富。

　　中圖是一個(gè)電影海報(bào)，曲線的指向型引導(dǎo)用戶的視覺，這就是點(diǎn)和線的區(qū)分，線是帶有方向性的，有粗細(xì)的變化。

　　右圖是一張獲得紅點(diǎn)大獎(jiǎng)的呼吁節(jié)電的海報(bào)，畫面中簡(jiǎn)潔的直線并帶有向下的方向感，即能引起關(guān)燈的共鳴也能將不插電這種概念表達(dá)出來。

　　線還有分割畫面的作用，線有連貫性，畫面因?yàn)樗姆指疃兊蒙鷦?dòng)有趣，對(duì)于閱讀順序有著決定性的作用。

　　再如下圖的網(wǎng)頁用中央的一根直線將頁面劃分為左右文字信息和數(shù)據(jù)可視化的兩個(gè)部分。

　　再如下圖版式設(shè)計(jì)中的曲線運(yùn)用，貫穿整個(gè)頁面，打破了整齊的文字排版，打破了乏味的基調(diào)。

　　三．面的運(yùn)用

　　面是線的移動(dòng)至終結(jié)而形成的，面有長(zhǎng)度、寬度，沒有厚度。

　　面的形態(tài)是多種多樣的，不同的形態(tài)的面，在視覺上表現(xiàn)不同的情感。

　　直線形的面具有直線所表現(xiàn)的心理特征，有安定、秩序感，男性的性格。

　　曲線形的面具有柔軟、輕松、飽滿、女性的象征。

　　不規(guī)則的面如：水和油墨，混合墨灑產(chǎn)生的偶然形等，比較自然生動(dòng)，有人情味。

　　第一張圖的電影海報(bào)中用三角形的面來切割畫面，視覺上非常有秩序感且穩(wěn)定。

　　用大的幾何圖形來做設(shè)計(jì)能把視覺集中到圖形上，是切割畫面內(nèi)容最好的方式。

　　第二張圖中的不規(guī)則的面切割畫面讓頁面整體比較活潑可愛，和畫面的品牌牛奶的氣質(zhì)非常吻合，這樣的不規(guī)則元素被穿插在整個(gè)畫面中。

　　更多內(nèi)容請(qǐng)繼續(xù)閱讀設(shè)計(jì)的骨骼(二)

分享名稱：設(shè)計(jì)的骨骼——每個(gè)設(shè)計(jì)抽象出來都是一些元素的構(gòu)成
網(wǎng)頁地址：http://www.bm7419.com/news38/168538.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、網(wǎng)站導(dǎo)航、網(wǎng)站建設(shè)、服務(wù)器托管、靜態(tài)網(wǎng)站、標(biāo)簽優(yōu)化

廣告

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