電子商務(wù)網(wǎng)站建設(shè)與管理概述

1、電子商務(wù)網(wǎng)站建設(shè)與管理Contents網(wǎng)頁設(shè)計(jì)中的構(gòu)圖規(guī)律1網(wǎng)頁設(shè)計(jì)中的形式法則2網(wǎng)頁中文字排列的設(shè)計(jì)3圖文混排的基本要求4畫面構(gòu)成方式對(duì)情緒的影響5當(dāng)人們?yōu)g瀏覽網(wǎng)頁頁時(shí)，第第一眼看看到的就就是網(wǎng)頁頁的構(gòu)圖圖。因此此，構(gòu)圖圖是否美美觀、和和諧直接接影響到到視覺效效果。構(gòu)構(gòu)圖不僅僅要注意意到形式式，還要要考慮到到實(shí)用性性，是否否便于人人們閱讀讀和觀看看。方形的分分割是網(wǎng)網(wǎng)頁設(shè)計(jì)計(jì)中常用用的方法法。在矩矩形的構(gòu)構(gòu)圖中，一定要要注意應(yīng)應(yīng)用黃金金分割線線的比例例（大約約在3/4處）、構(gòu)圖圖基本結(jié)結(jié)構(gòu)的形形成規(guī)律律，如圖圖2-1所示。一定要要有疏密密的節(jié)奏奏，要意意識(shí)到格格子的主主次關(guān)系系，上面面的往往

2、往比下面面的更受受人關(guān)注注，左面面的往往往比右面面的更受受關(guān)注，這是人人們的基基本視覺覺規(guī)律。一、網(wǎng)頁頁設(shè)計(jì)中中的構(gòu)圖圖規(guī)律在網(wǎng)頁中中的應(yīng)用用效果如如圖2-2所示。要要學(xué)會(huì)這這種基本本的構(gòu)圖圖分割法法，從最最大體的的框架開開始，注注意審美美規(guī)律和和黃金分分割線的的比例。一、網(wǎng)頁頁設(shè)計(jì)中中的構(gòu)圖圖規(guī)律矩形的分分割給人人的感覺覺是穩(wěn)定定、平和和，適于于一般性性的商業(yè)網(wǎng)站站。螺旋曲線線是最有有韻律和和生命力力的線條條，如圖圖2-3所示。螺螺旋形的的構(gòu)圖也也是最具具生命力力和動(dòng)感感的構(gòu)圖圖。一、網(wǎng)頁頁設(shè)計(jì)中中的構(gòu)圖圖規(guī)律在網(wǎng)頁中中的應(yīng)用用效果如如圖2-4所示。適適用于藝藝術(shù)、音音樂以及及內(nèi)容充充滿動(dòng)感

3、感和活力力的網(wǎng)站站。一、網(wǎng)頁頁設(shè)計(jì)中中的構(gòu)圖圖規(guī)律網(wǎng)頁設(shè)計(jì)計(jì)中形式式法則的的運(yùn)用不不僅可以以創(chuàng)造出出富有個(gè)個(gè)性的網(wǎng)網(wǎng)頁形象象、表現(xiàn)現(xiàn)網(wǎng)頁內(nèi)內(nèi)容、傳傳達(dá)網(wǎng)頁頁信息，而且可可以起到到方便讀讀者閱讀讀的作用用。我們們這里提提到的形形式法則則有以下下幾種。二、網(wǎng)頁頁設(shè)計(jì)中中的形式式法則1對(duì)稱對(duì)稱是網(wǎng)網(wǎng)頁設(shè)計(jì)計(jì)中較為為忌諱的的一種手手段，這這種形式式法則的的運(yùn)用很很容易造造成頁面面過于平平均。對(duì)對(duì)稱一般般分為左左右對(duì)稱稱、上下下對(duì)稱、中心點(diǎn)點(diǎn)對(duì)稱。但合理理地運(yùn)用用對(duì)稱的的方法，也可達(dá)達(dá)到很好好的效果果，如圖圖2-7所示。這這是一個(gè)個(gè)簡(jiǎn)易的的網(wǎng)頁構(gòu)構(gòu)圖，它它以一條條中軸線線為中心心，分成成左右相相同的兩兩

4、部分?？梢钥纯吹?，這這個(gè)網(wǎng)頁頁雖然構(gòu)構(gòu)圖上并并不難看看，但缺缺乏新意意，最終終結(jié)果如如圖2-8所示。二、網(wǎng)頁頁設(shè)計(jì)中中的形式式法則2均衡均衡和對(duì)對(duì)稱的區(qū)區(qū)別在于于對(duì)稱是是絕對(duì)的的，而均均衡是相相對(duì)而言言的。也也就是說說它是對(duì)對(duì)稱的，但卻不不是絕對(duì)對(duì)的對(duì)稱稱，如圖圖2-9所示。頁頁面上左左面的三三個(gè)小的的方形色色塊在視視覺上與與右邊大大的色塊塊是相等等的，并并沒有造造成構(gòu)圖圖左右的的不平衡衡，所以以，雖然然它不是是絕對(duì)的的平衡，但畫面面卻是均均衡的。完成畫畫面如圖圖2-10所示。二、網(wǎng)頁頁設(shè)計(jì)中中的形式式法則3對(duì)比比對(duì)比的應(yīng)應(yīng)用可以以在形式式上分清清主從關(guān)關(guān)系，便便于瀏覽覽。對(duì)比比的概念念比較抽

5、抽象，比比如方形形和圓形形可以是是形狀上上的對(duì)比比；大的的圖形與與小的圖圖形可以以是面積積上的對(duì)對(duì)比；紅紅色與黃黃色可以以是顏色色上的對(duì)對(duì)比；簡(jiǎn)簡(jiǎn)單的圖圖形與復(fù)復(fù)雜的圖圖形又可可以是造造型上的的對(duì)比。由于對(duì)對(duì)比的形形式多樣樣，所以以可以利利用這種種形式法法則創(chuàng)造造出多種種個(gè)性鮮鮮明的設(shè)設(shè)計(jì)。二、網(wǎng)頁頁設(shè)計(jì)中中的形式式法則3對(duì)比比如圖2-11所所示，整整個(gè)網(wǎng)頁頁非常簡(jiǎn)簡(jiǎn)潔，惟惟有一處處較為復(fù)復(fù)雜，那那就是上上半部分分的圖形形。這樣樣的設(shè)計(jì)計(jì)構(gòu)成了了繁與簡(jiǎn)簡(jiǎn)的對(duì)比比，使網(wǎng)網(wǎng)頁非常常時(shí)尚、新穎。二、網(wǎng)頁頁設(shè)計(jì)中中的形式式法則4節(jié)奏這里所提提的節(jié)奏奏與音樂樂中所說說的節(jié)奏奏是有一一定的區(qū)區(qū)別的。節(jié)奏是

6、是一個(gè)比比較抽象象的概念念，構(gòu)圖圖的關(guān)系系、顏色色的變化化、形狀狀的對(duì)比比都能產(chǎn)產(chǎn)生節(jié)奏奏。在一一個(gè)網(wǎng)頁頁中，節(jié)節(jié)奏可能能是緩慢慢的，也也可能是是鏗鏘有有力的，這都要要靠對(duì)比比來實(shí)現(xiàn)現(xiàn)。換言言之，沒沒有對(duì)比比就沒有有節(jié)奏。二、網(wǎng)頁頁設(shè)計(jì)中中的形式式法則4節(jié)奏如圖2-12、圖213所所示，第第一張圖圖的矩形形在顏色色上沒有有對(duì)比，而且面面積基本本相等，排列也是均均勻的，這樣缺缺少對(duì)比比也就是是節(jié)奏性性太弱。二、網(wǎng)頁頁設(shè)計(jì)中中的形式式法則4節(jié)奏再看第二二張，這這張圖的的矩形對(duì)對(duì)于第一一張而言言明顯有有了變化化，圖形形的面積積、顏色色、圖形形排列都都有區(qū)別別，也就就是說存存在對(duì)比比。因此此，這樣樣的

7、畫面面才是有有節(jié)奏的的。二、網(wǎng)頁頁設(shè)計(jì)中中的形式式法則在本節(jié)中中，最重重要的是是網(wǎng)頁中中文字的的版式設(shè)設(shè)計(jì)，網(wǎng)網(wǎng)頁中文文字設(shè)計(jì)計(jì)應(yīng)注意意以下幾幾個(gè)原則則。1易閱讀讀網(wǎng)頁文字字的主要要功能是是傳達(dá)網(wǎng)網(wǎng)站的意意圖和信信息，所所以必須須考慮文文字的整整體版式式設(shè)計(jì)，設(shè)計(jì)中中的文字字應(yīng)避免免繁雜零零亂，使使人易認(rèn)認(rèn)、易懂懂，尤其其是在內(nèi)內(nèi)容嚴(yán)肅肅的網(wǎng)頁頁中。三、網(wǎng)頁頁中文字字排列的的設(shè)計(jì)字的行距距應(yīng)大于于字間距距，否則則觀眾的的視線無無法按一一定的方方向和順順序進(jìn)行行閱讀。不同類類別文字字的空間間要作適適當(dāng)?shù)募?，并并利用空空白加以以區(qū)分，從而形形成字塊塊的感覺覺，如圖圖2-15所示。三、網(wǎng)頁頁中文

8、字字排列的的設(shè)計(jì)2文字的的個(gè)性設(shè)設(shè)計(jì)網(wǎng)頁中文文字的設(shè)設(shè)計(jì)要符符合網(wǎng)站站的風(fēng)格格特征。文字的的設(shè)計(jì)不不能和整整個(gè)作品品的風(fēng)格格特征相相脫離，更不能能發(fā)生沖沖突，否否則就會(huì)會(huì)破壞文文字的訴訴求效果果。如圖2-16所示，網(wǎng)網(wǎng)頁的設(shè)設(shè)計(jì)風(fēng)格格非常明明確，手手繪的插插圖文字字讓人感感覺非常常清新自自然，給給人留下下深刻的的印象。三、網(wǎng)頁頁中文字字排列的的設(shè)計(jì)3形式式法則的的美感在視覺傳傳達(dá)的過過程中，文字作作為畫面面的形象象要素之之一，具具有傳達(dá)達(dá)感情的的功能，因此它它必須具具有視覺覺上的美美感，能能夠給人人以美的的感受，如圖2-17所示。字型巧巧妙的設(shè)設(shè)計(jì)與組組合，能能使人感感到愉快快，留下下美好的的

9、印象，從而獲獲得良好好的心理理反應(yīng)。反之，則使人人看后心心里不愉愉快，視視覺上難難以產(chǎn)生生美感，甚至?xí)?huì)讓觀眾眾產(chǎn)生厭厭煩心理理，這樣樣無法傳傳達(dá)出作作者的意意圖和構(gòu)構(gòu)想。三、網(wǎng)頁頁中文字字排列的的設(shè)計(jì)3形式式法則的的美感不同灰色色與白色色的搭配配，產(chǎn)生生了強(qiáng)烈烈的透視視效果。三、網(wǎng)頁頁中文字字排列的的設(shè)計(jì)4設(shè)計(jì)上上要富于于創(chuàng)造性性根據(jù)作品品主題的的要求，突出文文字設(shè)計(jì)計(jì)的個(gè)性性色彩，創(chuàng)造與與眾不同同的字體體，給人人以別開開生面的的視覺感感受，有有利于表表現(xiàn)作者者的設(shè)計(jì)計(jì)意圖。設(shè)計(jì)時(shí)時(shí)，應(yīng)從從字的形形態(tài)特征征與組合合上著手手，不斷斷修改，反復(fù)琢琢磨，才才能創(chuàng)造造出富有有個(gè)性的的文字，使其外外部

10、形態(tài)態(tài)和設(shè)計(jì)計(jì)格調(diào)都都能喚起起人們的的審美愉愉悅感受受。三、網(wǎng)頁頁中文字字排列的的設(shè)計(jì)如圖2-18所示，黑黑色的底底色充滿滿著神秘秘色彩，整個(gè)篇篇幅大部部分被圖圖片所占占據(jù)，文文字融入入到圖形形中，更更加突出出圖形的的表現(xiàn)力力。三、網(wǎng)頁頁中文字字排列的的設(shè)計(jì)圖形的組組織和文文字的特特效完美美結(jié)合，文字已已經(jīng)成為為圖形的的一部分分，整體體自然和和諧，如如圖2-19所所示。三、網(wǎng)頁頁中文字字排列的的設(shè)計(jì)網(wǎng)站中的的網(wǎng)頁主主要是由由圖像和和文字構(gòu)構(gòu)成，網(wǎng)網(wǎng)頁主要要是靠文文字和圖圖像來傳傳達(dá)信息息的，因因此它們們?cè)诰W(wǎng)頁頁中的位位置就顯顯得十分分重要了了。圖文的排排版風(fēng)格格、形式式是由網(wǎng)網(wǎng)站的內(nèi)內(nèi)容和屬屬

11、性來決決定的，比如：公司企企業(yè)的宣宣傳網(wǎng)站站圖文排排版應(yīng)該該穩(wěn)重、嚴(yán)謹(jǐn)一一些，更更多地傳傳達(dá)信息息，樹立立公司企企業(yè)嚴(yán)謹(jǐn)謹(jǐn)、積極極、科學(xué)學(xué)、向上上的形象象。而一些個(gè)個(gè)人網(wǎng)站站個(gè)人因因素多一一些，風(fēng)風(fēng)格根據(jù)據(jù)自己的的喜好、藝術(shù)修修養(yǎng)決定定。商業(yè)業(yè)網(wǎng)站形形式應(yīng)該該活潑一一些，吸吸引更多多的瀏覽覽者，以以傳達(dá)更更多的信信息。下下面舉例例來說明明圖文混混排在網(wǎng)網(wǎng)頁設(shè)計(jì)計(jì)中的風(fēng)風(fēng)格、形形式。四、圖文文混排的的基本要要求1公司司企業(yè)網(wǎng)網(wǎng)站的圖圖文混排排風(fēng)格、形式新建一個(gè)個(gè)文檔，用色塊塊填充，要求顏顏色協(xié)調(diào)調(diào)、構(gòu)圖圖穩(wěn)重，如圖2-22所示，加入的的文字排排版也應(yīng)應(yīng)該與原原來的形形式相協(xié)協(xié)調(diào)，體體現(xiàn)出公公司嚴(yán)

12、謹(jǐn)謹(jǐn)?shù)淖黠L(fēng)風(fēng)，如圖圖2-23所示示。四、圖文文混排的的基本要要求1公司司企業(yè)網(wǎng)網(wǎng)站的圖圖文混排排風(fēng)格、形式插入圖片片，加入入文字，最終效效果如圖圖2-24所示示。四、圖文文混排的的基本要要求1公司司企業(yè)網(wǎng)網(wǎng)站的圖圖文混排排風(fēng)格、形式新建一個(gè)個(gè)文檔，用色塊塊填充，顏色協(xié)協(xié)調(diào)，構(gòu)構(gòu)圖應(yīng)該該遵循穩(wěn)穩(wěn)重、統(tǒng)統(tǒng)一原則則，統(tǒng)一一中有變變化，如如圖2-25所所示。再再推敲一一下文字字的版式式，以及及插入圖圖片的版版式，如如圖2-26所所示。四、圖文文混排的的基本要要求1公司司企業(yè)網(wǎng)網(wǎng)站的圖圖文混排排風(fēng)格、形式插入圖片片，加入入文字，效果如如圖2-27所所示。四、圖文文混排的的基本要要求2商業(yè)業(yè)網(wǎng)站的的圖文混

13、混排風(fēng)格格、形式式商業(yè)網(wǎng)站站的圖文文混排形形式應(yīng)該該活潑一一些，圖圖片放在在頁面中中間自由由活潑，文字隨隨意放在在四周，頁面感感覺輕松松、自由由、時(shí)尚尚，效果果如圖2-28所示。四、圖文文混排的的基本要要求2商業(yè)業(yè)網(wǎng)站的的圖文混混排風(fēng)格格、形式式下面也是是一個(gè)商商業(yè)性質(zhì)質(zhì)的網(wǎng)站站，一張張具有飄飄逸秀發(fā)發(fā)的美女女圖片占占據(jù)了頁頁面的大大部分空空間，構(gòu)構(gòu)圖大膽膽，更具具親和力力，文字字的排版版也隨著著標(biāo)題欄欄顯得生生動(dòng)、有有趣，效效果如圖圖2-29所示示。四、圖文文混排的的基本要要求3個(gè)人人網(wǎng)站的的圖文混混排風(fēng)格格、形式式個(gè)人網(wǎng)站站，應(yīng)顯顯得與眾眾不同，排版形形式更應(yīng)應(yīng)該自由由一些，可以按按照自己

14、己的喜好好來決定定排版，簡(jiǎn)練的的圖形，幾行細(xì)細(xì)小精致致的文字字，使網(wǎng)網(wǎng)頁感覺覺個(gè)性強(qiáng)強(qiáng)烈，如如圖2-30所所示。頁頁面絕大大部分被被抽象的的圖案占占去了，而文字字只在左左側(cè)出現(xiàn)現(xiàn)，這種種大膽的的圖文排排列方式式更具個(gè)個(gè)性。四、圖文文混排的的基本要要求網(wǎng)頁中畫畫面的構(gòu)構(gòu)成和分分割是傳傳達(dá)網(wǎng)頁頁情緒的的重要因因素。版版式的布布局、顏顏色的分分布以及及字體的的排列都都是制作作優(yōu)秀網(wǎng)網(wǎng)頁不可可忽視的的重要因因素。人人們往往往能夠通通過畫面面垂直和和水平的的布局、點(diǎn)線面面的分布布體會(huì)到到網(wǎng)頁所所要傳達(dá)達(dá)的主題題。五、畫面面構(gòu)成方方式對(duì)情情緒的影影響1富有有動(dòng)感的的水平式式布局方向感通通常是傳傳達(dá)運(yùn)動(dòng)動(dòng)、

15、速度度等主題題的構(gòu)成成方式，它通常常分為水水平、垂垂直和斜斜向三種種情況，而且經(jīng)經(jīng)常被應(yīng)應(yīng)用到網(wǎng)網(wǎng)頁中。(1)設(shè)定三種種基本顏顏色（R:99、G:126、B:153；R:188、G:199、B:203和R:56、G:79、B:112）。五、畫面面構(gòu)成方方式對(duì)情情緒的影影響1富有有動(dòng)感的的水平式式布局(2)設(shè)定布局局和分割割方式。按照它它們?cè)诰W(wǎng)網(wǎng)頁中的的比例關(guān)關(guān)系，避避免面積積相同，注意節(jié)節(jié)奏感，如圖2-31所示。設(shè)定一一種顏色色作為主主要色彩彩，其余余色彩水水平分布布，并在在下方設(shè)設(shè)定兩塊塊小色塊塊，活躍躍畫面氣氣氛，使使畫面富富于動(dòng)感感，如圖圖2-32所示示。五、畫面面構(gòu)成方方式對(duì)情情緒的影

16、影響1富有有動(dòng)感的的水平式式布局(3)在畫面下下方設(shè)定定一排網(wǎng)網(wǎng)格因素素，并在在右方設(shè)設(shè)定一圓圓形，使使畫面更更加豐富富，如圖圖2-33所示示。五、畫面面構(gòu)成方方式對(duì)情情緒的影影響1富有有動(dòng)感的的水平式式布局(4)基本布局局設(shè)定完完成后，插入相相關(guān)圖片片，效果果如圖2-34所示。五、畫面面構(gòu)成方方式對(duì)情情緒的影影響1富有有動(dòng)感的的水平式式布局同類方式式布局如如圖2-35、圖2-36所示。五、畫面面構(gòu)成方方式對(duì)情情緒的影影響1富有有動(dòng)感的的水平式式布局同類方式式布局如如圖2-35、圖2-36所示。五、畫面面構(gòu)成方方式對(duì)情情緒的影影響2表現(xiàn)韻韻律的曲曲線布局局曲線通常常是表現(xiàn)現(xiàn)韻律、節(jié)奏的的構(gòu)成方方式，它它一般傳傳達(dá)出浪浪漫、抒抒情等感感覺，也也經(jīng)常出出現(xiàn)在網(wǎng)網(wǎng)頁中。(1)設(shè)定三種種顏色（R:100、G:151、B:0；R:153、G:192、B:77和R:192、G:220、B:137）。五、畫面面構(gòu)成方方式對(duì)情情緒的影影響2表現(xiàn)韻韻律的曲曲線布局局(2)設(shè)定布局局和分割割方式。以幾條條曲線作作為畫面面的主要要分割，體現(xiàn)出出自由和和韻律，注意布布局的疏疏密關(guān)系系，如圖圖2-37所示示。五、畫面面構(gòu)成方方式對(duì)情情緒的影影響2表現(xiàn)韻韻律的曲曲線布局局(3)設(shè)定文字字的布局局和構(gòu)成成。文字字以水平平排列為為主，和和主體的的曲線構(gòu)構(gòu)圖形成成對(duì)比，如圖2-38所示。五、畫面面構(gòu)