網(wǎng)頁(yè)設(shè)計(jì)之節(jié)奏韻律的快感
節(jié)奏源于音樂(lè),指音響節(jié)拍輕重緩急的變化和重復(fù),形成一定的韻律。專業(yè)網(wǎng)頁(yè)>設(shè)計(jì)同樣講求節(jié)奏與韻律。
視覺(jué)元素的造型、大小、色彩分布符合一定的比例關(guān)系,就能在視覺(jué)上產(chǎn)生類似于音樂(lè)的節(jié)奏感。例如生活中的動(dòng)物、植物、山川、河流、城市等隨處可見(jiàn)節(jié)奏帶來(lái)的美感:
葉子上的水珠,相同元素以大小不等明度不同的形式分布,節(jié)奏明快;
斑馬黑白相間的圖案及明暗的線條形成了強(qiáng)弱對(duì)比的節(jié)奏感,通過(guò)黑與白的矛盾與沖突,也讓節(jié)奏更富有生氣;
城市建筑的拱形元素有秩序的排列在空間中,產(chǎn)生了一種既分割又連貫的節(jié)奏感,每個(gè)小窗相互呼應(yīng),各個(gè)部分極為融洽,體現(xiàn)了結(jié)構(gòu)設(shè)計(jì)的韻律美;
生活中的韻律與音樂(lè)當(dāng)中的旋律頗為相似,而網(wǎng)頁(yè)設(shè)計(jì)也是節(jié)拍、節(jié)奏以及各種元素的組合,之后加以整合,形成統(tǒng)一的、連貫的、悅目的整體。當(dāng)設(shè)計(jì)師把這種韻律合理運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中去,使兩種藝術(shù)形式有機(jī)的結(jié)合在一起,不但可以達(dá)到一種新的境界,還可以豐富人們的審美感受,推動(dòng)藝術(shù)的進(jìn)步。
網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言形態(tài)上講究點(diǎn)、線、面、體的規(guī)律性變化,結(jié)構(gòu)形式上講究疏密、大小、曲直等,在色彩語(yǔ)言上講究深淺、明暗、冷暖的對(duì)比。這就如同音樂(lè)中的節(jié)奏韻律,賦予了頁(yè)面以活力和生命,使它有了靈魂,也帶給人們更美妙的體驗(yàn)。
黃色色塊,它是節(jié)拍,是靈魂,它的大小變換猶如音樂(lè)中的輕重,形狀的改變猶如曲調(diào)的緩急,在網(wǎng)頁(yè)中自上而下有規(guī)律的出現(xiàn),仿佛音符在跳躍。
綠色色塊,長(zhǎng)短不一、大小各異,就像強(qiáng)大的力度和快速的動(dòng)感相結(jié)合,產(chǎn)生出充滿力量的節(jié)奏。
圓形元素,大小及位置不同的排列,酒瓶以及桌面上的水果等元素也形成了高低不同的變奏,給人一種新穎愉悅的情感體驗(yàn)。
藍(lán)色色塊,按照一定的間隔自上而下分布,色塊明度改變,輕柔的力度和緩慢的動(dòng)感相結(jié)合,營(yíng)造出一種優(yōu)雅恬靜的節(jié)奏,色塊間距離和大小的不同也形成了不同的波長(zhǎng)和輕重的節(jié)奏感。
本文地址:http://irelandcustomcontracting.com/tutorial/di978.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏