《企業(yè)營(yíng)銷網(wǎng)頁(yè)設(shè)計(jì)實(shí)務(wù)課件.ppt》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、導(dǎo)讀網(wǎng)頁(yè)設(shè)計(jì)是一們新興的設(shè)計(jì)類和網(wǎng)絡(luò)的交叉學(xué)科，近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸收到人們的重視，它本身以網(wǎng)絡(luò)為載體,把各種信息以最快捷、方便的方式傳達(dá)給受眾。在這種標(biāo)準(zhǔn)的要求下，逐步產(chǎn)生了審美的需求。人們對(duì)美的追求是不斷深入的，網(wǎng)頁(yè)設(shè)計(jì)同樣如此。網(wǎng)頁(yè)不光是把各種東西放上去，能看就行，這是遠(yuǎn)遠(yuǎn)不夠的。要考慮如何受眾能更多的和更有效率的接收網(wǎng)頁(yè)上的信息，從而使他們對(duì)給網(wǎng)站留下很好的印象，那就更能促進(jìn)自己網(wǎng)站的運(yùn)作。這就需要從審美的方面入手，結(jié)合使用方便的要求，就能制作出清晰、整體性好的頁(yè)面。使人瀏覽起來(lái)心情愉快，接收信息也會(huì)更加容

2、易。引例:“一頁(yè)紙”精神鑄造網(wǎng)站15.1網(wǎng)頁(yè)設(shè)計(jì)的一般過(guò)程15.1.1營(yíng)銷站點(diǎn)與網(wǎng)頁(yè)設(shè)計(jì)概念1.營(yíng)銷網(wǎng)站的定位2.網(wǎng)頁(yè)設(shè)計(jì)的任務(wù)3.營(yíng)銷站點(diǎn)網(wǎng)頁(yè)的設(shè)計(jì)原則4.網(wǎng)頁(yè)設(shè)計(jì)的實(shí)現(xiàn)15.1.2企業(yè)營(yíng)銷網(wǎng)站的內(nèi)容1.主頁(yè)2.產(chǎn)品頁(yè)面3.新聞稿檔案頁(yè)面4.企業(yè)信息頁(yè)面5.參考頁(yè)面6.客戶支持頁(yè)面7.市場(chǎng)調(diào)研頁(yè)面8.廣告9.其他網(wǎng)絡(luò)營(yíng)銷創(chuàng)意內(nèi)容15.1.3企業(yè)營(yíng)銷網(wǎng)站內(nèi)容設(shè)計(jì)要素1.網(wǎng)站內(nèi)容2.技術(shù)問(wèn)題3.交互問(wèn)題4.設(shè)計(jì)問(wèn)題5.高質(zhì)量Web站點(diǎn)建設(shè)盡量不使用模板15.2營(yíng)銷站點(diǎn)設(shè)計(jì)基礎(chǔ)15.2.1網(wǎng)站設(shè)計(jì)的基本步驟1.確立目的2.構(gòu)

3、建信息系統(tǒng)架構(gòu)3.圖形用戶界面設(shè)計(jì)4.網(wǎng)頁(yè)的優(yōu)化5.上傳測(cè)試15.2.2首頁(yè)版面的布局要點(diǎn)1.草案2.粗略布局3.定案1）正常平衡2）異常平衡3）對(duì)比4）凝視5）空白6）盡量用圖片解說(shuō)4.常用版面布局形式1）“T”結(jié)構(gòu)布局2）“口”型布局3）“三”型布局4）對(duì)稱對(duì)比布局5）POP布局5.版面布局（1）加強(qiáng)視覺(jué)效果（2）加強(qiáng)文案的可視度和可讀性(3）統(tǒng)一感的視覺(jué)（4）新鮮和個(gè)性是布局的最高境界15.3網(wǎng)站設(shè)計(jì)基本要素15.3.1網(wǎng)站的主題和名稱1）主題要小而精2）題材最好是你自己擅長(zhǎng)或者喜愛(ài)的內(nèi)容3）題材不要太濫或者目標(biāo)太

4、高4）名稱要正5）名稱要易記6）名稱要有特色15.3.2定位網(wǎng)站的CI形象1.設(shè)計(jì)網(wǎng)站的標(biāo)志(logo)2.設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩3.設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體4.設(shè)計(jì)網(wǎng)站的宣傳標(biāo)語(yǔ)15.3.3確定網(wǎng)站的欄目1.要緊扣主題2.設(shè)立最近更新或網(wǎng)站指南欄目3.設(shè)立可以雙向交流的欄目4.設(shè)立下載或常見(jiàn)問(wèn)題回答欄目15.3.4確定網(wǎng)站的目錄結(jié)構(gòu)1.不要將所有文件都存放在根目錄下2.按欄目?jī)?nèi)容建立子目錄3.在每個(gè)主欄目目錄下都建立獨(dú)立的images目錄4.目錄的層次不要太深5.不要使用中文目錄和過(guò)長(zhǎng)的目錄15.3.5確定網(wǎng)站的鏈接結(jié)構(gòu)1.樹狀

5、鏈接結(jié)構(gòu)2.星狀鏈接結(jié)構(gòu)這兩種基本結(jié)構(gòu)都只是理想方式，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來(lái)使用，達(dá)到比較理想的效果。比較好的方案是：首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和以下各級(jí)頁(yè)面之間用樹狀鏈接結(jié)構(gòu)。15.3.6黃金分割法與配色1.選擇背景色（記住顏色的亮度值）2.選擇前景色3.計(jì)算亮度值7.分類8.互動(dòng)性9.圖形應(yīng)用技巧10.圖形加上說(shuō)明12.HTML格式的注意事項(xiàng)13.避免濫用技術(shù)14.即時(shí)更新和維護(hù)1.使用者優(yōu)先的觀念2.考慮大多數(shù)人的連線狀況3.考慮使用者的瀏覽器4.內(nèi)容第一5.著手規(guī)劃、確定特色、鎖

6、定目標(biāo)6.首頁(yè)很重要15.4網(wǎng)站制作的基本原則和技巧15.4.1網(wǎng)站制作的基本原則15.4.2首頁(yè)制作技巧1.首先主題選擇不要落俗2.不要急于制作首頁(yè)頁(yè)面3.不要急于許多頁(yè)面一起制作4.內(nèi)容和形式不要全搬照抄他人的內(nèi)5.每個(gè)頁(yè)面不要使用超過(guò)2個(gè)的java程序6.單張圖片不要超過(guò)30k7.設(shè)置一個(gè)專門的“what’snew”頁(yè)面8.為圖片加注解9.備份主頁(yè)15.4.3網(wǎng)頁(yè)設(shè)計(jì)的關(guān)鍵技術(shù)1.保持網(wǎng)頁(yè)的樸素2.簡(jiǎn)單并不等于乏味3.了解你的讀者4.保持五個(gè)“項(xiàng)目”以內(nèi)5.不超過(guò)三次點(diǎn)擊6.不要等待三十秒的等待時(shí)間7.力求平衡8.

7、適度的幀9.堅(jiān)持學(xué)習(xí)15.4.4網(wǎng)站導(dǎo)航設(shè)計(jì)技巧1.網(wǎng)站導(dǎo)航的作用2.網(wǎng)站導(dǎo)航的類型1）中心導(dǎo)航2）整體導(dǎo)航3）特色導(dǎo)航4）相關(guān)導(dǎo)航5）內(nèi)容導(dǎo)航6）歷史軌跡導(dǎo)航7）下拉式導(dǎo)航8）語(yǔ)言導(dǎo)航9）地理導(dǎo)航10）網(wǎng)站地圖導(dǎo)航3.網(wǎng)站導(dǎo)航的原則和技巧1）盡可能多地提供相關(guān)資源的鏈接2）一致性原則3）網(wǎng)站版塊和層次劃分合理4）整體導(dǎo)航設(shè)計(jì)技巧5）設(shè)計(jì)好輔助導(dǎo)航6）常用的導(dǎo)航技巧15.5網(wǎng)頁(yè)設(shè)計(jì)的規(guī)避14.5.1企業(yè)網(wǎng)站設(shè)計(jì)存在的常見(jiàn)問(wèn)題1.網(wǎng)站規(guī)劃2.菜單設(shè)置3.網(wǎng)站首頁(yè)4.頁(yè)面信息5.網(wǎng)頁(yè)字體和美工15.5.2網(wǎng)站規(guī)劃和網(wǎng)頁(yè)設(shè)計(jì)中

8、出現(xiàn)頻率最高的不合理因素1.網(wǎng)站規(guī)劃和欄目設(shè)置不合理2.重要信息不完整3.網(wǎng)頁(yè)信息量小4.欄目層次過(guò)深5.網(wǎng)站缺乏促銷意識(shí)本章小結(jié)本章主要介紹了營(yíng)銷網(wǎng)站中的網(wǎng)頁(yè)初步設(shè)計(jì)，運(yùn)用一些平面設(shè)計(jì)中的基本形式到網(wǎng)頁(yè)中去。要想將頁(yè)面做的更好，就要求設(shè)計(jì)者要有較熟練的設(shè)計(jì)與制作技術(shù)，用較好的審美方面的素質(zhì)，同時(shí)要有豐富的平面設(shè)計(jì)