現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)與制作研討(文件)
【正文】 數(shù)器等，要注意重點(diǎn)突出，把網(wǎng)站標(biāo)志、廣告條、菜單放在最突出、最醒目的位置，然后再考慮其它的元素的放置。 2023715 第四步：設(shè)計(jì)網(wǎng)站的布局 ? 網(wǎng)頁(yè)排版布局的原則 ? 上面我們簡(jiǎn)要的介紹了設(shè)計(jì)網(wǎng)頁(yè)布局的步驟，事實(shí)上，在構(gòu)思和設(shè)計(jì)的過(guò)程中，你還必須要掌握以下的幾項(xiàng)原則： ? ⑴平衡性 一個(gè)好的網(wǎng)頁(yè)布局應(yīng)該給人一種安定、平穩(wěn)的感覺(jué)，它不僅表現(xiàn)在文字、圖像等要素的空間占用上分布均勻，而且還有色彩的平衡，要給人一種協(xié)調(diào)的感覺(jué)。 2023715 網(wǎng)頁(yè)排版布局的原則 ? ⑷疏密度 ? 網(wǎng)頁(yè)要做到疏密有度，即平常所說(shuō)的 “密不透風(fēng)，疏可跑馬 ”。常見(jiàn)的骨骼有豎向通欄、雙欄、三欄、四欄和橫向的通欄、雙欄、三欄和四欄等。 2023715 骨骼型 2023715 常見(jiàn)網(wǎng)站布局的版式 ? 頁(yè)面以圖像充滿整版。隨著寬帶的普及，這種版式在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用越來(lái)越多。 2023715 分割型 2023715 分割型 2023715 分割型 2023715 水平不均勻分割 ? 如果上半部安置標(biāo)題或?qū)Ш剑瑒t面積較??；上半部安置主體內(nèi)容，則面積適當(dāng)加大。 2023715 中軸型 2023715 曲線型 ? 圖片、文字在頁(yè)面上作曲線的分割或編排構(gòu)成，產(chǎn)生韻律與節(jié)奏。左右對(duì)稱(chēng)的頁(yè)面版式比較常見(jiàn)。 ? （ 1）中心 以對(duì)比強(qiáng)烈的圖片或文字置于頁(yè)面的視覺(jué)中心。離心版式是外向的、活潑的，更具現(xiàn)代感，運(yùn)用時(shí)應(yīng)注意避免凌亂。 2023715 自由型 ? 自由型的頁(yè)面具有活潑、輕快的風(fēng)格。網(wǎng)站規(guī)劃書(shū)出應(yīng)該盡可能涵蓋網(wǎng)站規(guī)劃中的各個(gè)方面，網(wǎng)站規(guī)劃書(shū)的寫(xiě)作要科學(xué)、認(rèn)真、實(shí)事求是。在建立網(wǎng)站前應(yīng)明確建設(shè)網(wǎng)站的目的，確定網(wǎng)站的功能，確定網(wǎng)站規(guī)模、進(jìn)行必要的市場(chǎng)分析等。正三角形（金字塔型）最具穩(wěn)定性，倒三角形則產(chǎn)生動(dòng)感。向心版式是集中的、穩(wěn)定的，是一種傳統(tǒng)的手法。 2023715 對(duì)稱(chēng)型 2023715 焦點(diǎn)型 ? 焦點(diǎn)型的網(wǎng)頁(yè)版式通過(guò)對(duì)視線的誘導(dǎo)，使頁(yè)面具有強(qiáng)烈的視覺(jué)效果。 2023715 對(duì)稱(chēng)型 ? 對(duì)稱(chēng)分為絕對(duì)對(duì)稱(chēng)和相對(duì)對(duì)稱(chēng)。水平排列的頁(yè)面給人穩(wěn)定、平靜、含蓄的感覺(jué)。兩個(gè)部分形成對(duì)比：有圖片的部分感性而具活力，文案部分則理性而平靜。視覺(jué)傳達(dá)效果直觀而強(qiáng)烈。這種版式給人以和諧、理性的美。 ? ⑸比例 ? 比例適錄，這在布局中非常重要，雖然不一定都要做到黃金分割，但比例一定要協(xié)調(diào)。 ? ⑶對(duì)比性 讓不同的形態(tài)、色彩等元素相互對(duì)比，來(lái)形成鮮明的視覺(jué)效果。在這一步，你可以用網(wǎng)頁(yè)編輯工具把草案做成一個(gè)簡(jiǎn)略的網(wǎng)頁(yè)，當(dāng)然對(duì)每一個(gè)元所占的比例也要有一個(gè)詳細(xì)的數(shù)字，以便以后修改。這時(shí)你就要抓緊時(shí)間把它變成文字的東西，用筆在紙上粗略的勾畫(huà)出布局的輪廓，不要講究細(xì)節(jié)，只要有一個(gè)輪廓就行。 ? 解決方案欄目：分為全方們國(guó)際貿(mào)易解決方案和開(kāi)發(fā)區(qū)公共信息服務(wù)平臺(tái)解決方案； 2023715 第四步：設(shè)計(jì)網(wǎng)站的布局 ? 網(wǎng)站界面的布局方式、展示形式直接影響用戶使用網(wǎng)站的方便性。 ? 網(wǎng)頁(yè)上方導(dǎo)航條：首頁(yè)、服務(wù)、解決方案、經(jīng)驗(yàn)分享和關(guān)于我們 ? 網(wǎng)頁(yè)下方導(dǎo)航條：關(guān)于我們、本網(wǎng)簡(jiǎn)介、廣告服務(wù)、聯(lián)系我們、友情鏈接、法律申明 ? 站內(nèi)搜索 ? 站外快速鏈接 ? 該網(wǎng)站內(nèi)的鏈接采用的是星狀鏈接結(jié)構(gòu)，站內(nèi)還使用了輔助導(dǎo)航和網(wǎng)站地圖，使用戶可以方便的找到自已想要的東西，可以隨時(shí)回到想去的頁(yè)面。它從另一個(gè)層面反映了網(wǎng)站的結(jié)構(gòu)層次，是對(duì)全局導(dǎo)航的有效補(bǔ)充 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 ? 注明：輔助導(dǎo)航出現(xiàn)在聯(lián)想網(wǎng)站的每一個(gè)內(nèi)頁(yè)緊靠主導(dǎo)航條下的位置，以 “”來(lái)對(duì)層級(jí)進(jìn)行分隔，簡(jiǎn)單而形象從視覺(jué)上暗示了瀏覽層次的前進(jìn)方向；末尾的 “臺(tái)式機(jī) ”和當(dāng)前所在頁(yè)面的名稱(chēng)一致，并用不同的顏色加以突出，讓瀏覽者對(duì)當(dāng)前的所在位置一目了然 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 ? （ 3） 網(wǎng)站地圖 ? 網(wǎng)站地圖（
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1