現(xiàn)代網(wǎng)頁設(shè)計與制作研討-wenkub
2023-02-06 14:37:19 本頁面
【正文】 2023715 2023715 2023715 2023715 2023715 2023715 2023715 2023715 2023715 2023715 2023715 2023715 2023715 2023715 2023715 2023715 2023715 2023715 2023715 ? 2023715 網(wǎng)站定位 一個好的網(wǎng)站定位所包含的內(nèi)容 1. 確定網(wǎng)站目標(biāo) 2. 考慮用戶群 3．一個好的網(wǎng)站名 4．明確的網(wǎng)站標(biāo)志 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上扮演什么角色，要向目標(biāo)群 (瀏覽者 )傳達(dá)什么樣的核心概念，透過網(wǎng)站發(fā)揮什么樣的作用。 ? 該網(wǎng)站其功能應(yīng)定位： 提供服務(wù)的電子商務(wù)網(wǎng)站。最常見的和最簡單的方式是用自己網(wǎng)站名稱的英文字母作標(biāo)志，采用不同的字體。這是對工作上的職業(yè)理解 ,以苦為樂 , 更多也是人生的理解 , 人生不如意十之八九 , 要有充滿樂趣的探險精神 .這樣度過一生會覺得沒有那么辛苦。 ? 字母 FIECC是公司名字（ Fujian International Electronic Commerce Center）的縮寫。因此紅色也是代表熱情的情感之色。 2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 ? 綠色 介于冷暖兩中色彩的中間，顯得和睦，寧靜，健康，安全的感覺。橙色在空氣中的穿透力僅次于紅色，也是容易造成視覺疲勞的顏色。它的亮度最高，和其他顏色配合很活潑，有溫曖感，具有快樂、希望、智慧和輕快的個性，有希望與功名等象征意義。 ? 藍(lán)色的樸實、穩(wěn)重、內(nèi)向性格，襯托那些性格活躍、具有較強擴(kuò)張力的色彩，運用對比手法，同時也活躍頁面。 2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 ? 黑色 具有嚴(yán)肅、夜晚、穩(wěn)重、深沉，神秘的色彩。這些顏色與企業(yè)的形象又經(jīng)融為一體，成為企業(yè)的象征，使人們對它由熟悉了解而產(chǎn)生信任感和認(rè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)頁默認(rèn)的宋體為網(wǎng)站的主要字體。 ? 1．提綱挈領(lǐng)，點題明義。 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 ? 2．指引迷途，清晰導(dǎo)航 ? 網(wǎng)站的內(nèi)容越多，瀏覽者也越容易迷失。 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 ? 注明： 1即站點的 logo，同時點擊 logo也可以返回到首頁， 2是網(wǎng)站的欄目設(shè)置， 3是站內(nèi)搜索， 4是與顧客轉(zhuǎn)化有關(guān)的常用工具 1 2 3 4 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 ? 2） 輔助導(dǎo)航 ? 輔助導(dǎo)航又被稱作面包屑路徑或?qū)蛹壊藛?，體現(xiàn)為內(nèi)頁的 “當(dāng)前位置 ”提示。 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 注明：該網(wǎng)站地圖放棄所有虛飾性圖片，富有層次感的設(shè)計將欄目結(jié)構(gòu)層次清晰地呈現(xiàn)出來；并對重要欄目有簡述說明，對用戶起到很好的指引作用。 ? 產(chǎn)品欄目：分為財務(wù)軟件、外貿(mào)管理軟件、外貿(mào)操盤手軟件。 2023715 網(wǎng)頁排版布局的步驟 ? ⑴構(gòu)思 ? 根據(jù)網(wǎng)站的內(nèi)容整體風(fēng)格，設(shè)計版面布局。 2023715 網(wǎng)頁排版布局的步驟 ? ⑵初步填充內(nèi)容 ? 這一步就要把一些主要的內(nèi)容放到網(wǎng)頁中，例如網(wǎng)站的標(biāo)志、廣告條、菜單、導(dǎo)航條、計
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1