最近(jìn)是(shì)在做(zuò)研招辦宣傳的(de)一(yī)個(gè)₽$¶頁面，而自(zì)己也(yě)是(shì)在這(zhè)邊遇到(dào)了(•σ✘le)設計(jì)的(de)瓶頸。之前的(de)設計(→≤​jì)似乎都(dōu)是(shì)在無意識的(de)拼湊，都≤→₹(dōu)是(shì)靠運氣。正好(hǎo)湊得(de)上(shàng)，就(jiù)過，↕↔∏☆湊不(bù)上(shàng)， 就(jiù)改，接著(zhe)湊，自(zì)己也(y₹→$ ě)沒有(yǒu)想過一(yī)些(xiē)設計(jì)的(de)細節與方法，在這‍☆λ(zhè)裡(lǐ)整理(lǐ) 一(yī)下(xià↔★Ω≥)一(yī)些(xiē)思路(lù)，希望自(zì)ε $己可(kě)以借此開(kāi)竅一(yī∞∏)下(xià)，也(yě)督促自(zì)己繼續學""習(xí)，然後就(jiù)是(shì)繼續改那(nà)個(gè)稿。

一(yī)、首頁內(nèi)容大(dà)緻分(fēn)類

　　1、導航欄

　　2、圖片展播

　　3、小(xiǎo)欄目組們

　　4、文(wén)章(zhāng)列表

　　5、ENDING信息

　　內(nèi)蒙古網站(zhàn)制(zhì)作("♠‍zuò)，內(nèi)蒙古網站(zhàn)設計(jì∑ β)，內(nèi)蒙古網站(zhàn)建設，呼和(hé)浩特網站(zhàn)建設，呼和(hé)浩特♦™÷網站(zhàn)制(zhì)作(zuò)、呼↕±✔§和(hé)浩特網站(zhàn)設計(jì)"↕‌ 首選內(nèi)蒙古呼和(hé)浩特先誠≥∞網絡科(kē)技(jì)公司、、、先誠官網：/ 

二、闆塊排布的(de)适當調整

　　為(wèi)了(le)體(tǐ)現(xiàn)整體(tǐ)性，往往需要(yφ♣©ào)在設計(jì)中稍微(wēi)“畫(huà)蛇添足”，也(yě)就(jiù£Ω ∑)是(shì)多(duō)些(xiē)修飾。×↓☆∞既保證此闆塊與其他(tā)闆塊相(xiàng)區(qū)分(fē↓§φ♦n)，同時(shí)也(yě)保證闆塊內(nèi)部的&€≥↔(de)整體(tǐ)性與整個(gè)網頁設計(jì ☆)的(de)融合性以及闆塊內(nèi)容的(de)合理(lǐ)性。下(xià)面就(ji∞♥β¥ù)以文(wén)章(zhāng)列表與小(xiǎαΩ✔o)欄目組為(wèi)例，看(kàn)他(tā‌∞)們是(shì)怎樣的(de)适當調整。

　　1、文(wén)章(zhāng)列表

　　由于前面兩個(gè)都(dōu)是(shì)政府門(mén)戶網站(zhàn)，以新聞內(nè±₩ i)容為(wèi)主，所以第三個(gè)看(kàn)不(bù)懂(dǒng)的(de)文∏♥'(wén)章(zhāng)列表設計(jì)風(fēng)格看↕↕(kàn)起來(lái)很(hěn)閑情逸§™↑緻。文(wén)章(zhāng)列表最中流砥柱φ'→•的(de)當然也(yě)就(jiù)是(shì)一(yī)個(gè®™εβ)可(kě)以點擊的(de)文(wén)章(zhāng)标題而已，那(nà)其餘的(d'•e)就(jiù)都(dōu)是(shì)修飾，所以修飾有(yǒu)哪些(xiē)呢≥→&&(ne)?日(rì)期、文(wén)字前的(de)小(xiǎo)​φ€<圓點、“更多(duō)”、被重點推出的(de)标題ε'¶☆以及其附帶的(de)一(yī)段灰色內(nèi)容概要(¶$πyào)，選區(qū)被選中時(shí)的(de)修σ±× 飾效果，有(yǒu)些(xiē)還(hái)會(huì)附加&→≤一(yī)張圖…………

　　2、小(xiǎo)欄目組們

　　小(xiǎo)欄目組的(de)适當調整要(yào)考慮欄目個(gè)數(→©≥shù)以及欄目的(de)分(fēn)類，有λΩ₽π(yǒu)些(xiē)是(shì)橫著(zhe)排列在頁面↕∑Ω中，有(yǒu)些(xiē)事(shì)側邊豎下(xià)來(lái)一(yī)列，這(z&₽♥hè)個(gè)大(dà)概位置在需求文(wén)檔中客戶 ∏♣∞會(huì)大(dà)概的(de)分(fēn)布好(hǎo)，但(dàn)有(yǒu)時(sh$₽í)客戶分(fēn)布地(dì)不(bù)合理(lǐ)，或者出于設計(jì)合 ÷↓理(lǐ)性，可(kě)以适當調整位置，隻要(yào)最終™'這(zhè)樣的(de)分(fēn)類不(bù)影(yǐng)響網頁體¥€(tǐ)驗。欄目的(de)設計(jì)中©≤很(hěn)容易出現(xiàn)整體(tǐ)性的(de)問(wèn)題，小(xiǎo)™ ≈☆欄目組成的(de)小(xiǎo)整體(tǐ)，還(hái)有(yǒu)整個↓±(gè)快(kuài)速入口與整個(gè)頁面內(nèi)容排布的(d≥✘≤e)整體(tǐ)性。這(zhè)一(yī)點在最後的(de)實例中會(h§φuì)有(yǒu)淋漓盡緻的(de)體(tǐ)☆∞現(xiàn)。。。。。總之相(xiàng)同的(de)內(nèi)容分(fēn♠★)布怎樣設計(jì)版式，上(shàng)面三個(gè)一(yī)橫排，下(xià)面的(de)≥•÷Ω欄目就(jiù)分(fēn)成四塊，這(∞•zhè)樣欄目之間(jiān)上(shàng)下(x∞↓ià)就(jiù)是(shì)錯(cuò)位的(✔↕∞≥de)，并不(bù)是(shì)排排站(zhàn)的(de)，這(zhè)樣σ€Ω可(kě)以增強整體(tǐ)性。總而言之就(jiù)是(‌✔•÷shì)要(yào)錯(cuò)落有(yǒu)緻，就(jiù)像瀑布流的(de)設計(jì)一<→¥(yī)樣，方塊之間(jiān)不(bù)是(>βshì)對(duì)齊完全一(yī)樣的(de)。

三、實例分(fēn)析

　　文(wén)章(zhāng)列表的(de)設計(jì)形式變化(huà)了(le)，但(dànπ♦‍)設計(jì)重複;“招考快(kuài)訊”旁邊的(de)三個(gè☆↕)圖标移到(dào)了(le)下(xià)方，版式排布豐富了(le);“院系介紹”等三個(gè)橙₩‍±§色的(de)方塊上(shàng)多(duō)了(le•✘)小(xiǎo)三角，使上(shàng)下(xià)內(nèi)容(上(shàng)£β面的(de)粉色介紹性文(wén)字與下(xià)面的(≥<πde)橙色圖标)聯系緊密了(le)，并且“院系介紹”中文(wén)下(xià)多(duō)了↑σ<(le)英文(wén);“熱(rè)點外(wài)鏈”移了(le)位置，但(dàn)缺乏設÷≥✔計(jì)感

　　将本來(lái)的(de)兩部分(fēn)欄目做(zuò)了(l♣≈e)合理(lǐ)的(de)調整，兩個(gè)介紹單獨放(fàng)在¶γ了(le)一(yī)起，但(dàn)涉及效果好(h✘♠ǎo)像是(shì)兩個(gè)标簽，與下(xià)面的(de)“數(shù)據統計(jì)ε≥←↑”聯系了(le)起來(lái)，要(yào)重新考慮一(yī)下(xiδ×​à)設計(jì);"數(shù¥★)據統計(jì)"闆塊本身(shēn)整體(tǐ)性✘↕↕有(yǒu)待增強;四個(gè)快(kuài)速入口鏈接圖标顔色與₩≤網頁整體(tǐ)的(de)跳(tiào)躍色調有(yǒu​'×λ)些(xiē)不(bù)符;“熱(rè)點外(wài)鏈”的(de)這(zhè)種設計(j♦↔δì)形式在扁平化(huà)風(fēng)行(xíng)的(de)現(xiàn)在很(hěn)普遍。$♠