最近是在做研招辦宣傳的一個頁面(miàn)，而自己也是在這(zhè)邊遇到了設計的瓶頸。之前的設計似乎都(dōu)是在無意識的拼湊，都(dōu)是靠運氣。正好(hǎo)湊得上，就過(guò)，湊不上， 就改，接著(zhe)湊，自己也沒(méi)有想過(guò)一些設計的細節與方法，在這(zhè)裡(lǐ)整理 一下一些思路，希望自己可以借此開(kāi)竅一下，也督促自己繼續學(xué)習，然後(hòu)就是繼續改那個稿。

一、首頁内容大緻分類

　　1、導航欄

　　2、圖片展播

　　3、小欄目組們

　　4、文章列表

　　5、ENDING信息

　　内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司、、、先誠官網：/ 

二、闆塊排布的适當調整

　　爲了體現整體性，往往需要在設計中稍微“畫蛇添足”，也就是多些修飾。既保證此闆塊與其他闆塊相區分，同時也保證闆塊内部的整體性與整個網頁設計的融合性以及闆塊内容的合理性。下面(miàn)就以文章列表與小欄目組爲例，看他們是怎樣(yàng)的适當調整。

　　1、文章列表

　　由于前面(miàn)兩(liǎng)個都(dōu)是政府門戶網站，以新聞内容爲主，所以第三個看不懂的文章列表設計風格看起(qǐ)來很閑情逸緻。文章列表最中流砥柱的當然也就是一個可以點擊的文章标題而已，那其餘的就都(dōu)是修飾，所以修飾有哪些呢?日期、文字前的小圓點、“更多”、被(bèi)重點推出的标題以及其附帶的一段灰色内容概要，選區被(bèi)選中時的修飾效果，有些還(hái)會附加一張圖…………

　　2、小欄目組們

　　小欄目組的适當調整要考慮欄目個數以及欄目的分類，有些是橫著(zhe)排列在頁面(miàn)中，有些事(shì)側邊豎下來一列，這(zhè)個大概位置在需求文檔中客戶會大概的分布好(hǎo)，但有時客戶分布地不合理，或者出于設計合理性，可以适當調整位置，隻要最終這(zhè)樣(yàng)的分類不影響網頁體驗。欄目的設計中很容易出現整體性的問題，小欄目組成(chéng)的小整體，還(hái)有整個快速入口與整個頁面(miàn)内容排布的整體性。這(zhè)一點在最後(hòu)的實例中會有淋漓盡緻的體現。。。。。總之相同的内容分布怎樣(yàng)設計版式，上面(miàn)三個一橫排，下面(miàn)的欄目就分成(chéng)四塊，這(zhè)樣(yàng)欄目之間上下就是錯位的，并不是排排站的，這(zhè)樣(yàng)可以增強整體性。總而言之就是要錯落有緻，就像瀑布流的設計一樣(yàng)，方塊之間不是對(duì)齊完全一樣(yàng)的。

三、實例分析

　　文章列表的設計形式變化了，但設計重複;“招考快訊”旁邊的三個圖标移到了下方，版式排布豐富了;“院系介紹”等三個橙色的方塊上多了小三角，使上下内容(上面(miàn)的粉色介紹性文字與下面(miàn)的橙色圖标)聯系緊密了，并且“院系介紹”中文下多了英文;“熱點外鏈”移了位置，但缺乏設計感

　　將(jiāng)本來的兩(liǎng)部分欄目做了合理的調整，兩(liǎng)個介紹單獨放在了一起(qǐ)，但涉及效果好(hǎo)像是兩(liǎng)個标簽，與下面(miàn)的“數據統計”聯系了起(qǐ)來，要重新考慮一下設計;"數據統計"闆塊本身整體性有待增強;四個快速入口鏈接圖标顔色與網頁整體的跳躍色調有些不符;“熱點外鏈”的這(zhè)種(zhǒng)設計形式在扁平化風行的現在很普遍。