电子商务网站建设与管理概述

1、电子商务网站建设与管理Contents网页设计中的构图规律1网页设计中的形式法则2网页中文字排列的设计3图文混排的基本要求4画面构成方式对情绪的影响5当人们浏浏览网页页时，第第一眼看看到的就就是网页页的构图图。因此此，构图图是否美美观、和和谐直接接影响到到视觉效效果。构构图不仅仅要注意意到形式式，还要要考虑到到实用性性，是否否便于人人们阅读读和观看看。方形的分分割是网网页设计计中常用用的方法法。在矩矩形的构构图中，一定要要注意应应用黄金金分割线线的比例例（大约约在3/4处）、构图图基本结结构的形形成规律律，如图图2-1所示。一定要要有疏密密的节奏奏，要意意识到格格子的主主次关系系，上面面的往往

2、往比下面面的更受受人关注注，左面面的往往往比右面面的更受受关注，这是人人们的基基本视觉觉规律。一、网页页设计中中的构图图规律在网页中中的应用用效果如如图2-2所示。要要学会这这种基本本的构图图分割法法，从最最大体的的框架开开始，注注意审美美规律和和黄金分分割线的的比例。一、网页页设计中中的构图图规律矩形的分分割给人人的感觉觉是稳定定、平和和，适于于一般性性的商业网站站。螺旋曲线线是最有有韵律和和生命力力的线条条，如图图2-3所示。螺螺旋形的的构图也也是最具具生命力力和动感感的构图图。一、网页页设计中中的构图图规律在网页中中的应用用效果如如图2-4所示。适适用于艺艺术、音音乐以及及内容充充满动感

3、感和活力力的网站站。一、网页页设计中中的构图图规律网页设计计中形式式法则的的运用不不仅可以以创造出出富有个个性的网网页形象象、表现现网页内内容、传传达网页页信息，而且可可以起到到方便读读者阅读读的作用用。我们们这里提提到的形形式法则则有以下下几种。二、网页页设计中中的形式式法则1对称对称是网网页设计计中较为为忌讳的的一种手手段，这这种形式式法则的的运用很很容易造造成页面面过于平平均。对对称一般般分为左左右对称称、上下下对称、中心点点对称。但合理理地运用用对称的的方法，也可达达到很好好的效果果，如图图2-7所示。这这是一个个简易的的网页构构图，它它以一条条中轴线线为中心心，分成成左右相相同的两两

4、部分。可以看看到，这这个网页页虽然构构图上并并不难看看，但缺缺乏新意意，最终终结果如如图2-8所示。二、网页页设计中中的形式式法则2均衡均衡和对对称的区区别在于于对称是是绝对的的，而均均衡是相相对而言言的。也也就是说说它是对对称的，但却不不是绝对对的对称称，如图图2-9所示。页页面上左左面的三三个小的的方形色色块在视视觉上与与右边大大的色块块是相等等的，并并没有造造成构图图左右的的不平衡衡，所以以，虽然然它不是是绝对的的平衡，但画面面却是均均衡的。完成画画面如图图2-10所示。二、网页页设计中中的形式式法则3对比比对比的应应用可以以在形式式上分清清主从关关系，便便于浏览览。对比比的概念念比较抽

5、抽象，比比如方形形和圆形形可以是是形状上上的对比比；大的的图形与与小的图图形可以以是面积积上的对对比；红红色与黄黄色可以以是颜色色上的对对比；简简单的图图形与复复杂的图图形又可可以是造造型上的的对比。由于对对比的形形式多样样，所以以可以利利用这种种形式法法则创造造出多种种个性鲜鲜明的设设计。二、网页页设计中中的形式式法则3对比比如图2-11所所示，整整个网页页非常简简洁，惟惟有一处处较为复复杂，那那就是上上半部分分的图形形。这样样的设计计构成了了繁与简简的对比比，使网网页非常常时尚、新颖。二、网页页设计中中的形式式法则4节奏这里所提提的节奏奏与音乐乐中所说说的节奏奏是有一一定的区区别的。节奏是

6、是一个比比较抽象象的概念念，构图图的关系系、颜色色的变化化、形状状的对比比都能产产生节奏奏。在一一个网页页中，节节奏可能能是缓慢慢的，也也可能是是铿锵有有力的，这都要要靠对比比来实现现。换言言之，没没有对比比就没有有节奏。二、网页页设计中中的形式式法则4节奏如图2-12、图213所所示，第第一张图图的矩形形在颜色色上没有有对比，而且面面积基本本相等，排列也是均均匀的，这样缺缺少对比比也就是是节奏性性太弱。二、网页页设计中中的形式式法则4节奏再看第二二张，这这张图的的矩形对对于第一一张而言言明显有有了变化化，图形形的面积积、颜色色、图形形排列都都有区别别，也就就是说存存在对比比。因此此，这样样的

7、画面面才是有有节奏的的。二、网页页设计中中的形式式法则在本节中中，最重重要的是是网页中中文字的的版式设设计，网网页中文文字设计计应注意意以下几几个原则则。1易阅读读网页文字字的主要要功能是是传达网网站的意意图和信信息，所所以必须须考虑文文字的整整体版式式设计，设计中中的文字字应避免免繁杂零零乱，使使人易认认、易懂懂，尤其其是在内内容严肃肃的网页页中。三、网页页中文字字排列的的设计字的行距距应大于于字间距距，否则则观众的的视线无无法按一一定的方方向和顺顺序进行行阅读。不同类类别文字字的空间间要作适适当的集集中，并并利用空空白加以以区分，从而形形成字块块的感觉觉，如图图2-15所示。三、网页页中文

8、字字排列的的设计2文字的的个性设设计网页中文文字的设设计要符符合网站站的风格格特征。文字的的设计不不能和整整个作品品的风格格特征相相脱离，更不能能发生冲冲突，否否则就会会破坏文文字的诉诉求效果果。如图2-16所示，网网页的设设计风格格非常明明确，手手绘的插插图文字字让人感感觉非常常清新自自然，给给人留下下深刻的的印象。三、网页页中文字字排列的的设计3形式式法则的的美感在视觉传传达的过过程中，文字作作为画面面的形象象要素之之一，具具有传达达感情的的功能，因此它它必须具具有视觉觉上的美美感，能能够给人人以美的的感受，如图2-17所示。字型巧巧妙的设设计与组组合，能能使人感感到愉快快，留下下美好的的

9、印象，从而获获得良好好的心理理反应。反之，则使人人看后心心里不愉愉快，视视觉上难难以产生生美感，甚至会会让观众众产生厌厌烦心理理，这样样无法传传达出作作者的意意图和构构想。三、网页页中文字字排列的的设计3形式式法则的的美感不同灰色色与白色色的搭配配，产生生了强烈烈的透视视效果。三、网页页中文字字排列的的设计4设计上上要富于于创造性性根据作品品主题的的要求，突出文文字设计计的个性性色彩，创造与与众不同同的字体体，给人人以别开开生面的的视觉感感受，有有利于表表现作者者的设计计意图。设计时时，应从从字的形形态特征征与组合合上着手手，不断断修改，反复琢琢磨，才才能创造造出富有有个性的的文字，使其外外部

10、形态态和设计计格调都都能唤起起人们的的审美愉愉悦感受受。三、网页页中文字字排列的的设计如图2-18所示，黑黑色的底底色充满满着神秘秘色彩，整个篇篇幅大部部分被图图片所占占据，文文字融入入到图形形中，更更加突出出图形的的表现力力。三、网页页中文字字排列的的设计图形的组组织和文文字的特特效完美美结合，文字已已经成为为图形的的一部分分，整体体自然和和谐，如如图2-19所所示。三、网页页中文字字排列的的设计网站中的的网页主主要是由由图像和和文字构构成，网网页主要要是靠文文字和图图像来传传达信息息的，因因此它们们在网页页中的位位置就显显得十分分重要了了。图文的排排版风格格、形式式是由网网站的内内容和属属

11、性来决决定的，比如：公司企企业的宣宣传网站站图文排排版应该该稳重、严谨一一些，更更多地传传达信息息，树立立公司企企业严谨谨、积极极、科学学、向上上的形象象。而一些个个人网站站个人因因素多一一些，风风格根据据自己的的喜好、艺术修修养决定定。商业业网站形形式应该该活泼一一些，吸吸引更多多的浏览览者，以以传达更更多的信信息。下下面举例例来说明明图文混混排在网网页设计计中的风风格、形形式。四、图文文混排的的基本要要求1公司司企业网网站的图图文混排排风格、形式新建一个个文档，用色块块填充，要求颜颜色协调调、构图图稳重，如图2-22所示，加入的的文字排排版也应应该与原原来的形形式相协协调，体体现出公公司严

12、谨谨的作风风，如图图2-23所示示。四、图文文混排的的基本要要求1公司司企业网网站的图图文混排排风格、形式插入图片片，加入入文字，最终效效果如图图2-24所示示。四、图文文混排的的基本要要求1公司司企业网网站的图图文混排排风格、形式新建一个个文档，用色块块填充，颜色协协调，构构图应该该遵循稳稳重、统统一原则则，统一一中有变变化，如如图2-25所所示。再再推敲一一下文字字的版式式，以及及插入图图片的版版式，如如图2-26所所示。四、图文文混排的的基本要要求1公司司企业网网站的图图文混排排风格、形式插入图片片，加入入文字，效果如如图2-27所所示。四、图文文混排的的基本要要求2商业业网站的的图文混

13、混排风格格、形式式商业网站站的图文文混排形形式应该该活泼一一些，图图片放在在页面中中间自由由活泼，文字随随意放在在四周，页面感感觉轻松松、自由由、时尚尚，效果果如图2-28所示。四、图文文混排的的基本要要求2商业业网站的的图文混混排风格格、形式式下面也是是一个商商业性质质的网站站，一张张具有飘飘逸秀发发的美女女图片占占据了页页面的大大部分空空间，构构图大胆胆，更具具亲和力力，文字字的排版版也随着着标题栏栏显得生生动、有有趣，效效果如图图2-29所示示。四、图文文混排的的基本要要求3个人人网站的的图文混混排风格格、形式式个人网站站，应显显得与众众不同，排版形形式更应应该自由由一些，可以按按照自己

14、己的喜好好来决定定排版，简练的的图形，几行细细小精致致的文字字，使网网页感觉觉个性强强烈，如如图2-30所所示。页页面绝大大部分被被抽象的的图案占占去了，而文字字只在左左侧出现现，这种种大胆的的图文排排列方式式更具个个性。四、图文文混排的的基本要要求网页中画画面的构构成和分分割是传传达网页页情绪的的重要因因素。版版式的布布局、颜颜色的分分布以及及字体的的排列都都是制作作优秀网网页不可可忽视的的重要因因素。人人们往往往能够通通过画面面垂直和和水平的的布局、点线面面的分布布体会到到网页所所要传达达的主题题。五、画面面构成方方式对情情绪的影影响1富有有动感的的水平式式布局方向感通通常是传传达运动动、

15、速度度等主题题的构成成方式，它通常常分为水水平、垂垂直和斜斜向三种种情况，而且经经常被应应用到网网页中。(1)设定三种种基本颜颜色（R:99、G:126、B:153；R:188、G:199、B:203和R:56、G:79、B:112）。五、画面面构成方方式对情情绪的影影响1富有有动感的的水平式式布局(2)设定布局局和分割割方式。按照它它们在网网页中的的比例关关系，避避免面积积相同，注意节节奏感，如图2-31所示。设定一一种颜色色作为主主要色彩彩，其余余色彩水水平分布布，并在在下方设设定两块块小色块块，活跃跃画面气气氛，使使画面富富于动感感，如图图2-32所示示。五、画面面构成方方式对情情绪的影

16、影响1富有有动感的的水平式式布局(3)在画面下下方设定定一排网网格因素素，并在在右方设设定一圆圆形，使使画面更更加丰富富，如图图2-33所示示。五、画面面构成方方式对情情绪的影影响1富有有动感的的水平式式布局(4)基本布局局设定完完成后，插入相相关图片片，效果果如图2-34所示。五、画面面构成方方式对情情绪的影影响1富有有动感的的水平式式布局同类方式式布局如如图2-35、图2-36所示。五、画面面构成方方式对情情绪的影影响1富有有动感的的水平式式布局同类方式式布局如如图2-35、图2-36所示。五、画面面构成方方式对情情绪的影影响2表现韵韵律的曲曲线布局局曲线通常常是表现现韵律、节奏的的构成方方式，它它一般传传达出浪浪漫、抒抒情等感感觉，也也经常出出现在网网页中。(1)设定三种种颜色（R:100、G:151、B:0；R:153、G:192、B:77和R:192、G:220、B:137）。五、画面面构成方方式对情情绪的影影响2表现韵韵律的曲曲线布局局(2)设定布局局和分割割方式。以几条条曲线作作为画面面的主要要分割，体现出出自由和和韵律，注意布布局的疏疏密关系系，如图图2-37所示示。五、画面面构成方方式对情情绪的影影响2表现韵韵律的曲曲线布局局(3)设定文字字的布局局和构成成。文字字以水平平排列为为主，和和主体的的曲线构构图形成成对比，如图2-38所示。五、画面面构