企業(yè)營銷網(wǎng)頁設(shè)計實務(wù).ppt

1、企業(yè)營銷網(wǎng)頁設(shè)計實務(wù),了解企業(yè)營銷網(wǎng)站內(nèi)容，掌握網(wǎng)絡(luò)營銷企業(yè)主頁的一般性的設(shè)計與制作技術(shù)，掌握網(wǎng)頁設(shè)計與制作中的相關(guān)理論和不同發(fā)展階段的特點，熟練使用Frotpage、Dreamweaver等網(wǎng)頁制作軟件，熟悉ASP、.NET等網(wǎng)絡(luò)編程軟件。,導讀 網(wǎng)頁設(shè)計是一們新興的設(shè)計類和網(wǎng)絡(luò)的交叉學科，近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸收到人們的重視，它本身以網(wǎng)絡(luò)為載體,把各種信息以最快捷、方便的方式傳達給受眾。在這種標準的要求下，逐步產(chǎn)生了審美的需求。人們對美的追求是不斷深入的，網(wǎng)頁設(shè)計同樣如此。網(wǎng)頁不光是把各種東西放上去，能看就行，這是遠遠不夠的。要考慮如何受眾能更多的和更有效率的接收網(wǎng)頁上的信息，從而使他

2、們對給網(wǎng)站留下很好的印象，那就更能促進自己網(wǎng)站的運作。這就需要從審美的方面入手，結(jié)合使用方便的要求，就能制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快，接收信息也會更加容易。,引 例: “一頁紙”精神鑄造網(wǎng)站,15.1 網(wǎng)頁設(shè)計的一般過程,15.1.1 營銷站點與網(wǎng)頁設(shè)計概念 1.營銷網(wǎng)站的定位 2.網(wǎng)頁設(shè)計的任務(wù) 3.營銷站點網(wǎng)頁的設(shè)計原則 4.網(wǎng)頁設(shè)計的實現(xiàn),15.1.2 企業(yè)營銷網(wǎng)站的內(nèi)容,1.主頁 2.產(chǎn)品頁面 3.新聞稿檔案頁面 4.企業(yè)信息頁面 5.參考頁面 6.客戶支持頁面 7.市場調(diào)研頁面 8.廣告 9.其他網(wǎng)絡(luò)營銷創(chuàng)意內(nèi)容,15.1.3 企業(yè)營銷網(wǎng)站內(nèi)容設(shè)計要素,1.網(wǎng)站內(nèi)

3、容 2.技術(shù)問題 3.交互問題 4.設(shè)計問題 5.高質(zhì)量Web站點建設(shè)盡量不使用模板,15.2 營銷站點設(shè)計基礎(chǔ),15.2.1 網(wǎng)站設(shè)計的基本步驟 1.確立目的 2.構(gòu)建信息系統(tǒng)架構(gòu) 3.圖形用戶界面設(shè)計 4.網(wǎng)頁的優(yōu)化 5.上傳測試,15.2.2 首頁版面的布局要點,1.草案 2.粗略布局 3.定案 1）正常平衡 2）異常平衡 3）對比 4）凝視 5）空白 6）盡量用圖片解說 4.常用版面布局形式 1）“T”結(jié)構(gòu)布局 2）“口”型布局 3）“三”型布局 4）對稱對比布局 5）POP布局 5.版面布局 （1）加強視覺效果（2）加強文案的可視度和可讀性 (3）統(tǒng)一感的視覺（4）新鮮和個性是布局的

4、最高境界,15.3 網(wǎng)站設(shè)計基本要素,15.3.1 網(wǎng)站的主題和名稱 1）主題要小而精 2）題材最好是你自己擅長或者喜愛的內(nèi)容 3）題材不要太濫或者目標太高 4）名稱要正 5）名稱要易記 6）名稱要有特色,15.3.2 定位網(wǎng)站的CI形象,1.設(shè)計網(wǎng)站的標志(logo) 2.設(shè)計網(wǎng)站的標準色彩 3.設(shè)計網(wǎng)站的標準字體 4.設(shè)計網(wǎng)站的宣傳標語,15.3.3 確定網(wǎng)站的欄目,1.要緊扣主題 2.設(shè)立最近更新或網(wǎng)站指南欄目 3.設(shè)立可以雙向交流的欄目 4.設(shè)立下載或常見問題回答欄目,15.3.4 確定網(wǎng)站的目錄結(jié)構(gòu),1.不要將所有文件都存放在根目錄下 2.按欄目內(nèi)容建立子目錄 3.在每個主欄目目錄下

5、都建立獨立的images目錄 4.目錄的層次不要太深 5.不要使用中文目錄和過長的目錄,15.3.5 確定網(wǎng)站的鏈接結(jié)構(gòu),1.樹狀鏈接結(jié)構(gòu) 2.星狀鏈接結(jié)構(gòu) 這兩種基本結(jié)構(gòu)都只是理想方式，在實際的網(wǎng)站設(shè)計中，總是將這兩種結(jié)構(gòu)混合起來使用，達到比較理想的效果。比較好的方案是：首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和以下各級頁面之間用樹狀鏈接結(jié)構(gòu)。,15.3.6 黃金分割法與配色,1.選擇背景色（記住顏色的亮度值） 2.選擇前景色 3.計算亮度值,7.分類 8.互動性 9.圖形應(yīng)用技巧 10.圖形加上說明 12.HTML格式的注意事項 13.避免濫用技術(shù) 14.即時更新和維護,1.使用者優(yōu)先的觀念

6、 2.考慮大多數(shù)人的連線狀況 3.考慮使用者的瀏覽器 4.內(nèi)容第一 5.著手規(guī)劃、確定特色、鎖定目標 6.首頁很重要,15.4 網(wǎng)站制作的基本原則和技巧,15.4.1 網(wǎng)站制作的基本原則,15.4.2 首頁制作技巧,1.首先主題選擇不要落俗 2.不要急于制作首頁頁面 3.不要急于許多頁面一起制作 4.內(nèi)容和形式不要全搬照抄他人的內(nèi) 5.每個頁面不要使用超過2個的java程序 6.單張圖片不要超過30k 7.設(shè)置一個專門的“whats new”頁面 8.為圖片加注解 9.備份主頁,15.4.3 網(wǎng)頁設(shè)計的關(guān)鍵技術(shù),1.保持網(wǎng)頁的樸素 2.簡單并不等于乏味 3.了解你的讀者 4.保持五個“項目”以

7、內(nèi) 5.不超過三次點擊 6.不要等待三十秒的等待時間 7.力求平衡 8.適度的幀 9.堅持學習,15.4.4 網(wǎng)站導航設(shè)計技巧,1.網(wǎng)站導航的作用 2.網(wǎng)站導航的類型 1）中心導航 2）整體導航 3）特色導航 4）相關(guān)導航 5）內(nèi)容導航 6）歷史軌跡導航 7）下拉式導航 8）語言導航 9）地理導航10）網(wǎng)站地圖導航 3.網(wǎng)站導航的原則和技巧 1）盡可能多地提供相關(guān)資源的鏈接 2）一致性原則 3）網(wǎng)站版塊和層次劃分合理 4）整體導航設(shè)計技巧 5）設(shè)計好輔助導航 6）常用的導航技巧,15.5 網(wǎng)頁設(shè)計的規(guī)避,14.5.1 企業(yè)網(wǎng)站設(shè)計存在的常見問題 1.網(wǎng)站規(guī)劃 2.菜單設(shè)置 3. 網(wǎng)站首頁 4.頁面信息 5.網(wǎng)頁字體和美工,15.5.2 網(wǎng)站規(guī)劃和網(wǎng)頁設(shè)計中 出現(xiàn)頻率最高的不合理因素,1.網(wǎng)站規(guī)劃和欄目設(shè)置不合理 2.重要信息不完整 3.網(wǎng)頁信息量小 4.欄目層次過深 5.網(wǎng)站缺乏促銷意識,本章小結(jié),本章主要介紹了營銷網(wǎng)站中的網(wǎng)頁初步設(shè)計，運用一些平面設(shè)計中的基本形式到網(wǎng)頁中去。要想將頁面做的更好，就要求設(shè)計者要有較熟練的設(shè)計與制作技術(shù)，用較好的審美方面的素質(zhì)，同時要有豐富的平面設(shè)計的經(jīng)驗。這樣才能在設(shè)計時駕輕