第2章-電子商務(wù)網(wǎng)站欄目與風格的設(shè)計

《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》

第2章-電子商務(wù)網(wǎng)站欄目與風格的設(shè)計主編：宋文官，陳永東高等教育出版社9/11/20231《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》第2章-電子商務(wù)網(wǎng)站欄目與風格的設(shè)計【項目概述】在小王所在的網(wǎng)絡(luò)公司為ABC公司規(guī)劃了電子商務(wù)網(wǎng)站之后，需要進行ABC公司電子商務(wù)網(wǎng)站的具體設(shè)計。經(jīng)理布置給小王幾項任務(wù)，要求小王為ABC公司網(wǎng)站進行欄目的設(shè)計、風格的設(shè)計，并對該網(wǎng)站目錄結(jié)構(gòu)等方面進行設(shè)計，以便為以后的設(shè)計工作做好準備。9/11/20232《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》【項目分析】如何設(shè)計網(wǎng)站的欄目？網(wǎng)站風格的設(shè)計包括哪些方面？如何進行網(wǎng)站目錄結(jié)構(gòu)的設(shè)計？9/11/20233《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》【任務(wù)分解】任務(wù)1：設(shè)計網(wǎng)站的欄目。任務(wù)2：設(shè)計網(wǎng)站的風格。任務(wù)3：設(shè)計網(wǎng)站的目錄結(jié)構(gòu)。9/11/20234《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》任務(wù)1：設(shè)計網(wǎng)站的欄目1．參考成功網(wǎng)站的內(nèi)容規(guī)劃2．確定網(wǎng)站的主要內(nèi)容

3．設(shè)想網(wǎng)站可選內(nèi)容項4．正確進行網(wǎng)站特色的定位5．運用網(wǎng)站內(nèi)容設(shè)計的技巧9/11/20235《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》1．參考成功網(wǎng)站的內(nèi)容規(guī)劃先確定與要設(shè)計網(wǎng)站的公司類似企業(yè)的網(wǎng)站3－5個為參考對象；然后將確定的網(wǎng)站的主要欄目進行記錄與比較，再確定這些同類網(wǎng)站的最常用的欄目，并確定本網(wǎng)站需要保留的欄目；最后，再確定本網(wǎng)站需要新增的同類網(wǎng)站沒有的欄目與特色欄目。

9/11/20236《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》2．確定網(wǎng)站的主要內(nèi)容（1）主頁（2）公司簡介（3）產(chǎn)品介紹（4）最新消息（最新動態(tài)）（5）客戶反饋（6）網(wǎng)上訂單（7）聯(lián)系方式9/11/20237《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》3．設(shè)想網(wǎng)站可選內(nèi)容項（1）技術(shù)支持（2）招聘信息（3）總裁致辭（4）專業(yè)常識（5）招商信息（6）最新報價（7）網(wǎng)上采購系統(tǒng)（含數(shù)據(jù)庫）9/11/20238《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》4．正確進行網(wǎng)站特色的定位挑選與提煉企業(yè)的關(guān)鍵信息，利用一個邏輯結(jié)構(gòu)有序地組織起來，開發(fā)一個頁面設(shè)計原型，選擇用戶代表來進行測試，并逐步精煉這個原型，形成創(chuàng)意。最好能用15個以內(nèi)的字準確地描述網(wǎng)站的特色，而這個特色要盡可能讓人感覺到其與同類網(wǎng)站的不同之處。要做到特色鮮明突出，力求簡潔，要點明確9/11/20239《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》5．運用網(wǎng)站內(nèi)容設(shè)計的技巧（1）開動腦筋（2）提供有用的信息及其獲取的辦法（3）簽上自己的名字，并展示得到的榮譽（4）設(shè)置一些有特色的友情鏈接對象（5）登載或轉(zhuǎn)載對本企業(yè)肯定性的相關(guān)報道（6）精心安排網(wǎng)站的文字敘述部分（7）設(shè)計合理且吸引客戶的排版方式（8）安排適當?shù)慕换スδ?/11/202310《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》任務(wù)2：設(shè)計網(wǎng)站的風格1．網(wǎng)站名稱與標志的設(shè)計2．網(wǎng)站標準色彩的設(shè)計3．網(wǎng)站標準字體的設(shè)計4．網(wǎng)站相關(guān)頁面的布局設(shè)計5．掌握色彩設(shè)計要點：用色和諧、重點突出6．掌握形式設(shè)計要點：形式與內(nèi)容和諧統(tǒng)一7．三維空間的風格設(shè)計8．多媒體功能的風格設(shè)計9．文字與段落的風格設(shè)計10．圖像運用的風格設(shè)計11．網(wǎng)站規(guī)劃設(shè)計方面的創(chuàng)意9/11/202311《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》1．網(wǎng)站名稱與標志的設(shè)計對于網(wǎng)站的名稱，起名時應(yīng)該做到合法、合理、合情。網(wǎng)站標志與名稱關(guān)系到網(wǎng)站的總體形象，也是企業(yè)CI（企業(yè)形象）設(shè)計的一個方面。在網(wǎng)站的主要頁面上的顯要位置（一般在正上方），應(yīng)該設(shè)計一個包含網(wǎng)站標志、網(wǎng)站名稱的橫幅，它可以是靜態(tài)的圖像，但最好能設(shè)計具有動態(tài)效果的動畫。9/11/202312《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》2．網(wǎng)站標準色彩的設(shè)計網(wǎng)站的標準色彩不要超過3種標準色彩要用于網(wǎng)站的標志、標題、主菜單和主色塊，網(wǎng)頁的色彩搭配中除了基本的顏色對比外，還應(yīng)注意以下一些基本的色彩特點9/11/202313《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》3．網(wǎng)站標準字體的設(shè)計標準字體是指用于標志、標題、主菜單、主體內(nèi)容的字體。一般，常用的字體可以自由設(shè)計，而對于不常用的字體最好通過圖片形式顯示。標準字體的設(shè)計中還應(yīng)考慮中英文及其他可能用到的文字所使用的不同字體。9/11/202314《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》4．網(wǎng)站相關(guān)頁面的布局設(shè)計版式設(shè)計可以通過文字圖形的空間組合，表達出和諧與美。努力做到整體布局合理化、有序化、整體化。多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來，這里主要的問題是頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。9/11/202315《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》5．掌握色彩設(shè)計要點應(yīng)利用色彩對人們心理的影響的成果，合理地加以運用。色調(diào)及黑、白、灰的三色空間關(guān)系不論在設(shè)計還是在繪畫方面都起著重要的作用。由于國家和種族的不同，宗教和信仰的不同，生活的地理位置、文化修養(yǎng)的差異，不同的人群對色彩的喜惡程度有著很大差異。9/11/202316《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》6．掌握形式設(shè)計要點形式服務(wù)于內(nèi)容，內(nèi)容又為目的服務(wù)，形式與內(nèi)容的統(tǒng)一是設(shè)計網(wǎng)頁的基本原則之一。應(yīng)合理地運用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，如通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。點、線、面是視覺語言中的基本元素，可以使用點、線、面的互相穿插、互相襯托、互相補充構(gòu)成最佳的頁面效果。9/11/202317《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》7．三維空間的風格設(shè)計網(wǎng)絡(luò)上的三維空間是一個假想空間，這種空間關(guān)系需借助動靜變化、圖像的比例關(guān)系等空間因素表現(xiàn)出來。在頁面中圖片、文字位置前后疊壓，或位置疏密，或頁面上、左、右、中、下位置所產(chǎn)生的視覺效果都各不相同。9/11/202318《電子商務(wù)網(wǎng)站建設(shè)與維護實訓》8．多媒體功能的風格設(shè)計因特網(wǎng)最大的資源優(yōu)勢在于多媒體功能，因而應(yīng)盡一切努力挖掘它，吸引瀏覽者保持注意力。因而畫面的內(nèi)容應(yīng)當有