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

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

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

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

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

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

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

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

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

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

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

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

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

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

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)成方方式對情情緒的影影響1富有有動感的的水平式式布局(2)設(shè)定布局局和分割割方式。按照它它們在網(wǎng)網(wǎng)頁中的的比例關(guān)關(guān)系，避避免面積積相同，注意節(jié)節(jié)奏感，如圖2-31所示。設(shè)定一一種顏色色作為主主要色彩彩，其余余色彩水水平分布布，并在在下方設(shè)設(shè)定兩塊塊小色塊塊，活躍躍畫面氣氣氛，使使畫面富富于動感感，如圖圖2-32所示示。五、畫面面構(gòu)成方方式對情情緒的影

16、影響1富有有動感的的水平式式布局(3)在畫面下下方設(shè)定定一排網(wǎng)網(wǎng)格因素素，并在在右方設(shè)設(shè)定一圓圓形，使使畫面更更加豐富富，如圖圖2-33所示示。五、畫面面構(gòu)成方方式對情情緒的影影響1富有有動感的的水平式式布局(4)基本布局局設(shè)定完完成后，插入相相關(guān)圖片片，效果果如圖2-34所示。五、畫面面構(gòu)成方方式對情情緒的影影響1富有有動感的的水平式式布局同類方式式布局如如圖2-35、圖2-36所示。五、畫面面構(gòu)成方方式對情情緒的影影響1富有有動感的的水平式式布局同類方式式布局如如圖2-35、圖2-36所示。五、畫面面構(gòu)成方方式對情情緒的影影響2表現(xiàn)韻韻律的曲曲線布局局曲線通常常是表現(xiàn)現(xiàn)韻律、節(jié)奏的的構(gòu)成方方式，它它一般傳傳達出浪浪漫、抒抒情等感感覺，也也經(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)成方方式對情情緒的影影響2表現(xiàn)韻韻律的曲曲線布局局(2)設(shè)定布局局和分割割方式。以幾條條曲線作作為畫面面的主要要分割，體現(xiàn)出出自由和和韻律，注意布布局的疏疏密關(guān)系系，如圖圖2-37所示示。五、畫面面構(gòu)成方方式對情情緒的影影響2表現(xiàn)韻韻律的曲曲線布局局(3)設(shè)定文字字的布局局和構(gòu)成成。文字字以水平平排列為為主，和和主體的的曲線構(gòu)構(gòu)圖形成成對比，如圖2-38所示。五、畫面面構(gòu)