• 
• 
• 
• 
• 
• 
• 

知識普及 ? 刪格設(shè)計(jì)解決網(wǎng)站布局亂的問題

刪格設(shè)計(jì)解決網(wǎng)站布局亂的問題

網(wǎng)頁設(shè)計(jì)師 于2019-07-23 16:23發(fā)表 閱讀次數(shù) 2367次

網(wǎng)頁設(shè)計(jì)中的臟、亂、差，是我們在設(shè)計(jì)過程中常會遇到的問題。通常"臟"是由對色彩使用不當(dāng)所產(chǎn)生的，而色彩使用不當(dāng)產(chǎn)生的不好效果也分為："花、灰"，花哨、灰頭土臉也就是這里所說的"臟"。而"差"基本上是由于我們的技法上不夠嫻熟所產(chǎn)生的。比如細(xì)節(jié)上的處理不到位，某個(gè)局部的效果制作得粗糙。這可以稱之為"差"，特別是在處理帶有2D效果的設(shè)計(jì)作品時(shí)，這種情況常會出現(xiàn)。但是我今天在本文中所要談的是"亂"。 　　什么是亂？這里的亂不是指用色亂，也不是指內(nèi)容亂，而主要是指網(wǎng)頁布局亂。以前我有幸接觸了平面設(shè)計(jì)，并且從中學(xué)到了很多平面設(shè)計(jì)上的一些知識與技法。其中“柵格設(shè)計(jì)”就是平面設(shè)計(jì)中用于處理布局的一種理論。到目前為止我還在研究"柵格設(shè)計(jì)"。因?yàn)橹鴮?shí)沒有什么比較好的語言可以非常簡潔明了的概括這個(gè)詞。這更像是需要不斷用實(shí)踐去理解的。所以很多時(shí)候我們們都無法去講述。但是在設(shè)計(jì)中這個(gè)柵格卻是能幫助我們完成更好作品的一個(gè)非常好用的利器。對于柵格設(shè)計(jì)我也不能說是認(rèn)識深刻，我這里只是依據(jù)我對于柵格設(shè)計(jì)的理解，將之用于網(wǎng)頁設(shè)計(jì)中，希望能給更多的朋友們一點(diǎn)啟示，或許能打開一些朋友的思路。 　　單純的文字是沒辦法讓設(shè)計(jì)師們耐心的看下去的，所以還是老辦法，用示圖來作為講解模型。這次我們使用的網(wǎng)頁是微軟、IBM、ASTRO三個(gè)公司網(wǎng)站來講解。希望通過分解這三個(gè)公司的網(wǎng)站設(shè)計(jì)，能把我所理解的柵格設(shè)計(jì)傳達(dá)出來?？词緢D： 　　我們看到微軟公司的網(wǎng)站設(shè)計(jì)中并沒有什么明顯的線去區(qū)隔不同的區(qū)塊，但是當(dāng)我們把當(dāng)蒙上一層紗，然后用實(shí)線把每個(gè)部分都畫出來這時(shí)我們發(fā)現(xiàn)這個(gè)網(wǎng)站其實(shí)是處在一個(gè)柵格陣列中。那么這個(gè)陣列中的內(nèi)容已經(jīng)很明顯了，并且我們從中發(fā)現(xiàn)了很多區(qū)塊在頁面中的位置居然是那么的有條理，并且有一些并不在一起的區(qū)塊，居然也有一定的規(guī)律。當(dāng)然有人可能會說，都用線畫出來了當(dāng)然顯得條理，整齊了。問題就在于這里，我們的網(wǎng)站都可以用縱橫線區(qū)分開。但是一些設(shè)計(jì)得不好的網(wǎng)站的縱橫線可能數(shù)量非常的多，縱橫線的數(shù)量過多并且都擠在一直，這就說明網(wǎng)站的布局顯得太亂。或者是過于條理而變得布局平均，沒有對比，缺乏美感。其實(shí)只要用這樣的方法去分析一下自己設(shè)計(jì)的作品也許就能從中看到問題所在。 　　下面我們再來看一下IBM的網(wǎng)站的分解圖： 　　我們看到IBM的柵格與MS的有很大的不同，IBM中還出現(xiàn)了一些差不多大的柵格，但是這里要注意其實(shí)這些柵格是由于底部很小的幾個(gè)區(qū)塊所產(chǎn)生的，并且這凡個(gè)區(qū)塊還可以看作是一個(gè)橫向的區(qū)塊。我們從這里可以看到IBM的布局設(shè)計(jì)是對稱的。但是這種對稱卻是在離在縱橫線上卻不容易注意到的。這是很高明的手法。 　　我們再來看看ASTRO公司的網(wǎng)站，這個(gè)網(wǎng)站比起上面兩個(gè)公司的網(wǎng)站就更娛樂化，更有趣了。 　　從這三個(gè)網(wǎng)站中我們可以看到三種不同風(fēng)格的柵格設(shè)計(jì)，雖然有所不同，但我們依然可以發(fā)現(xiàn)三者都會盡可能的把最重要的信息放在視覺中心點(diǎn)上，不論是放在左邊的還是右邊的或是中間的，他們都得到了最大的柵格區(qū)，得到了足夠的重視!我們的視覺中心也自然盯在了上面!

刪格設(shè)計(jì)解決網(wǎng)站布局亂的問題相關(guān)標(biāo)簽：做網(wǎng)站，網(wǎng)站推廣，開發(fā)網(wǎng)站，網(wǎng)站搭建

相關(guān)熱點(diǎn)推薦

TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁不到首頁 青島網(wǎng)站設(shè)計(jì)中關(guān)于al 好設(shè)計(jì)應(yīng)該是平凡的設(shè)計(jì) 網(wǎng)站LOGO簡論 網(wǎng)頁布局設(shè)計(jì)基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點(diǎn) 新站快速推廣經(jīng)驗(yàn)，百度 為中文而設(shè)計(jì)的文本框 關(guān)于網(wǎng)站優(yōu)化五大技巧 如何進(jìn)行網(wǎng)站首頁改版 web設(shè)計(jì)師可以走得更 專業(yè)設(shè)計(jì)網(wǎng)站的公司哪里 青島網(wǎng)站設(shè)計(jì)的幾點(diǎn)知識 青島網(wǎng)站制作哪家強(qiáng) 交互設(shè)計(jì)的8項(xiàng)黃金法則 設(shè)計(jì)良好網(wǎng)頁的4項(xiàng)原則 公司網(wǎng)站制作需要注意的 如何讓你的網(wǎng)站更有吸引 泛泛而談界面中的斑馬紋 網(wǎng)絡(luò)營銷的五個(gè)階段 青島網(wǎng)站設(shè)計(jì)成功要素 小型企業(yè)網(wǎng)站維護(hù) 奈薇建站網(wǎng)科技2016 國內(nèi)網(wǎng)頁設(shè)計(jì)經(jīng)驗(yàn)談 微信營銷推廣的特性-奈 什么是自助建站？ 如何從營銷的角度策劃建 建網(wǎng)站必備六步 基本搜索引擎優(yōu)化策略 新人做站之網(wǎng)站定位與網(wǎng) Web頁面設(shè)計(jì)原則 個(gè)人網(wǎng)站站長看過來網(wǎng)站 網(wǎng)站設(shè)計(jì)中的簡潔與簡單 以“產(chǎn)品”思維搭建網(wǎng)站 關(guān)于VIP用戶研究與產(chǎn) 營銷型網(wǎng)站優(yōu)化需要注意 如何制作友情連接？做友

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶