版面布局的平衡性
2024-01-14 分類： 網站建設
本教程主要就網頁設計中頁面布局的平衡性方面作了介紹，從而為設計師朋友在設計靈感的實現(xiàn)、風格的確定、發(fā)展策略等方面提供一點建議，希望能對大家有用。
網頁版面與報紙版面設計
網站設計就象傳統(tǒng)的報刊雜志一樣，我們通常都是把網頁看作一張報紙，或者一本雜志來進行排版布局。但是印刷和網絡是不一樣的。
傳統(tǒng)的布局排版并不適于網絡，因為傳統(tǒng)的印刷布局，幾乎想要什么樣的平面效果都能很好的達到，但在網絡上設計就很困難，盡管很多的效果都能通過一些Javascript或是高級的CSS技巧來實現(xiàn)，但結果是使用你的源代碼很臃腫，網頁載入很慢。
而同樣的，網絡上的很多排版布局也不同傳統(tǒng)的印刷打印，畢競這是兩個相隔時間很長的事物。但是，在最近的幾年中，我們發(fā)現(xiàn)越來越多的報紙開始使用網頁設計布局排版，比如大量的頁面留白和基于網絡的設計。同時，我們也可以借鑒傳統(tǒng)報紙的排版布局來獲取新鮮的網頁創(chuàng)意設計靈感。
el economista (madrid, spain)經濟學家報 馬德里，西班牙
el economista 使用一個很傳統(tǒng)，含蓄，獨特的報紙版面和公告，在印刷上面突出比較重要的文章。 圖片信息支持的內容和標題，四周都是大量的空白，我們可以看到這個版面設計很有網頁的風格。
下面我們通過幾個簡單的例子，從四個方面來看版面布局的平衡性，分別是留白、顏色、文字和節(jié)奏
留白
這是某房產廣告設計，可以看到很好的運用了留白
顏色
色彩的平衡性
文字
文字排版的平衡
節(jié)奏
節(jié)奏表現(xiàn)手段從支配行為上可以概括為速度(快、慢)，力量(輕、重)，從排版上可歸納為集中與分散。節(jié)奏表現(xiàn)手段的運用所喚起的直接效果可以大致概括 為緊張、松弛、寧靜、躁動。
如果在繪畫實踐中對一根線條或是一筆顏色在速度上的使用造成快慢差異，其畫面結果可以直接導致視覺及心理上的緊張與松弛感。同 理，在網站設計中，針對點、線、面等元素，以集中或分散的排列差異變化將導致視覺及心理上的寧靜與躁動。
本文來源于成都網站建設公司與成都網站設計制作公司-創(chuàng)新互聯(lián)成都公司！
網頁版面與報紙版面設計
網站設計就象傳統(tǒng)的報刊雜志一樣，我們通常都是把網頁看作一張報紙，或者一本雜志來進行排版布局。但是印刷和網絡是不一樣的。
傳統(tǒng)的布局排版并不適于網絡，因為傳統(tǒng)的印刷布局，幾乎想要什么樣的平面效果都能很好的達到，但在網絡上設計就很困難，盡管很多的效果都能通過一些Javascript或是高級的CSS技巧來實現(xiàn)，但結果是使用你的源代碼很臃腫，網頁載入很慢。
而同樣的，網絡上的很多排版布局也不同傳統(tǒng)的印刷打印，畢競這是兩個相隔時間很長的事物。但是，在最近的幾年中，我們發(fā)現(xiàn)越來越多的報紙開始使用網頁設計布局排版，比如大量的頁面留白和基于網絡的設計。同時，我們也可以借鑒傳統(tǒng)報紙的排版布局來獲取新鮮的網頁創(chuàng)意設計靈感。
el economista (madrid, spain)經濟學家報 馬德里，西班牙
el economista 使用一個很傳統(tǒng)，含蓄，獨特的報紙版面和公告，在印刷上面突出比較重要的文章。 圖片信息支持的內容和標題，四周都是大量的空白，我們可以看到這個版面設計很有網頁的風格。
下面我們通過幾個簡單的例子，從四個方面來看版面布局的平衡性，分別是留白、顏色、文字和節(jié)奏
留白
這是某房產廣告設計，可以看到很好的運用了留白
顏色
色彩的平衡性
文字
文字排版的平衡
節(jié)奏
節(jié)奏表現(xiàn)手段從支配行為上可以概括為速度(快、慢)，力量(輕、重)，從排版上可歸納為集中與分散。節(jié)奏表現(xiàn)手段的運用所喚起的直接效果可以大致概括 為緊張、松弛、寧靜、躁動。
如果在繪畫實踐中對一根線條或是一筆顏色在速度上的使用造成快慢差異，其畫面結果可以直接導致視覺及心理上的緊張與松弛感。同 理，在網站設計中，針對點、線、面等元素，以集中或分散的排列差異變化將導致視覺及心理上的寧靜與躁動。
本文來源于成都網站建設公司與成都網站設計制作公司-創(chuàng)新互聯(lián)成都公司！
分享文章：版面布局的平衡性
鏈接分享：http://www.rwnh.cn/news13/313563.html
成都網站建設公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、自適應網站、App設計、響應式網站、企業(yè)網站制作、網站建設
聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容
- 網站建設中如何才能做好企業(yè)品牌網站建設策劃的關鍵 2024-01-14
- 了解美國云服務器的真正優(yōu)勢和劣勢 2024-01-14
- 網站制作要想被認可，至少保證這三點。 2024-01-14
- 網站設計的流程有哪些，設計完需要多久？(網站設計規(guī)劃流程) 2024-01-14
- 美國網站服務器的加密方式 2024-01-14
- 美國網站服務器CC攻擊的種類以及防御 2024-01-14
- 產業(yè)互聯(lián)網很無趣：成都小程序制作？那就撤吧! 2024-01-14
- 手機網站建設哪個好？ 2024-01-14
- 奶茶行業(yè)找客戶難？發(fā)展難？那是你還沒做全網營銷 2024-01-14
- 教育網站建設中選擇網頁設計的幾點建議 2024-01-14
- 成都小程序定制公司具備什么功能和優(yōu)點？ 2024-01-14
- 純Javascript實現(xiàn)的文件上傳功能-Fineuploader 2024-01-14
- Javascript模擬游戲中的彈出菜單效果 2024-01-14
- 做好市場網絡公司網站建設的幾個操作 2024-01-14
- 美國專用服務器的性能怎么提高？ 2024-01-14
- 常州又一所全新高中來了 2024-01-14
- 成都網站建設微博四招給網站換新鮮空氣！ 2024-01-14
- 了解VPS的工作原理 2024-01-14
- 如何設置Nginx反向代理服務器示例 2024-01-14