本教程主要就網(wǎng)頁設(shè)計中頁面布局的平衡性方面作了介紹，從而為設(shè)計師朋友在設(shè)計靈感的實(shí)現(xiàn)、風(fēng)格的確定、發(fā)展策略等方面提供一點(diǎn)建議，希望能對大家有用。

網(wǎng)頁版面與報紙版面設(shè)計

網(wǎng)站設(shè)計就象傳統(tǒng)的報刊雜志一樣，我們通常都是把網(wǎng)頁看作一張報紙，或者一本雜志來進(jìn)行排版布局。但是印刷和網(wǎng)絡(luò)是不一樣的。

傳統(tǒng)的布局排版并不適于網(wǎng)絡(luò)，因?yàn)閭鹘y(tǒng)的印刷布局，幾乎想要什么樣的平面效果都能很好的達(dá)到，但在網(wǎng)絡(luò)上設(shè)計就很困難，盡管很多的效果都能通過一些Javascript或是高級的CSS技巧來實(shí)現(xiàn)，但結(jié)果是使用你的源代碼很臃腫，網(wǎng)頁載入很慢。

而同樣的，網(wǎng)絡(luò)上的很多排版布局也不同傳統(tǒng)的印刷打印，畢競這是兩個相隔時間很長的事物。但是，在最近的幾年中，我們發(fā)現(xiàn)越來越多的報紙開始使用網(wǎng)頁設(shè)計布局排版，比如大量的頁面留白和基于網(wǎng)絡(luò)的設(shè)計。同時，我們也可以借鑒傳統(tǒng)報紙的排版布局來獲取新鮮的網(wǎng)頁創(chuàng)意設(shè)計靈感。

el economista (madrid, spain)經(jīng)濟(jì)學(xué)家報 馬德里，西班牙

el economista 使用一個很傳統(tǒng)，含蓄，獨(dú)特的報紙版面和公告，在印刷上面突出比較重要的文章。 圖片信息支持的內(nèi)容和標(biāo)題，四周都是大量的空白，我們可以看到這個版面設(shè)計很有網(wǎng)頁的風(fēng)格。

下面我們通過幾個簡單的例子，從四個方面來看版面布局的平衡性，分別是留白、顏色、文字和節(jié)奏

留白

這是某房產(chǎn)廣告設(shè)計，可以看到很好的運(yùn)用了留白

顏色

色彩的平衡性

文字

文字排版的平衡

節(jié)奏

節(jié)奏表現(xiàn)手段從支配行為上可以概括為速度(快、慢)，力量(輕、重)，從排版上可歸納為集中與分散。節(jié)奏表現(xiàn)手段的運(yùn)用所喚起的直接效果可以大致概括 為緊張、松弛、寧靜、躁動。

如果在繪畫實(shí)踐中對一根線條或是一筆顏色在速度上的使用造成快慢差異，其畫面結(jié)果可以直接導(dǎo)致視覺及心理上的緊張與松弛感。同 理，在網(wǎng)站設(shè)計中，針對點(diǎn)、線、面等元素，以集中或分散的排列差異變化將導(dǎo)致視覺及心理上的寧靜與躁動。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

分享文章：版面布局的平衡性
鏈接分享：http://chinadenli.net/news13/313563.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、自適應(yīng)網(wǎng)站、App設(shè)計、響應(yīng)式網(wǎng)站、企業(yè)網(wǎng)站制作、網(wǎng)站建設(shè)

廣告

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