現(xiàn)代網(wǎng)頁設(shè)計與制作研討(完整版)
【正文】 位所包含的內(nèi)容 1. 確定網(wǎng)站目標 2. 考慮用戶群 3．一個好的網(wǎng)站名 4．明確的網(wǎng)站標志 5．確定網(wǎng)站的欄目 6．確定網(wǎng)站的目錄結(jié)構(gòu) 7．確定網(wǎng)站的鏈接結(jié)構(gòu) 2023715 第一步 ： 明確建設(shè)網(wǎng)站目的及功能定位 2023715 第一步：明確建設(shè)網(wǎng)站目的及功能定位 ? 網(wǎng)站定位 :就是網(wǎng)站在 Inter上扮演什么角色，要向目標群 (瀏覽者 )傳達什么樣的核心概念，透過網(wǎng)站發(fā)揮什么樣的作用。最常見的和最簡單的方式是用自己網(wǎng)站名稱的英文字母作標志，采用不同的字體。 ? 字母 FIECC是公司名字（ Fujian International Electronic Commerce Center）的縮寫。 2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 ? 綠色 介于冷暖兩中色彩的中間，顯得和睦，寧靜，健康，安全的感覺。它的亮度最高，和其他顏色配合很活潑，有溫曖感，具有快樂、希望、智慧和輕快的個性，有希望與功名等象征意義。 2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 ? 黑色 具有嚴肅、夜晚、穩(wěn)重、深沉，神秘的色彩。 2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 網(wǎng)站導(dǎo)航設(shè)計ht t p: / / w w w . s ier danq i. c om /2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 ? 因此該中心網(wǎng)站的設(shè)計師也選擇了網(wǎng)頁默認的宋體為網(wǎng)站的主要字體。 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 ? 2．指引迷途，清晰導(dǎo)航 ? 網(wǎng)站的內(nèi)容越多，瀏覽者也越容易迷失。 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 注明：該網(wǎng)站地圖放棄所有虛飾性圖片，富有層次感的設(shè)計將欄目結(jié)構(gòu)層次清晰地呈現(xiàn)出來；并對重要欄目有簡述說明，對用戶起到很好的指引作用。 2023715 網(wǎng)頁排版布局的步驟 ? ⑴構(gòu)思 ? 根據(jù)網(wǎng)站的內(nèi)容整體風(fēng)格，設(shè)計版面布局。 2023715 第四步：設(shè)計網(wǎng)站的布局 ? 網(wǎng)頁排版布局的原則 ? 上面我們簡要的介紹了設(shè)計網(wǎng)頁布局的步驟，事實上，在構(gòu)思和設(shè)計的過程中，你還必須要掌握以下的幾項原則： ? ⑴平衡性 一個好的網(wǎng)頁布局應(yīng)該給人一種安定、平穩(wěn)的感覺，它不僅表現(xiàn)在文字、圖像等要素的空間占用上分布均勻，而且還有色彩的平衡，要給人一種協(xié)調(diào)的感覺。常見的骨骼有豎向通欄、雙欄、三欄、四欄和橫向的通欄、雙欄、三欄和四欄等。隨著寬帶的普及，這種版式在網(wǎng)頁設(shè)計中的運用越來越多。 2023715 中軸型 2023715 曲線型 ? 圖片、文字在頁面上作曲線的分割或編排構(gòu)成，產(chǎn)生韻律與節(jié)奏。 ? （ 1）中心 以對比強烈的圖片或文字置于頁面的視覺中心。 2023715 自由型 ? 自由型的頁面具有活潑、輕快的風(fēng)格。在建立網(wǎng)站前應(yīng)明確建設(shè)網(wǎng)站的目的，確定網(wǎng)站的功能，確定網(wǎng)站規(guī)模、進行必要的市場分析等。向心版式是集中的、穩(wěn)定的，是一種傳統(tǒng)的手法。 2023715 對稱型 ? 對稱分為絕對對稱和相對對稱。兩個部分形成對比：有圖片的部分感性而具活力，文案部分則理性而平靜。這種版式給人以和諧、理性的美。 ? ⑶對比性 讓不同的形態(tài)、色彩等元素相互對比，來形成鮮明的視覺效果。這時你就要抓緊時間把它變成文字的東西，用筆在紙上粗略的勾畫出布局的輪廓，不要講究細節(jié)，只要有一個輪廓就行。 ? 網(wǎng)頁上方導(dǎo)航條：首頁、服務(wù)、解決方案、經(jīng)驗分享和關(guān)于我們 ? 網(wǎng)頁下方導(dǎo)航條：關(guān)于我們、本網(wǎng)簡介、廣告服務(wù)、聯(lián)系我們、友情鏈接、法律申明 ? 站內(nèi)搜索 ? 站外快速鏈接 ? 該網(wǎng)站內(nèi)的鏈接采用的是星狀鏈接結(jié)構(gòu)，站內(nèi)還使用了輔助導(dǎo)航和網(wǎng)站地圖，使用戶可以方便的找到自已想要的東西，可以隨時回到想去的頁面。網(wǎng)站的導(dǎo)航機制一般包括全局導(dǎo)航、輔助導(dǎo)航、站點地圖等體現(xiàn)網(wǎng)站結(jié)構(gòu)的、對用戶進行引導(dǎo)的因素。字體的
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1