版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
電子商務(wù)網(wǎng)站規(guī)劃2014級(jí)電子商務(wù)班閆立娜課題:電子商務(wù)網(wǎng)站的規(guī)劃(3)課型:新授課課時(shí):2授課時(shí)間:2015年4月13日授課班級(jí):2014級(jí)電子商務(wù)授課目標(biāo):1、掌握網(wǎng)站風(fēng)格設(shè)計(jì)重點(diǎn)難點(diǎn):電子商務(wù)網(wǎng)站的規(guī)劃流程教學(xué)方法:講授法、討論法開篇案例:可口可樂和百事可樂公司網(wǎng)站的風(fēng)格設(shè)計(jì)主要內(nèi)容什么是網(wǎng)站總體風(fēng)格導(dǎo)航欄頁面布局網(wǎng)站整體風(fēng)格的概念網(wǎng)站整體風(fēng)格是指站點(diǎn)的整體形象給瀏覽者的綜合感受,這種感受是抽象的。整體形象所包含的因素站點(diǎn)的CI(標(biāo)志、色彩、字體、標(biāo)語)版面布局瀏覽方式文字語氣內(nèi)容價(jià)值。。。確定風(fēng)格是建立在有價(jià)值的內(nèi)容之上的:質(zhì)量、價(jià)值其實(shí)風(fēng)格就是一句話:與眾不同
如何建立有獨(dú)特風(fēng)格的網(wǎng)站風(fēng)格應(yīng)該建立在豐富的有價(jià)值的內(nèi)容基礎(chǔ)之上必須搞清楚自己給人的印象是什么,對(duì)象是誰,確定印象后,努力實(shí)現(xiàn)和加強(qiáng)這種印象Logo出現(xiàn)在每個(gè)頁面上對(duì)一個(gè)網(wǎng)站來說,要突出色彩確定網(wǎng)站的CICI:corporateidentity(企業(yè)識(shí)別),是通過視覺統(tǒng)一企業(yè)的形象logo中的BF設(shè)為百度紅藍(lán)色,代表一男一女。字體及位置的設(shè)計(jì),則包含“眾里尋他千百度”中不期而遇的美麗寓意。色彩傳遞的信信息色彩在食品偏偏好中起著重重要作用.一次調(diào)查:被調(diào)查的家庭庭主婦分別品品嘗了放在棕棕、藍(lán)、紅、、黃四種容器器中的咖啡((所有咖啡都都是一樣的,,并對(duì)被調(diào)查查者隱瞞了品品牌)結(jié)果:75%的婦女認(rèn)為放放在棕色容器器中的咖啡味味道過苦;85%的人認(rèn)為紅紅色容器中中的咖啡最最濃;幾乎乎所有人感感覺藍(lán)色容容器中的咖咖啡味道較較淡;而黃黃色容器中中的咖啡幾幾乎沒味.雅格布、柯柯恩、沃西西和吉恩曾曾做過有關(guān)關(guān)部門跨文文化的顏色色比較的深深入研究。。他們對(duì)中中國、韓國國、日本以以及美國消消費(fèi)者進(jìn)行行調(diào)查,發(fā)發(fā)現(xiàn)亞洲人人往往把灰灰色和廉價(jià)價(jià)聯(lián)系在一一起,這恰恰恰與美國國人相反,,美國人認(rèn)認(rèn)為灰色貴貴重且有高高品質(zhì)。亞亞洲人認(rèn)為為紫色為富富貴之色,,美國人卻卻認(rèn)為紫色色有廉價(jià)感感。不過,,藍(lán)色、紅紅色、黃色色與黑色倒倒是不約而而同地分別別與高品質(zhì)質(zhì)、愛、幸幸福及力量量聯(lián)系在一一起。一般般地都認(rèn)為為綠色象征征著純潔和和值得信賴賴??煽诳煽蓸返牡钠孔幼釉诓徊唤?jīng)意意間傳傳遞了了許多多信息息:瓶瓶子頸頸部凸凸起的的花紋紋使人人感到到握在在手中中不會(huì)會(huì)脫落落;瓶瓶子外外觀別別致、、造型型優(yōu)雅雅,似似乎透透射著著飲料料能帶帶給你你一份份輕松松;里里面所所裝的的液體體,看看起來來比標(biāo)標(biāo)注的的份量量多,,有了了一種種實(shí)在在感;;coca-cola的斯賓賓塞體體字形形,與與白色色字體體形成成強(qiáng)烈烈對(duì)比比的紅紅色標(biāo)標(biāo)準(zhǔn)色色,流流動(dòng)的的水線線等,,無不不在傳傳遞著著青春春、活活力、、輕松松與自自在。。怎樣樹樹立網(wǎng)網(wǎng)站的的風(fēng)格格色調(diào)::是活活潑還還是莊莊重,,是素素還是是艷。。請(qǐng)為你你的網(wǎng)網(wǎng)站進(jìn)進(jìn)行CI設(shè)計(jì),,包括括logo、標(biāo)準(zhǔn)準(zhǔn)色彩彩、標(biāo)標(biāo)準(zhǔn)字字體、、宣傳傳標(biāo)語語等,,并說說明如如何突突出網(wǎng)網(wǎng)站的的風(fēng)格格試用圖圖片設(shè)設(shè)計(jì)工工具設(shè)設(shè)計(jì)logo,選圖圖片的的格式式GIF有風(fēng)格的網(wǎng)網(wǎng)站與普通通網(wǎng)站的區(qū)區(qū)別在于::普通網(wǎng)站站上你看到到只是堆砌砌在一起的的信息,總總之。只能能用理性的的感受來描描述,比如如信息量多多少,瀏覽覽速度快慢慢等;有風(fēng)風(fēng)格的網(wǎng)站站上你可以以獲得除內(nèi)內(nèi)容之外的的更感性的的認(rèn)識(shí),比比如站點(diǎn)的的品位,對(duì)對(duì)瀏覽者的的態(tài)度等。。創(chuàng)意:如網(wǎng)網(wǎng)絡(luò)與電話話結(jié)合,產(chǎn)產(chǎn)生IP電話如何確立自自己的風(fēng)格格確信信風(fēng)風(fēng)格格是是建建立立在在有有價(jià)價(jià)值值內(nèi)內(nèi)容容之之上上的的。。一一個(gè)個(gè)網(wǎng)網(wǎng)站站有有風(fēng)風(fēng)格格沒沒有有內(nèi)內(nèi)容容,,就就好好比比繡繡花花枕枕頭頭一一包包草草,,所所以以首首先先必必須須保保證證內(nèi)內(nèi)容容的的質(zhì)質(zhì)量量和和價(jià)價(jià)值值性性搞清清網(wǎng)網(wǎng)站站給給人人的的印印像像如果果用用一一句句話話來來描描述述你你的的站站點(diǎn)點(diǎn),,應(yīng)應(yīng)該該是是(())有創(chuàng)創(chuàng)意意、、有有實(shí)實(shí)力力、、有有美美感感、、有有沖沖擊擊力力想到到你你的的站站點(diǎn)點(diǎn),,可可以以想想到到的的顏顏色色是是(())熱情情的的紅紅色色、、幻幻想想的的天天藍(lán)藍(lán)色色想到到你你的的站站點(diǎn)點(diǎn),,可可以以聯(lián)聯(lián)想想的的畫畫面面是是(())雜貨貨店店、、書書店店、、如果果網(wǎng)網(wǎng)站站是是一一個(gè)個(gè)人人,,他他擁擁有有的的個(gè)個(gè)性性是是(())活潑潑可可愛愛的的兒兒童童、、思思想想成成熟熟的的中中年年人人作為為站站長(zhǎng)長(zhǎng),,你你希希望望給給人人的的印印象象是是(())敬業(yè)業(yè)、、認(rèn)認(rèn)真真負(fù)負(fù)責(zé)責(zé)、、有有深深度度、、直直爽爽用一一種種動(dòng)動(dòng)物物做做比比喻喻,,你你的的站站點(diǎn)點(diǎn)是是(())兔子子((聰聰明明敏敏感感))、、獅獅子子((自自信信威威武武))瀏覽覽者者覺覺得得你你和和其其他他網(wǎng)網(wǎng)站站不不同同(())可以以信信賴賴、、信信息息最最快快、、交交流流方方便便導(dǎo)航航系系統(tǒng)統(tǒng)網(wǎng)站站中中的的導(dǎo)導(dǎo)航航系系統(tǒng)統(tǒng)就就是是網(wǎng)網(wǎng)頁頁上上各各種種導(dǎo)導(dǎo)航航條條的的總總稱稱,,用用戶戶通通過過導(dǎo)導(dǎo)航航系系統(tǒng)統(tǒng)中中的的各各種種導(dǎo)導(dǎo)航航元元素素,,可可以以快快速速查查詢?cè)兊降阶宰约杭核栊枰牡男判畔⑾ⅰ?。?dǎo)航航系系統(tǒng)統(tǒng)用用來來建建立立網(wǎng)網(wǎng)頁頁信信息息內(nèi)內(nèi)容容之之間間的的上上下下文文關(guān)關(guān)系系,,為為用用戶戶在在新新環(huán)環(huán)境境下下快快速速定定位位提提供供語語境境,,從從而而使使用用戶戶明明確確下下面面三三個(gè)個(gè)問問題題::我我在在哪哪??我我曾曾經(jīng)經(jīng)去去過過哪哪??我我可可以以去去哪哪。。全局局導(dǎo)導(dǎo)航航全局局導(dǎo)導(dǎo)航航((PersistentNavigation)又又稱稱主主導(dǎo)導(dǎo)航航,,它它是是出出現(xiàn)現(xiàn)在在網(wǎng)網(wǎng)站站的的每每一一個(gè)個(gè)頁頁面面上上一一組組通通用用的的導(dǎo)導(dǎo)航航元元素素,,以以一一致致的的外外觀觀出出現(xiàn)現(xiàn)在在網(wǎng)網(wǎng)站站的的每每一一頁頁,,扮扮演演著著對(duì)對(duì)用用戶戶最最基基本本的的訪訪問問方方向向性性指指引引。。局部部導(dǎo)導(dǎo)航航局部部導(dǎo)導(dǎo)航航是是子子頁頁面面相相同同頁頁面面組組的的內(nèi)內(nèi)部部導(dǎo)導(dǎo)航航,,使使用用戶戶在在一一個(gè)個(gè)內(nèi)內(nèi)容容領(lǐng)領(lǐng)域域里里按按層層次次瀏瀏覽覽局部部導(dǎo)導(dǎo)航航((副副導(dǎo)導(dǎo)航航))::全全局局導(dǎo)導(dǎo)航航的的延延伸伸,,設(shè)設(shè)計(jì)計(jì)靈靈活活、、變變化化頻頻繁繁、、指指向向同同級(jí)級(jí)或或下下級(jí)級(jí)頁頁面面。。使使用用要要點(diǎn)點(diǎn)::局局部部導(dǎo)導(dǎo)航航的的過過渡渡應(yīng)應(yīng)平平滑滑、、一一致致,,不不應(yīng)應(yīng)將將用用戶戶帶帶出出網(wǎng)網(wǎng)站站,,或或是是跳跳轉(zhuǎn)轉(zhuǎn)到到其其它它類類別別。。局局部部導(dǎo)導(dǎo)航航可可以以是是主主導(dǎo)導(dǎo)航航項(xiàng)項(xiàng)目目的的下下級(jí)級(jí)分分類類、、同同級(jí)級(jí)分分類類、、某某一一特特定定類類別別等等等等。。局局部部導(dǎo)導(dǎo)航航和和全全局局導(dǎo)導(dǎo)航航的的組組合合舉舉例例::網(wǎng)頁版版面布布局與與制作作布局就就是指指以最最適合合用戶戶瀏覽覽的方方式將將圖片片和文文字排排放在在頁面面的不不同位位置。?!白钭钸m合合”是是一個(gè)個(gè)不確確定的的形容容詞。。布局的的重要要性::挖掘掘客戶戶的需需求,,將用用戶需需要的的內(nèi)容容充分分展示示出來來,為為客客戶提提供舒舒適、、友好好、簡(jiǎn)簡(jiǎn)單的的訪問問體驗(yàn)驗(yàn),進(jìn)進(jìn)而留留住客客戶,,還能能結(jié)合合SEO,提提升升網(wǎng)網(wǎng)站站的的搜搜索索引引擎擎排排名名。。如如同同蓋蓋房房子子有有草草圖圖一一樣樣,,網(wǎng)網(wǎng)站站設(shè)設(shè)計(jì)計(jì)也也同同樣樣有有草草圖圖。。網(wǎng)站站外外形形尺尺寸寸::網(wǎng)網(wǎng)頁頁黃黃金金分分割割在這這個(gè)個(gè)九九宮宮格格中中中中間間部部分分就就產(chǎn)產(chǎn)生生了了四四個(gè)個(gè)交交叉叉點(diǎn)點(diǎn),,這這四四個(gè)個(gè)交交叉叉點(diǎn)點(diǎn)就就是是視視覺覺中中心心點(diǎn)點(diǎn)。。那網(wǎng)網(wǎng)頁頁自自身身的的上上下下左左右右布布局局呢呢?同樣樣的的,,如如只只是是上上下下或或是是左左右右結(jié)結(jié)構(gòu)構(gòu)我我們們不不能能把把上上下下或或是是左左右右平平分分,,而而是是最最好好采采用用黃黃金金分分割割比比來來進(jìn)進(jìn)行行劃劃分分。。如如果果是是上上中中下下或或是是左左中中右右呢呢。。我我們們同同樣樣不不能能平平分分,,我我們們我我們們要要注注意意三三者者之之間間的的關(guān)關(guān)系系,,比比如如上上中中下下結(jié)結(jié)構(gòu)構(gòu),,我我們們很很清清楚楚中中間間是是主主要要內(nèi)內(nèi)容容需需要要大大一一點(diǎn)點(diǎn)的的空空間間,,那那么么中中空空間間的的部部分分會(huì)會(huì)盡盡量量的的點(diǎn)點(diǎn)有有大大比比例例,,一一般般來來講講我我們們會(huì)會(huì)讓讓中中間間占占大大約約百百分分之之六六十十。。而而上上面面占占百百分分之之三三十十,,下下面面占占百百分分之之十十。。那那也也就就是是說說,,下下面面是是上上面面的的三三分分之之一一,,上上面面是是中中間間的的三三分分一一。。這這樣樣的的分分割割就就會(huì)會(huì)比比平平面面看看起起來來要要舒舒服服很很多多。。但但是是左左中中右右的的結(jié)結(jié)構(gòu)構(gòu)就就不不能能這這么么分分了了。。因因?yàn)闉榘侔俜址种牡膶拰挾榷葧?huì)會(huì)很很難難放放得得下下什什么么內(nèi)內(nèi)容容。。一一般般左左中中右右結(jié)結(jié)構(gòu)構(gòu)會(huì)會(huì)有有另另一一種種分分法法:左占百分分之四十十,中右右各占百百分之三三十?;蚧蚴亲笥矣艺及俜莘葜?,中間間占百分分之四十十。也可可以進(jìn)行行532、622、442、的分配配。也就就是說大大布局上上要盡量量避免平平分的局局面。我們可可以把把網(wǎng)頁頁看成成是由由很多多個(gè)小小塊組組合而而成的的。通通常要要注意意的就就是標(biāo)標(biāo)題與與內(nèi)容容的關(guān)關(guān)系以以及這這些塊塊放置置的位位置。。比如如最核心心的內(nèi)內(nèi)容不要放放在最最頂、、最后后、或或是最最中間間。而而是頂部與與中間間的中中部位位置,有些些人喜喜歡排排位,,并且且會(huì)把把最重重要的的放在在最上上面,,其實(shí)實(shí)不然然啊,,放在在最上上面的的未必必是最最核心心的位位置。。比如如我們們看一一下各各大門門戶網(wǎng)網(wǎng)站的的頭條條新聞聞的位位置,,是不不是沒沒有放放在最最頂部部的?常見的的布局局形式式“T””結(jié)構(gòu)布布局::頁面面頂部部為橫橫條網(wǎng)網(wǎng)站標(biāo)標(biāo)志+廣告條條,下下方左左面為為主菜菜單,,右面面顯示示內(nèi)容容的布布局,,因?yàn)闉椴藛螁螚l背背景較較深,,整體體效果果類似似英文文字母母“T”,所以我們稱之之為“T”形布局。這是是網(wǎng)頁設(shè)計(jì)中中用的最廣泛泛的一種布局局方式。這種種布局的優(yōu)點(diǎn)點(diǎn)是頁面結(jié)構(gòu)構(gòu)清晰,主次次分明。是初初學(xué)者最容易易上手的布局局方法。缺點(diǎn)點(diǎn)是規(guī)矩呆板板,如果細(xì)節(jié)節(jié)色彩上不注注意,很容易易讓人"看之無味"。同字型布局特點(diǎn):頁面頂頂部為水平放放置的主導(dǎo)航航欄,其下體體大致分為左左,中,右3欄“口”型布局這這是一個(gè)個(gè)象形的說法法,就是頁面面一般上下各各有一個(gè)廣告告條,左面是是主菜單,右右面放友情連連接等,中間間是主要內(nèi)容容。這種布局局的優(yōu)點(diǎn)是充充分利用版面面,信息量大大(我的主頁首頁頁即屬于這種種布局)。缺點(diǎn)是頁面面擁擠,不夠夠靈活。也有有將四邊空出出,只用中間間的窗口型設(shè)設(shè)計(jì),例如網(wǎng)網(wǎng)易壁紙站。。Flash型什么樣的布局局是最好的??如果內(nèi)容非常多,,就要考慮用用“國字型”;;如果是一個(gè)企業(yè)網(wǎng)網(wǎng)站想展示一一下企業(yè)形象象或個(gè)人主頁頁想展示個(gè)人人風(fēng)采,封面面性是首選;Flash型更靈活一些些,好的Flash大大豐富了網(wǎng)網(wǎng)頁,但是它它不能表達(dá)過過多的文字信信息。關(guān)于第一屏第一屏是指我們到達(dá)一一個(gè)網(wǎng)站在不不拖動(dòng)滾動(dòng)條條時(shí)能夠看到到的部分。有關(guān)導(dǎo)航
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 體育學(xué)期工作計(jì)劃范文集合6篇
- 畢業(yè)生的實(shí)習(xí)報(bào)告模板錦集10篇
- 云南保山市導(dǎo)游詞
- DB12T 484-2013 LED道路和街路照明燈具技術(shù)規(guī)范
- 個(gè)人拾金不昧的表揚(yáng)信
- 中醫(yī)藥五周年宣傳活動(dòng)總結(jié)(6篇)
- 沙盤模擬課件教學(xué)課件
- 銀行農(nóng)民工工資代發(fā)協(xié)議書-記賬實(shí)操
- 滇池度假區(qū)實(shí)驗(yàn)中學(xué)九年級(jí)上學(xué)期語文9月測(cè)試試卷
- 九臺(tái)區(qū)七年級(jí)上學(xué)期語文期末試卷
- 2023年教師招聘考試考前必背簡(jiǎn)答題條
- 管理英語4Unit-7-學(xué)前熱身-會(huì)話演練-邊學(xué)邊練-寫作訓(xùn)練等參考答案
- 大班美術(shù)活動(dòng)《有趣的線條》課件
- 2025年蛇年春聯(lián)帶橫批-蛇年對(duì)聯(lián)大全新春對(duì)聯(lián)集錦
- 國家開放大學(xué)《比較初等教育》終結(jié)性考核大作業(yè)參考答案
- 少兒美術(shù)幼兒園課件- 4-6歲 《秋梨》
- 互聯(lián)網(wǎng)信息審核員考試題庫大全-下(判斷、填空題匯總)
- 中國普通食物營養(yǎng)成分表(修正版)
- 第12課 明朝的興亡【知識(shí)精研】 《中國歷史》 中職中專 高效課堂課件
- 99版-干部履歷表-A4打印
- 現(xiàn)患率調(diào)查匯總表
評(píng)論
0/150
提交評(píng)論