月日電子商務(wù)網(wǎng)站規(guī)劃

電子商務(wù)網(wǎng)站規(guī)劃2014級電子商務(wù)班閆立娜課題：電子商務(wù)網(wǎng)站的規(guī)劃（3）課型：新授課課時：2授課時間：2015年4月13日授課班級：2014級電子商務(wù)授課目標：1、掌握網(wǎng)站風格設(shè)計重點難點：電子商務(wù)網(wǎng)站的規(guī)劃流程教學方法：講授法、討論法開篇案例：可口可樂和百事可樂公司網(wǎng)站的風格設(shè)計主要內(nèi)容什么是網(wǎng)站總體風格導航欄頁面布局網(wǎng)站整體風格的概念網(wǎng)站整體風格是指站點的整體形象給瀏覽者的綜合感受，這種感受是抽象的。整體形象所包含的因素站點的CI（標志、色彩、字體、標語）版面布局瀏覽方式文字語氣內(nèi)容價值。。。確定風格是建立在有價值的內(nèi)容之上的：質(zhì)量、價值其實風格就是一句話：與眾不同

如何建立有獨特風格的網(wǎng)站風格應該建立在豐富的有價值的內(nèi)容基礎(chǔ)之上必須搞清楚自己給人的印象是什么，對象是誰，確定印象后，努力實現(xiàn)和加強這種印象Logo出現(xiàn)在每個頁面上對一個網(wǎng)站來說，要突出色彩確定網(wǎng)站的CICI：corporateidentity(企業(yè)識別),是通過視覺統(tǒng)一企業(yè)的形象logo中的BF設(shè)為百度紅藍色，代表一男一女。字體及位置的設(shè)計，則包含“眾里尋他千百度”中不期而遇的美麗寓意。色彩傳遞的的信息色彩在食品品偏好中起起著重要作作用.一次調(diào)查:被調(diào)查的家家庭主婦分分別品嘗了了放在棕、、藍、紅、、黃四種容容器中的咖咖啡（所有有咖啡都是是一樣的，，并對被調(diào)調(diào)查者隱瞞瞞了品牌））結(jié)果：75%的婦女認為為放在棕色色容器中的的咖啡味道道過苦；85%的人認為紅紅色容器中中的咖啡最最濃；幾乎乎所有人感感覺藍色容容器中的咖咖啡味道較較淡；而黃黃色容器中中的咖啡幾幾乎沒味.雅格布、柯柯恩、沃西西和吉恩曾曾做過有關(guān)關(guān)部門跨文文化的顏色色比較的深深入研究。。他們對中中國、韓國國、日本以以及美國消消費者進行行調(diào)查，發(fā)發(fā)現(xiàn)亞洲人人往往把灰灰色和廉價價聯(lián)系在一一起，這恰恰恰與美國國人相反，，美國人認認為灰色貴貴重且有高高品質(zhì)。亞亞洲人認為為紫色為富富貴之色，，美國人卻卻認為紫色色有廉價感感。不過，，藍色、紅紅色、黃色色與黑色倒倒是不約而而同地分別別與高品質(zhì)質(zhì)、愛、幸幸福及力量量聯(lián)系在一一起。一般般地都認為為綠色象征征著純潔和和值得信賴賴?？煽诳蓸返钠科孔釉诓唤?jīng)意意間傳遞了許許多信息：瓶瓶子頸部凸起起的花紋使人人感到握在手手中不會脫落落；瓶子外觀觀別致、造型型優(yōu)雅，似乎乎透射著飲料料能帶給你一一份輕松；里里面所裝的液液體，看起來來比標注的份份量多，有了了一種實在感感；coca-cola的斯賓塞體字字形，與白色色字體形成強強烈對比的紅紅色標準色，，流動的水線線等，無不在在傳遞著青春春、活力、輕輕松與自在。。怎樣樹立網(wǎng)站站的風格色調(diào)：是活潑潑還是莊重，，是素還是艷艷。請為你的網(wǎng)站站進行CI設(shè)計，包括logo、標準色彩、、標準字體、、宣傳標語等等，并說明如如何突出網(wǎng)站站的風格試用圖片設(shè)計計工具設(shè)計logo，選圖片的格格式GIF有風格的網(wǎng)站站與普通網(wǎng)站站的區(qū)別在于于：普通網(wǎng)站站上你看到只只是堆砌在一一起的信息，，總之。只能能用理性的感感受來描述，，比如信息量量多少，瀏覽覽速度快慢等等；有風格的的網(wǎng)站上你可可以獲得除內(nèi)內(nèi)容之外的更更感性的認識識，比如站點點的品位，對對瀏覽者的態(tài)態(tài)度等。創(chuàng)意：如網(wǎng)絡(luò)絡(luò)與電話結(jié)合合，產(chǎn)生IP電話如何確立自己己的風格確信風格是建建立在有價值值內(nèi)容之上的的。一個網(wǎng)站站有風格沒有有內(nèi)容，就好好比繡花枕頭頭一包草，所所以首先必須須保證內(nèi)容的的質(zhì)量和價值值性搞清網(wǎng)站給人人的印像如果用一句話話來描述你的的站點，應該該是（）有創(chuàng)意、有實實力、有美感感、有沖擊力力想到你的站點點，可以想到到的顏色是（（）熱情的紅色、、幻想的天藍藍色想到你的站點點，可以聯(lián)想想的畫面是（（）雜貨店、書店店、如果網(wǎng)站是一一個人，他擁擁有的個性是是（）活潑可愛的兒兒童、思想成成熟的中年人人作為站長，你你希望給人的的印象是（））敬業(yè)、認真負負責、有深度度、直爽用一種動物做做比喻，你的的站點是（））兔子（聰明敏敏感）、獅子子（自信威武武）瀏覽者覺得你你和其他網(wǎng)站站不同（）可以信賴、信信息最快、交交流方便導航系統(tǒng)網(wǎng)站中的導航航系統(tǒng)就是網(wǎng)網(wǎng)頁上各種導導航條的總稱稱，用戶通過過導航系統(tǒng)中中的各種導航航元素，可以以快速查詢到到自己所需要要的信息。導航系統(tǒng)用來來建立網(wǎng)頁信信息內(nèi)容之間間的上下文關(guān)關(guān)系，為用戶戶在新環(huán)境下下快速定位提提供語境，從從而使用戶明明確下面三個個問題：我在在哪？我曾經(jīng)經(jīng)去過哪？我我可以去哪。。全局導航全局導航（PersistentNavigation）又稱主導航航，它是出現(xiàn)現(xiàn)在網(wǎng)站的每每一個頁面上上一組通用的的導航元素，，以一致的外外觀出現(xiàn)在網(wǎng)網(wǎng)站的每一頁頁，扮演著對對用戶最基本本的訪問方向向性指引。局部導航局部導航是子子頁面相同頁頁面組的內(nèi)部部導航，使用用戶在一個內(nèi)內(nèi)容領(lǐng)域里按按層次瀏覽局部導航（副副導航）：全全局導航的延延伸，設(shè)計靈靈活、變化頻頻繁、指向同同級或下級頁頁面。

使用用要點：局局部部導航的過渡渡應平滑、一一致，不應將將用戶帶出網(wǎng)網(wǎng)站，或是跳跳轉(zhuǎn)到其它類類別。局部導導航可以是主主導航項目的的下級分類、、同級分類、、某一特定類類別等等。局局部導航和和全局導航的的組合舉例：：網(wǎng)頁版面布局局與制作布局就是指以以最適合用戶戶瀏覽的方式式將圖片和文文字排放在頁頁面的不同位位置。“最適適合”是一個個不確定的形形容詞。布局的重要性性：挖掘客戶戶的需求，將將用戶需要的的內(nèi)容充分展展示出來，為為客戶提供供舒適、友好好、簡單的訪訪問體驗，進進而留住客戶戶，還能結(jié)合合SEO，提升網(wǎng)站的的搜索引擎排排名。如同蓋蓋房子有草圖圖一樣，網(wǎng)站站設(shè)計也同樣樣有草圖。網(wǎng)站外形尺寸寸：網(wǎng)頁黃金金分割在這個九宮格格中中間部分分就產(chǎn)生了四四個交叉點，，這四個交叉叉點就是視覺覺中心點。那網(wǎng)頁自身的的上下左右布布局呢?同樣的，如只只是上下或是是左右結(jié)構(gòu)我我們不能把上上下或是左右右平分，而是是最好采用黃黃金分割比來來進行劃分。。如果是上中中下或是左中中右呢。我們們同樣不能平平分，我們我我們要注意三三者之間的關(guān)關(guān)系，比如上上中下結(jié)構(gòu)，，我們很清楚楚中間是主要要內(nèi)容需要大大一點的空間間，那么中空空間的部分會會盡量的點有有大比例，一一般來講我們們會讓中間占占大約百分之之六十。而上上面占百分之之三十，下面面占百分之十十。那也就是是說，下面是是上面的三分分之一，上面面是中間的三三分一。這樣樣的分割就會會比平面看起起來要舒服很很多。但是左左中右的結(jié)構(gòu)構(gòu)就不能這么么分了。因為為百分之十的的寬度會很難難放得下什么么內(nèi)容。一般般左中右結(jié)構(gòu)構(gòu)會有另一種種分法:左占百分之四四十，中右各各占百分之三三十?；蚴亲笞笥艺及俜葜?，中間間占百分之四四十。也可以以進行532、622、442、的分配。也也就是說大布布局上要盡量量避免平分的的局面。我們可以把網(wǎng)網(wǎng)頁看成是由由很多個小塊塊組合而成的的。通常要注注意的就是標標題與內(nèi)容的的關(guān)系以及這這些塊放置的的位置。比如如最核心的內(nèi)容容不要放在最頂頂、最后、或或是最中間。。而是頂部與中間的的中部位置，有些人喜歡歡排位，并且且會把最重要要的放在最上上面，其實不不然啊，放在在最上面的未未必是最核心心的位置。比比如我們看一一下各大門戶戶網(wǎng)站的頭條條新聞的位置置，是不是沒沒有放在最頂頂部的?常見的布局形形式“T”結(jié)構(gòu)布局：頁頁面頂部為橫橫條網(wǎng)站標志志+廣告條，下方方左面為主菜菜單，右面顯顯示內(nèi)容的布布局，因為菜菜單條背景較較深，整體效效果類似英文文字母“T”,所以我們稱之之為“T”形布局。這是是網(wǎng)頁設(shè)計中中用的最廣泛泛的一種布局局方式。這種種布局的優(yōu)點點是頁面結(jié)構(gòu)構(gòu)清晰，主次次分明。是初初學者最容易易上手的布局局方法。缺點點是規(guī)矩呆板板，如果細節(jié)節(jié)色彩上不注注意，很容易易讓人"看之無味"。同字型布局特點：頁面頂頂部為水平放放置的主導航航欄，其下體體大致分為左左，中，右3欄“口”型布局這這是一個個象形的說法法，就是頁面面一般上下各各有一個廣告告條，左面是是主菜單，右右面放友情連連接等，中間間是主要內(nèi)容容。這種布局局的優(yōu)點是充充分利用版面面，信息量大大(我的主頁頁首頁即即屬于這這種布局局)。缺點是是頁面擁擁擠，不不夠靈活活。也有有將四邊邊空出，，只用中中間的窗窗口型設(shè)設(shè)計，例例如網(wǎng)易易壁紙站站。Flash型什么樣的的布局是是最好的的？如果內(nèi)容非常常多，就就要考慮慮用“國字型型”；；如果是一個企企業(yè)網(wǎng)站站想展示示一下企企業(yè)形象象或個人人主頁想想展示個個人風采采，封面面性是首首選；Flash型更靈活活一些，，好的Flash大大豐富富了網(wǎng)頁頁，但是是它不能能表達過過多的文文字信息息。關(guān)于第一一屏第一屏是是指我們到到達一個個網(wǎng)站在在不拖動動滾動條條時能夠夠看到的的部分。有關(guān)導航航欄的位位置導航欄能能讓我們們在瀏覽覽時容易易的到達達不同的的頁面，，是網(wǎng)頁頁元素非非常重要要的部分分，所以以導航欄欄一定要要清晰、、醒目，，一般來來講，導導航欄要要在“第第一屏””能顯示示出來，基于不不同瀏覽覽者顯示示器的大大小考慮慮，那種橫向向放置的的導航欄欄要優(yōu)于于縱向的的導航欄欄考慮，，原因很很簡單：：如果瀏瀏覽者的的第一屏屏很矮，，橫向的的仍能全全部看到到，而縱縱向的就就很難說說了，因因為窗口口的寬度度一般是是不會受受瀏覽器器設(shè)置影影響的，，而縱向向的則不不確定性性要大的的多。首頁設(shè)計計首頁是指指一個網(wǎng)網(wǎng)站的主主索引頁頁，是令令訪客了了解網(wǎng)站站概貌并并引導其其閱讀重重點內(nèi)容容的向?qū)?。Logo,欄目標題題設(shè)計，，色彩設(shè)設(shè)計和頁頁面布局局，（產(chǎn)產(chǎn)品搜索索，用戶戶登錄））對與商務(wù)務(wù)網(wǎng)站，，客戶最最關(guān)心的的是網(wǎng)站站的商品品，所以以在首頁頁及其所所有的欄欄目頁面面都放置置一個搜搜索條，，客戶可可以隨時時搜索。。首頁的功功能模塊塊：首頁頁上要實實現(xiàn)的主主要內(nèi)容容和功能能，主頁頁上必須須清晰列列出：機機構(gòu)名稱稱、提供供的產(chǎn)品品或服務(wù)務(wù)及主頁頁內(nèi)容首