本教程主要就網(wǎng)頁(yè)設(shè)計(jì)中頁(yè)面布局的平衡性方面作了介紹,從而為設(shè)計(jì)師朋友在設(shè)計(jì)靈感的實(shí)現(xiàn)、風(fēng)格的確定、發(fā)展策略等方面提供一點(diǎn)建議,希望能對(duì)大家有用。
網(wǎng)頁(yè)版面與報(bào)紙版面設(shè)計(jì)
網(wǎng)站設(shè)計(jì)就象傳統(tǒng)的報(bào)刊雜志一樣,我們通常都是把網(wǎng)頁(yè)看作一張報(bào)紙,或者一本雜志來進(jìn)行排版布局。但是印刷和網(wǎng)絡(luò)是不一樣的。
傳統(tǒng)的布局排版并不適于網(wǎng)絡(luò),因?yàn)閭鹘y(tǒng)的印刷布局,幾乎想要什么樣的平面效果都能很好的達(dá)到,但在網(wǎng)絡(luò)上設(shè)計(jì)就很困難,盡管很多的效果都能通過一些Javascript或是高級(jí)的CSS技巧來實(shí)現(xiàn),但結(jié)果是使用你的源代碼很臃腫,網(wǎng)頁(yè)載入很慢。
而同樣的,網(wǎng)絡(luò)上的很多排版布局也不同傳統(tǒng)的印刷打印,畢競(jìng)這是兩個(gè)相隔時(shí)間很長(zhǎng)的事物。但是,在最近的幾年中,我們發(fā)現(xiàn)越來越多的報(bào)紙開始使用網(wǎng)頁(yè)設(shè)計(jì)布局排版,比如大量的頁(yè)面留白和基于網(wǎng)絡(luò)的設(shè)計(jì)。同時(shí),我們也可以借鑒傳統(tǒng)報(bào)紙的排版布局來獲取新鮮的網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)靈感。
el economista (madrid, spain)經(jīng)濟(jì)學(xué)家報(bào) 馬德里,西班牙
el economista 使用一個(gè)很傳統(tǒng),含蓄,獨(dú)特的報(bào)紙版面和公告,在印刷上面突出比較重要的文章。 圖片信息支持的內(nèi)容和標(biāo)題,四周都是大量的空白,我們可以看到這個(gè)版面設(shè)計(jì)很有網(wǎng)頁(yè)的風(fēng)格。
下面我們通過幾個(gè)簡(jiǎn)單的例子,從四個(gè)方面來看版面布局的平衡性,分別是留白、顏色、文字和節(jié)奏
留白
這是某房產(chǎn)廣告設(shè)計(jì),可以看到很好的運(yùn)用了留白
顏色
色彩的平衡性
文字
文字排版的平衡
節(jié)奏
節(jié)奏表現(xiàn)手段從支配行為上可以概括為速度(快、慢),力量(輕、重),從排版上可歸納為集中與分散。節(jié)奏表現(xiàn)手段的運(yùn)用所喚起的直接效果可以大致概括 為緊張、松弛、寧?kù)o、躁動(dòng)。
如果在繪畫實(shí)踐中對(duì)一根線條或是一筆顏色在速度上的使用造成快慢差異,其畫面結(jié)果可以直接導(dǎo)致視覺及心理上的緊張與松弛感。同 理,在網(wǎng)站設(shè)計(jì)中,針對(duì)點(diǎn)、線、面等元素,以集中或分散的排列差異變化將導(dǎo)致視覺及心理上的寧?kù)o與躁動(dòng)。
本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
分享文章:版面布局的平衡性
鏈接分享:http://redsoil1982.com.cn/news13/313563.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號(hào)、自適應(yīng)網(wǎng)站、App設(shè)計(jì)、響應(yīng)式網(wǎng)站、企業(yè)網(wǎng)站制作、網(wǎng)站建設(shè)
廣告
聲明:本網(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)