電子商務網(wǎng)站的內容設計與開發(fā)(編輯修改稿)
2025-02-26 11:55 本頁面
【文章內容簡介】 計e) POP布局。指頁面布局像一張宣傳海報，以一張精美圖片作為頁面的設計中心。f) 優(yōu)點： 漂亮吸引人； 缺點： 速度慢。3. 頁面版面布局原則與技巧 只有當內容和形式，即具體的網(wǎng)頁的排版布局達到一種協(xié)調的狀態(tài)才算是一種真正成功的網(wǎng)頁設計。28電子商務網(wǎng)站設計電子商務網(wǎng)站設計1) 正常平衡；2) 多指左右、上下對照形式。3) 2）異常平衡；4) 即非對照形式，但也要平衡和韻律。5) 3）對比；6) 色彩、色調等技巧的對比，及內容上的古今、新舊、貧富對比。以下是一些設計原則：29電子商務網(wǎng)站設計電子商務網(wǎng)站設計4) 凝視；指利用頁面中人物的視線，使瀏覽者仿照跟隨的心理，以達到注視頁面的效果。5) 空白；突出卓越和優(yōu)越感，有效體現(xiàn)網(wǎng)頁格調。6) 盡量用圖片解說。30電子商務網(wǎng)站設計電子商務網(wǎng)站設計 網(wǎng)頁色彩設計 在網(wǎng)頁設計中，應根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配來構成美麗的頁面。研究表明： 彩色的記憶效果是黑白色得 。也就是說，彩色頁面較完全的黑白頁面更加吸引人。31電子商務網(wǎng)站設計電子商務網(wǎng)站設計在網(wǎng)頁設計中較常的做法： 主要內容文字用非彩色（黑色），邊框、背景、圖片用彩色，這樣頁面整體不單調，用戶看主要內容也不會眼花。1. 網(wǎng)頁色彩搭配的原理1) 色彩的鮮明性；2) 色彩的獨特性；3) 色彩的合適性；4) 色彩的聯(lián)想性。32電子商務網(wǎng)站設計電子商務網(wǎng)站設計2. 網(wǎng)頁色彩搭配的技巧1) 相同色系色彩；2) 運用對比色或互補色；3) 使用過渡色；4) 用黑色和一種彩色；33電子商務網(wǎng)站設計電子商務網(wǎng)站設計5) 不要將所有顏色都用到，盡量控制在三種色彩以內；6) 背景和文字的對比盡量要大，要有足夠的對比度來保證頁面易于閱讀；7) 在設計中要考慮主要用戶群的背景和構成。34電子商務網(wǎng)站設計電子商務網(wǎng)站設計 網(wǎng)頁中圖片和文字的設計1. 善用圖片 現(xiàn)今 web 上展現(xiàn)的絕大多數(shù)圖片和圖象是GIF和 JPEG格式、 PNG和 FlashPix文件格式。 一般情況下，GIF格式 : 漫畫、圖標、動畫和平鋪式圖案背景。JPEG格式 : 照片和藝術復制品。35電子商務網(wǎng)站設計電子商務網(wǎng)站設計 圖象可以彌補文字的不足，但并不能夠完全取代文字。因此，制作頁面時，必須注意將圖象所包含的重要信息或鏈接到其他頁面的指示用文字重復表達一次。 圖像的內容應有一定的實際作用，切忌虛飾浮夸，最佳的圖象應集美觀與信息內容與一身。36電子商務網(wǎng)站設計電子商務網(wǎng)站設計2. 網(wǎng)站字體下面是網(wǎng)頁設計中有關字體的使用原則和技巧：i. 不要使用超過三種以上的字體；ii. 不要用太大或太小的文字；iii. 避免過多使用不停閃爍的文字。37電子商務網(wǎng)站設計電子商務網(wǎng)站設計 首頁設計 首頁也叫主頁，它是網(wǎng)站的形象頁面，是網(wǎng)站的 “門面 ”，故被稱為 “Home Page”, 它的設計是一個網(wǎng)站成功與否的關鍵。 首頁的設計應該遵循快速、簡潔、吸引人、信息概括能力強、易于導航的原則，同時應納入企業(yè) CIS（企業(yè)形象識別系統(tǒng)）計劃，與企業(yè) CIS的其他內容協(xié)調起來。38電子商務網(wǎng)站設計電子商務網(wǎng)站設計 首頁的功能模塊 首頁的功能模塊是指在首頁上需要實現(xiàn)的主要內容及其功能，最簡單地在主頁上必須清楚地列出三項要點： 機構名稱、提供的產(chǎn)品或服務以及主頁內容（即網(wǎng)站上其他頁面還載有什么資料）。39電子商務網(wǎng)站設計電子商務網(wǎng)站設計40電子商務網(wǎng)站設計電子商務網(wǎng)站設計1) 頁頭 用來準確無誤地標示企業(yè)的網(wǎng)站，它應該能夠體現(xiàn)出企業(yè)網(wǎng)站的主題，而該主題是與企業(yè)的產(chǎn)品和服務緊密相關的。2) 主菜單 即導航條，它提供了對關鍵頁面的簡捷導航，其超鏈接或圖標應明確地表明企業(yè)網(wǎng)站的其他頁面上還載有什么樣的信息。41電子商務網(wǎng)站設計電子商務網(wǎng)站設計3) 最新消息的傳遞 如果企業(yè)網(wǎng)站的主頁從不改變，用戶很快會厭倦。在主頁上預告即將有新資料推出，可吸引用戶再來瀏覽。為保新鮮感，應時刻確保主頁提供的是最新信息。4) 電子郵件地址 在頁面底部設計簡單的電子郵件鏈接，可使用戶與網(wǎng)站的有關負責人迅速取得聯(lián)系。有利于用戶節(jié)省大量搜索時間，同時企業(yè)也能及時獲得信息反饋。42電子商務網(wǎng)站設計電子商務網(wǎng)站設計5) 聯(lián)絡信息?？梢粤谐鐾ㄓ嵉刂贰⒐P或營業(yè)部門的電話號碼等，以便用戶聯(lián)系。6) 版權信息。7) 其他信息。如廣告條、搜索、友情鏈接、郵件列表、計數(shù)器等。43電子商務網(wǎng)站設計電子商務網(wǎng)站設計 首頁的可視化設計 確定好首頁
教學教案相關推薦
鄂ICP備17016276號-1