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

整體形象所包含的因素6如何建立有獨(dú)特風(fēng)格的網(wǎng)站風(fēng)格應(yīng)該建立在豐富的有價(jià)值的內(nèi)容基礎(chǔ)之上必須搞清楚自己給人的印象是什么，對象是誰，確定印象后，努力實(shí)現(xiàn)和加強(qiáng)這種印象Logo出現(xiàn)在每個(gè)頁面上對一個(gè)網(wǎng)站來說，要突出色彩如何建立有獨(dú)特風(fēng)格的網(wǎng)站風(fēng)格應(yīng)該建立在豐富的有價(jià)值的內(nèi)容基礎(chǔ)7確定網(wǎng)站的CICI：corporateidentity(企業(yè)識(shí)別),是通過視覺統(tǒng)一企業(yè)的形象確定網(wǎng)站的CICI：corporateidentity(企84月13日電子商務(wù)網(wǎng)站規(guī)劃課件9logo中的BF設(shè)為百度紅藍(lán)色，代表一男一女。字體及位置的設(shè)計(jì)，則包含“眾里尋他千百度”中不期而遇的美麗寓意。logo中的BF設(shè)為百度紅藍(lán)色，代表一男一女。104月13日電子商務(wù)網(wǎng)站規(guī)劃課件11色彩傳遞的信息色彩在食品偏好中起著重要作用.一次調(diào)查:被調(diào)查的家庭主婦分別品嘗了放在棕、藍(lán)、紅、黃四種容器中的咖啡（所有咖啡都是一樣的，并對被調(diào)查者隱瞞了品牌）結(jié)果：75%的婦女認(rèn)為放在棕色容器中的咖啡味道過苦；85%的人認(rèn)為紅色容器中的咖啡最濃；幾乎所有人感覺藍(lán)色容器中的咖啡味道較淡；而黃色容器中的咖啡幾乎沒味.雅格布、柯恩、沃西和吉恩曾做過有關(guān)部門跨文化的顏色比較的深入研究。他們對中國、韓國、日本以及美國消費(fèi)者進(jìn)行調(diào)查，發(fā)現(xiàn)亞洲人往往把灰色和廉價(jià)聯(lián)系在一起，這恰恰與美國人相反，美國人認(rèn)為灰色貴重且有高品質(zhì)。亞洲人認(rèn)為紫色為富貴之色，美國人卻認(rèn)為紫色有廉價(jià)感。不過，藍(lán)色、紅色、黃色與黑色倒是不約而同地分別與高品質(zhì)、愛、幸福及力量聯(lián)系在一起。一般地都認(rèn)為綠色象征著純潔和值得信賴。色彩傳遞的信息色彩在食品偏好中起著重要作用.12可口可樂的瓶子在不經(jīng)意間傳遞了許多信息：瓶子頸部凸起的花紋使人感到握在手中不會(huì)脫落；瓶子外觀別致、造型優(yōu)雅，似乎透射著飲料能帶給你一份輕松；里面所裝的液體，看起來比標(biāo)注的份量多，有了一種實(shí)在感；coca-cola的斯賓塞體字形，與白色字體形成強(qiáng)烈對比的紅色標(biāo)準(zhǔn)色，流動(dòng)的水線等，無不在傳遞著青春、活力、輕松與自在。可口可樂的瓶子在不經(jīng)意間傳遞了許多信息：瓶子頸部凸起的花紋使13怎樣樹立網(wǎng)站的風(fēng)格色調(diào)：是活潑還是莊重，是素還是艷。

怎樣樹立網(wǎng)站的風(fēng)格色調(diào)：是活潑還是莊重，是素還是艷。14請為你的網(wǎng)站進(jìn)行CI設(shè)計(jì)，包括logo、標(biāo)準(zhǔn)色彩、標(biāo)準(zhǔn)字體、宣傳標(biāo)語等，并說明如何突出網(wǎng)站的風(fēng)格試用圖片設(shè)計(jì)工具設(shè)計(jì)logo，選圖片的格式GIF請為你的網(wǎng)站進(jìn)行CI設(shè)計(jì)，包括logo、標(biāo)準(zhǔn)色彩、標(biāo)準(zhǔn)字體、15有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：普通網(wǎng)站上你看到只是堆砌在一起的信息，總之。只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等；有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認(rèn)識(shí)，比如站點(diǎn)的品位，對瀏覽者的態(tài)度等。創(chuàng)意：如網(wǎng)絡(luò)與電話結(jié)合，產(chǎn)生IP電話有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：普通網(wǎng)站上你看到只是堆砌在16如何確立自己的風(fēng)格確信風(fēng)格是建立在有價(jià)值內(nèi)容之上的。一個(gè)網(wǎng)站有風(fēng)格沒有內(nèi)容，就好比繡花枕頭一包草，所以首先必須保證內(nèi)容的質(zhì)量和價(jià)值性搞清網(wǎng)站給人的印像如果用一句話來描述你的站點(diǎn)，應(yīng)該是（）有創(chuàng)意、有實(shí)力、有美感、有沖擊力想到你的站點(diǎn)，可以想到的顏色是（）熱情的紅色、幻想的天藍(lán)色想到你的站點(diǎn)，可以聯(lián)想的畫面是（）雜貨店、書店、如果網(wǎng)站是一個(gè)人，他擁有的個(gè)性是（）活潑可愛的兒童、思想成熟的中年人作為站長，你希望給人的印象是（）敬業(yè)、認(rèn)真負(fù)責(zé)、有深度、直爽用一種動(dòng)物做比喻，你的站點(diǎn)是（）兔子（聰明敏感）、獅子（自信威武）瀏覽者覺得你和其他網(wǎng)站不同（）可以信賴、信息最快、交流方便如何確立自己的風(fēng)格17導(dǎo)航系統(tǒng)網(wǎng)站中的導(dǎo)航系統(tǒng)就是網(wǎng)頁上各種導(dǎo)航條的總稱，用戶通過導(dǎo)航系統(tǒng)中的各種導(dǎo)航元素，可以快速查詢到自己所需要的信息。導(dǎo)航系統(tǒng)用來建立網(wǎng)頁信息內(nèi)容之間的上下文關(guān)系，為用戶在新環(huán)境下快速定位提供語境，從而使用戶明確下面三個(gè)問題：我在哪？我曾經(jīng)去過哪？我可以去哪。導(dǎo)航系統(tǒng)網(wǎng)站中的導(dǎo)航系統(tǒng)就是網(wǎng)頁上各種導(dǎo)航條的總稱，用戶通過18全局導(dǎo)航全局導(dǎo)航（PersistentNavigation）又稱主導(dǎo)航，它是出現(xiàn)在網(wǎng)站的每一個(gè)頁面上一組通用的導(dǎo)航元素，以一致的外觀出現(xiàn)在網(wǎng)站的每一頁，扮演著對用戶最基本的訪問方向性指引。全局導(dǎo)航全局導(dǎo)航（PersistentNavigation194月13日電子商務(wù)網(wǎng)站規(guī)劃課件204月13日電子商務(wù)網(wǎng)站規(guī)劃課件214月13日電子商務(wù)網(wǎng)站規(guī)劃課件22局部導(dǎo)航局部導(dǎo)航是子頁面相同頁面組的內(nèi)部導(dǎo)航，使用戶在一個(gè)內(nèi)容領(lǐng)域里按層次瀏覽局部導(dǎo)航局部導(dǎo)航是子頁面相同頁面組的內(nèi)部導(dǎo)航，使用戶在一個(gè)內(nèi)23局部導(dǎo)航（副導(dǎo)航）：全局導(dǎo)航的延伸，設(shè)計(jì)靈活、變化頻繁、指向同級或下級頁面。

使用要點(diǎn)：

局部導(dǎo)航的過渡應(yīng)平滑、一致，不應(yīng)將用戶帶出網(wǎng)站，或是跳轉(zhuǎn)到其它類別。局部導(dǎo)航可以是主導(dǎo)航項(xiàng)目的下級分類、同級分類、某一特定類別等等。

局部導(dǎo)航和全局導(dǎo)航的組合舉例：

局部導(dǎo)航（副導(dǎo)航）：全局導(dǎo)航的延伸，設(shè)計(jì)靈活、變化頻繁、指向244月13日電子商務(wù)網(wǎng)站規(guī)劃課件25網(wǎng)頁版面布局與制作布局就是指以最適合用戶瀏覽的方式將圖片和文字排放在頁面的不同位置?！白钸m合”是一個(gè)不確定的形容詞。布局的重要性：挖掘客戶的需求，將用戶需要的內(nèi)容充分展示出來，為客戶提供舒適、友好、簡單的訪問體驗(yàn)，進(jìn)而留住客戶，還能結(jié)合SEO，提升網(wǎng)站的搜索引擎排名。如同蓋房子有草圖一樣，網(wǎng)站設(shè)計(jì)也同樣有草圖。網(wǎng)頁版面布局與制作布局就是指以最適合用戶瀏覽的方式將圖片和文264月13日電子商務(wù)網(wǎng)站規(guī)劃課件274月13日電子商務(wù)網(wǎng)站規(guī)劃課件28網(wǎng)站外形尺寸：網(wǎng)頁黃金分割網(wǎng)站外形尺寸：網(wǎng)頁黃金分割29在這個(gè)九宮格中中間部分就產(chǎn)生了四個(gè)交叉點(diǎn)，這四個(gè)交叉點(diǎn)就是視覺中心點(diǎn)。在這個(gè)九宮格中中間部分就產(chǎn)生了四個(gè)交叉點(diǎn)，這四個(gè)交叉點(diǎn)就是視304月13日電子商務(wù)網(wǎng)站規(guī)劃課件314月13日電子商務(wù)網(wǎng)站規(guī)劃課件32那網(wǎng)頁自身的上下左右布局呢?同樣的，如只是上下或是左右結(jié)構(gòu)我們不能把上下或是左右平分，而是最好采用黃金分割比來進(jìn)行劃分。如果是上中下或是左中右呢。我們同樣不能平分，我們我們要注意三者之間的關(guān)系，比如上中下結(jié)構(gòu)，我們很清楚中間是主要內(nèi)容需要大一點(diǎn)的空間，那么中空間的部分會(huì)盡量的點(diǎn)有大比例，一般來講我們會(huì)讓中間占大約百分之六十。而上面占百分之三十，下面占百分之十。那也就是說，下面是上面的三分之一，上面是中間的三分一。這樣的分割就會(huì)比平面看起來要舒服很多。但是左中右的結(jié)構(gòu)就不能這么分了。因?yàn)榘俜种膶挾葧?huì)很難放得下什么內(nèi)容。一般左中右結(jié)構(gòu)會(huì)有另一種分法:左占百分之四十，中右各占百分之三十?；蚴亲笥艺及俜葜虚g占百分之四十。也可以進(jìn)行532、622、442、的分配。也就是說大布局上要盡量避免平分的局面。那網(wǎng)頁自身的上下左右布局呢?同樣的，如只是上下或是左右結(jié)構(gòu)我33我們可以把網(wǎng)頁看成是由很多個(gè)小塊組合而成的。通常要注意的就是標(biāo)題與內(nèi)容的關(guān)系以及這些塊放置的位置。比如最核心的內(nèi)容不要放在最頂、最后、或是最中間。而是頂部與中間的中部位置，有些人喜歡排位，并且會(huì)把最重要的放在最上面，其實(shí)不然啊，放在最上面的未必是最核心的位置。比如我們看一下各大門戶網(wǎng)站的頭條新聞的位置，是不是沒有放在最頂部的?我們可以把網(wǎng)頁看成是由很多個(gè)小塊組合而成的。通常要注意的就是34常見的布局形式“T”結(jié)構(gòu)布局：頁面頂部為橫條網(wǎng)站標(biāo)志+廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，因?yàn)椴藛螚l背景較深，整體效果類似英文字母“T”,所以我們稱之為“T”形布局。這是網(wǎng)頁設(shè)計(jì)中用的最廣泛的一種布局方式。這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰，主次分明。是初學(xué)者最容易上手的布局方法。缺點(diǎn)是規(guī)矩呆板，如果細(xì)節(jié)色彩上不注意，很容易讓人"看之無味"。

常見的布局形式“T”結(jié)構(gòu)布局：頁面頂部為橫條網(wǎng)站標(biāo)志+廣告條35同字型布局特點(diǎn)：頁面頂部為水平放置的主導(dǎo)航欄，其下體大致分為左，中，右3欄同字型布局364月13日電子商務(wù)網(wǎng)站規(guī)劃課件37“口”型布局這是一個(gè)象形的說法，就是頁面一般上下各有一個(gè)廣告條，左面是主菜單，右面放友情連接等，中間是主要內(nèi)容。這種布局的優(yōu)點(diǎn)是充分利用版面，信息量大(我的主頁首頁即屬于這種布局)。缺點(diǎn)是頁面擁擠，不夠靈活。也有將四邊空出，只用中間的窗口型設(shè)計(jì)，例如網(wǎng)易壁紙站。

“口”型布局這是一個(gè)象形的說法，就是頁面一般上下各有一個(gè)38Flash型

Flash型39什么樣的布局是最好的？如果內(nèi)容非常多，就要考慮用“國字型”；如果是一個(gè)企業(yè)網(wǎng)站想展示一下企業(yè)形象或個(gè)人主頁想展示個(gè)人風(fēng)采，封面性是首選；Flash型更靈活一些，好的Flash大大豐富了網(wǎng)頁，但是它不能表達(dá)過多的文字信息。什么樣的布局是最好的？如果內(nèi)容非常多，就要考慮用“國字型”40關(guān)于第一屏第一屏是指我們到達(dá)一個(gè)網(wǎng)站在不拖動(dòng)滾動(dòng)條時(shí)能夠看到的部分。關(guān)于第一屏第一屏是指我們到達(dá)一個(gè)網(wǎng)站在不拖動(dòng)滾動(dòng)條時(shí)能夠41有關(guān)導(dǎo)航欄的位置導(dǎo)航欄能讓我們在瀏覽時(shí)容易的到達(dá)不同的頁面，是網(wǎng)頁元素非常重要的部分，所以導(dǎo)航欄一定要清晰、醒目，一般來講，導(dǎo)航欄要在“第一屏”能顯示出來，基于不同瀏覽者顯示器的大小考慮，那種橫向放置的導(dǎo)航欄要優(yōu)于縱向的導(dǎo)航欄考慮，原因很簡單：如果瀏覽者的第一屏很矮，橫向的仍能全部看到，而縱向的就很難說了，因?yàn)榇翱诘膶挾纫话闶遣粫?huì)受瀏覽器設(shè)置影響的，而縱向的則不確定性要大的多。有關(guān)導(dǎo)航欄的位置導(dǎo)航欄能讓我們在瀏覽時(shí)容易的到達(dá)不同的頁面42首頁設(shè)計(jì)首頁是指一個(gè)網(wǎng)站的主索引頁，是令訪客了解網(wǎng)站概貌并引導(dǎo)其閱讀重點(diǎn)內(nèi)容的向?qū)?。Logo,欄目標(biāo)題設(shè)計(jì)，色彩設(shè)計(jì)和頁面布局，（產(chǎn)品搜索，用戶登錄）對與商務(wù)網(wǎng)站，客戶最關(guān)心的是網(wǎng)站的商品，所以在首頁及其所有的欄目頁面都放置一個(gè)搜索條，客戶可以隨時(shí)搜索。首頁設(shè)計(jì)首頁是指一個(gè)網(wǎng)站的主索引頁，是令訪客了解網(wǎng)站概貌并引43首頁的功能模塊：首頁上要實(shí)現(xiàn)的主要內(nèi)容和功能，主頁上必須清晰列出：機(jī)構(gòu)名稱、提供的產(chǎn)品或服務(wù)及主頁內(nèi)容首頁的功能模塊：首頁上要實(shí)現(xiàn)的主要內(nèi)容和功能，主頁上必須清晰444月13日電子商務(wù)網(wǎng)站規(guī)劃課件45首頁設(shè)計(jì)要注意的問題首頁明確盡可能縮短下載時(shí)間首頁設(shè)計(jì)要注意的問題首頁明確464月13日電子商務(wù)網(wǎng)站規(guī)劃課件474月13日電子商務(wù)網(wǎng)站規(guī)劃課件48合理設(shè)計(jì)你網(wǎng)站結(jié)構(gòu)，并為你的網(wǎng)站添加進(jìn)去相應(yīng)的導(dǎo)航欄合理設(shè)計(jì)你網(wǎng)站結(jié)構(gòu)，并為你的網(wǎng)站添加進(jìn)去相應(yīng)的導(dǎo)航欄49課堂小結(jié)風(fēng)格導(dǎo)航頁面布局課堂小結(jié)風(fēng)格50教后記通過對各種網(wǎng)站的展示，吸引了學(xué)生的學(xué)習(xí)興趣，課堂氣氛與以往相比有了明顯的提升。將電子商務(wù)與網(wǎng)頁設(shè)計(jì)課程相結(jié)合，讓學(xué)生學(xué)會(huì)融會(huì)貫通，有利于其他科目的教學(xué)。教后記通過對各種網(wǎng)站的展示，吸引了學(xué)生的學(xué)習(xí)興趣，課堂氣氛與51電子商務(wù)網(wǎng)站規(guī)劃2014級電子商務(wù)班閆立娜電子商務(wù)網(wǎng)站規(guī)劃課題：電子商務(wù)網(wǎng)站的規(guī)劃（3）課型：新授課課時(shí)：2授課時(shí)間：2015年4月13日授課班級：2014級電子商務(wù)授課目標(biāo)：1、掌握網(wǎng)站風(fēng)格設(shè)計(jì)重點(diǎn)難點(diǎn)：電子商務(wù)網(wǎng)站的規(guī)劃流程教學(xué)方法：講授法、討論法課題：電子商務(wù)網(wǎng)站的規(guī)劃（3）53開篇案例：可口可樂和百事可樂公司網(wǎng)站的風(fēng)格設(shè)計(jì)開篇案例：可口可樂和百事可樂公司網(wǎng)站的風(fēng)格設(shè)計(jì)54主要內(nèi)容什么是網(wǎng)站總體風(fēng)格導(dǎo)航欄頁面布局主要內(nèi)容什么是網(wǎng)站總體風(fēng)格55網(wǎng)站整體風(fēng)格的概念網(wǎng)站整體風(fēng)格是指站點(diǎn)的整體形象給瀏覽者的綜合感受，這種感受是抽象的。網(wǎng)站整體風(fēng)格的概念網(wǎng)站整體風(fēng)格是指站點(diǎn)的整體形象給瀏覽者的綜56整體形象所包含的因素站點(diǎn)的CI（標(biāo)志、色彩、字體、標(biāo)語）版面布局瀏覽方式文字語氣內(nèi)容價(jià)值。。。確定風(fēng)格是建立在有價(jià)值的內(nèi)容之上的：質(zhì)量、價(jià)值其實(shí)風(fēng)格就是一句話：與眾不同

整體形象所包含的因素57如何建立有獨(dú)特風(fēng)格的網(wǎng)站風(fēng)格應(yīng)該建立在豐富的有價(jià)值的內(nèi)容基礎(chǔ)之上必須搞清楚自己給人的印象是什么，對象是誰，確定印象后，努力實(shí)現(xiàn)和加強(qiáng)這種印象Logo出現(xiàn)在每個(gè)頁面上對一個(gè)網(wǎng)站來說，要突出色彩如何建立有獨(dú)特風(fēng)格的網(wǎng)站風(fēng)格應(yīng)該建立在豐富的有價(jià)值的內(nèi)容基礎(chǔ)58確定網(wǎng)站的CICI：corporateidentity(企業(yè)識(shí)別),是通過視覺統(tǒng)一企業(yè)的形象確定網(wǎng)站的CICI：corporateidentity(企594月13日電子商務(wù)網(wǎng)站規(guī)劃課件60logo中的BF設(shè)為百度紅藍(lán)色，代表一男一女。字體及位置的設(shè)計(jì)，則包含“眾里尋他千百度”中不期而遇的美麗寓意。logo中的BF設(shè)為百度紅藍(lán)色，代表一男一女。614月13日電子商務(wù)網(wǎng)站規(guī)劃課件62色彩傳遞的信息色彩在食品偏好中起著重要作用.一次調(diào)查:被調(diào)查的家庭主婦分別品嘗了放在棕、藍(lán)、紅、黃四種容器中的咖啡（所有咖啡都是一樣的，并對被調(diào)查者隱瞞了品牌）結(jié)果：75%的婦女認(rèn)為放在棕色容器中的咖啡味道過苦；85%的人認(rèn)為紅色容器中的咖啡最濃；幾乎所有人感覺藍(lán)色容器中的咖啡味道較淡；而黃色容器中的咖啡幾乎沒味.雅格布、柯恩、沃西和吉恩曾做過有關(guān)部門跨文化的顏色比較的深入研究。他們對中國、韓國、日本以及美國消費(fèi)者進(jìn)行調(diào)查，發(fā)現(xiàn)亞洲人往往把灰色和廉價(jià)聯(lián)系在一起，這恰恰與美國人相反，美國人認(rèn)為灰色貴重且有高品質(zhì)。亞洲人認(rèn)為紫色為富貴之色，美國人卻認(rèn)為紫色有廉價(jià)感。不過，藍(lán)色、紅色、黃色與黑色倒是不約而同地分別與高品質(zhì)、愛、幸福及力量聯(lián)系在一起。一般地都認(rèn)為綠色象征著純潔和值得信賴。色彩傳遞的信息色彩在食品偏好中起著重要作用.63可口可樂的瓶子在不經(jīng)意間傳遞了許多信息：瓶子頸部凸起的花紋使人感到握在手中不會(huì)脫落；瓶子外觀別致、造型優(yōu)雅，似乎透射著飲料能帶給你一份輕松；里面所裝的液體，看起來比標(biāo)注的份量多，有了一種實(shí)在感；coca-cola的斯賓塞體字形，與白色字體形成強(qiáng)烈對比的紅色標(biāo)準(zhǔn)色，流動(dòng)的水線等，無不在傳遞著青春、活力、輕松與自在?？煽诳蓸返钠孔釉诓唤?jīng)意間傳遞了許多信息：瓶子頸部凸起的花紋使64怎樣樹立網(wǎng)站的風(fēng)格色調(diào)：是活潑還是莊重，是素還是艷。

怎樣樹立網(wǎng)站的風(fēng)格色調(diào)：是活潑還是莊重，是素還是艷。65請為你的網(wǎng)站進(jìn)行CI設(shè)計(jì)，包括logo、標(biāo)準(zhǔn)色彩、標(biāo)準(zhǔn)字體、宣傳標(biāo)語等，并說明如何突出網(wǎng)站的風(fēng)格試用圖片設(shè)計(jì)工具設(shè)計(jì)logo，選圖片的格式GIF請為你的網(wǎng)站進(jìn)行CI設(shè)計(jì)，包括logo、標(biāo)準(zhǔn)色彩、標(biāo)準(zhǔn)字體、66有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：普通網(wǎng)站上你看到只是堆砌在一起的信息，總之。只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等；有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認(rèn)識(shí)，比如站點(diǎn)的品位，對瀏覽者的態(tài)度等。創(chuàng)意：如網(wǎng)絡(luò)與電話結(jié)合，產(chǎn)生IP電話有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：普通網(wǎng)站上你看到只是堆砌在67如何確立自己的風(fēng)格確信風(fēng)格是建立在有價(jià)值內(nèi)容之上的。一個(gè)網(wǎng)站有風(fēng)格沒有內(nèi)容，就好比繡花枕頭一包草，所以首先必須保證內(nèi)容的質(zhì)量和價(jià)值性搞清網(wǎng)站給人的印像如果用一句話來描述你的站點(diǎn)，應(yīng)該是（）有創(chuàng)意、有實(shí)力、有美感、有沖擊力想到你的站點(diǎn)，可以想到的顏色是（）熱情的紅色、幻想的天藍(lán)色想到你的站點(diǎn)，可以聯(lián)想的畫面是（）雜貨店、書店、如果網(wǎng)站是一個(gè)人，他擁有的個(gè)性是（）活潑可愛的兒童、思想成熟的中年人作為站長，你希望給人的印象是（）敬業(yè)、認(rèn)真負(fù)責(zé)、有深度、直爽用一種動(dòng)物做比喻，你的站點(diǎn)是（）兔子（聰明敏感）、獅子（自信威武）瀏覽者覺得你和其他網(wǎng)站不同（）可以信賴、信息最快、交流方便如何確立自己的風(fēng)格68導(dǎo)航系統(tǒng)網(wǎng)站中的導(dǎo)航系統(tǒng)就是網(wǎng)頁上各種導(dǎo)航條的總稱，用戶通過導(dǎo)航系統(tǒng)中的各種導(dǎo)航元素，可以快速查詢到自己所需要的信息。導(dǎo)航系統(tǒng)用來建立網(wǎng)頁信息內(nèi)容之間的上下文關(guān)系，為用戶在新環(huán)境下快速定位提供語境，從而使用戶明確下面三個(gè)問題：我在哪？我曾經(jīng)去過哪？我可以去哪。導(dǎo)航系統(tǒng)網(wǎng)站中的導(dǎo)航系統(tǒng)就是網(wǎng)頁上各種導(dǎo)航條的總稱，用戶通過69全局導(dǎo)航全局導(dǎo)航（PersistentNavigation）又稱主導(dǎo)航，它是出現(xiàn)在網(wǎng)站的每一個(gè)頁面上一組通用的導(dǎo)航元素，以一致的外觀出現(xiàn)在網(wǎng)站的每一頁，扮演著對用戶最基本的訪問方向性指引。全局導(dǎo)航全局導(dǎo)航（PersistentNavigation704月13日電子商務(wù)網(wǎng)站規(guī)劃課件714月13日電子商務(wù)網(wǎng)站規(guī)劃課件724月13日電子商務(wù)網(wǎng)站規(guī)劃課件73局部導(dǎo)航局部導(dǎo)航是子頁面相同頁面組的內(nèi)部導(dǎo)航，使用戶在一個(gè)內(nèi)容領(lǐng)域里按層次瀏覽局部導(dǎo)航局部導(dǎo)航是子頁面相同頁面組的內(nèi)部導(dǎo)航，使用戶在一個(gè)內(nèi)74局部導(dǎo)航（副導(dǎo)航）：全局導(dǎo)航的延伸，設(shè)計(jì)靈活、變化頻繁、指向同級或下級頁面。

使用要點(diǎn)：

局部導(dǎo)航的過渡應(yīng)平滑、一致，不應(yīng)將用戶帶出網(wǎng)站，或是跳轉(zhuǎn)到其它類別。局部導(dǎo)航可以是主導(dǎo)航項(xiàng)目的下級分類、同級分類、某一特定類別等等。

局部導(dǎo)航和全局導(dǎo)航的組合舉例：

局部導(dǎo)航（副導(dǎo)航）：全局導(dǎo)航的延伸，設(shè)計(jì)靈活、變化頻繁、指向754月13日電子商務(wù)網(wǎng)站規(guī)劃課件76網(wǎng)頁版面布局與制作布局就是指以最適合用戶瀏覽的方式將圖片和文字排放在頁面的不同位置。“最適合”是一個(gè)不確定的形容詞。布局的重要性：挖掘客戶的需求，將用戶需要的內(nèi)容充分展示出來，為客戶提供舒適、友好、簡單的訪問體驗(yàn)，進(jìn)而留住客戶，還能結(jié)合SEO，提升網(wǎng)站的搜索引擎排名。如同蓋房子有草圖一樣，網(wǎng)站設(shè)計(jì)也同樣有草圖。網(wǎng)頁版面布局與制作布局就是指以最適合用戶瀏覽的方式將圖片和文774月13日電子商務(wù)網(wǎng)站規(guī)劃課件784月13日電子商務(wù)網(wǎng)站規(guī)劃課件79網(wǎng)站外形尺寸：網(wǎng)頁黃金分割網(wǎng)站外形尺寸：網(wǎng)頁黃金分割80在這個(gè)九宮格中中間部分就產(chǎn)生了四個(gè)交叉點(diǎn)，這四個(gè)交叉點(diǎn)就是視覺中心點(diǎn)。在這個(gè)九宮格中中間部分就產(chǎn)生了四個(gè)交叉點(diǎn)，這四個(gè)交叉點(diǎn)就是視814月13日電子商務(wù)網(wǎng)站規(guī)劃課件824月13日電子商務(wù)網(wǎng)站規(guī)劃課件83那網(wǎng)頁自身的上下左右布局呢?同樣的，如只是上下或是左右結(jié)構(gòu)我們不能把上下或是左右平分，而是最好采用黃金分割比來進(jìn)行劃分。如果是上中下或是左中右呢。我們同樣不能平分，我們我們要注意三者之間的關(guān)系，比如上中下結(jié)構(gòu)，我們很清楚中間是主要內(nèi)容需要大一點(diǎn)的空間，那么中空間的部分會(huì)盡量的點(diǎn)有大比例，一般來講我們會(huì)讓中間占大約百分之六十。而上面占百分之三十，下面占百分之十。那也就是說，下面是上面的三分之一，上面是中間的三分一。這樣的分割就會(huì)比平面看起來要舒服很多。但是左中右的結(jié)構(gòu)就不能這么分了。因?yàn)榘俜种膶挾葧?huì)很難放得下什么內(nèi)容。一般左中右結(jié)構(gòu)會(huì)有另一種分法:左占百分之四十，中右各占百分之三十?；蚴亲笥艺及俜葜?，中間占百分之四十。也可以進(jìn)行532、622、442、的分配。也就是說大布局上要盡量避免平分的局面。那網(wǎng)頁自身的上下左右布局呢?同樣的，如只是上下或是左右結(jié)構(gòu)我84我們可以把網(wǎng)頁看成是由很多個(gè)小塊組合而成的。通常要注意的就是標(biāo)題與內(nèi)容的關(guān)系以及這些塊放置的位置。比如最核心的內(nèi)容不要放在最頂、最后、或是最中間。而是頂部與中間的中部位置，有些人喜歡排位，并且會(huì)把最重要的放在最上面，其實(shí)不然啊，放在最上面的未必是最核心的位置。比如我們看一下各大門戶網(wǎng)站的頭條新聞的位置，是不是沒有放在最頂部的?我們可以把網(wǎng)頁看成是由很多個(gè)小塊組合而成的。通常要注意的就是85常見的布局形式“T”結(jié)構(gòu)布局：頁面頂部為橫條網(wǎng)站標(biāo)志+廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，因?yàn)椴藛螚l背景較深，整體效果類似英文字母“T”,所以我們稱之為“T”形布局。這是網(wǎng)頁設(shè)計(jì)中用的最廣泛的一種布局方式。這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰，主次分明。是初學(xué)者最容易上手的布局方法。缺點(diǎn)是規(guī)矩呆板，如果細(xì)節(jié)色彩上不注意，很容易讓人"看之無味"。

常見的布局形式“T”結(jié)構(gòu)布局：頁面頂部為橫條網(wǎng)站標(biāo)志+廣告條86同字型布局特點(diǎn)：頁面頂部為水平放置的主導(dǎo)航欄，其下體大致分為左，中，右3欄同字型布局874月13日電子商務(wù)網(wǎng)站規(guī)劃課件88“口”型布局這是一個(gè)象形的說法，就是頁面一般上下各有一個(gè)廣告條，左面是主菜單，右面放友情連接等，中間是主要內(nèi)容。這種布局的優(yōu)點(diǎn)是充分利用版面，信息量大(我的主頁首頁即屬于這種布局)。缺點(diǎn)是頁面擁擠，不夠靈活。也有將四邊空出，只用中間的窗口型設(shè)計(jì)，例如網(wǎng)易壁紙站。

“口”型布局這是一個(gè)象形的說法，就是頁面一般上下各有一個(gè)89Flash型