4月13日电子商务网站规划

1、电子商务网站规划2014级电子商务班闫立娜课题：电电子商务务网站的的规划（3）课型：新新授课课时：2授课时间间：2015年4月13日授课班级级：2014级电子商商务授课目标标：1、掌握网网站风格格设计重点难点点：电子商务务网站的的规划流程程教学方法法：讲授授法、讨讨论法开篇案例例：可口口可乐和和百事可可乐公司司网站的的风格设设计主要内容容什么是网网站总体体风格导航栏页面布局局网站整体体风格的的概念网站整体体风格是是指站点点的整体体形象给给浏览者者的综合合感受，这种感感受是抽抽象的。整体形象象所包含含的因素素站点的CI（标志、色彩、字体、标语）版面布局局浏览方式式文字语气内容价值值。确定风格格是

2、建立立在有价价值的内内容之上上的：质质量、价价值其实风格格就是一一句话：与众不不同 如何建立立有独特特风格的的网站风格应该该建立在在丰富的的有价值值的内容容基础之之上必须搞清清楚自己己给人的的印象是是什么，对象是是谁，确定印象象后，努努力实现现和加强强这种印印象Logo出现在每每个页面面上对一个网网站来说说，要突突出色彩彩确定网站站的CICI：corporateidentity(企业识别别) ,是通过视视觉统一一企业的的形象logo中的BF设为百度度红蓝色色，代表表一男一一女。字体及位位置的设设计，则则包含“众里寻寻他千百百度”中不期而而遇的美美丽寓意意。色彩传递递的信息息色彩在食食品偏好好中

3、起着着重要作作用.一次调查查:被调查的的家庭主主妇分别别品尝了了放在棕棕、蓝、红、黄黄四种容容器中的的咖啡（所有咖咖啡都是是一样的的，并对对被调查查者隐瞒瞒了品牌牌）结果：75%的妇女认认为放在在棕色容容器中的的咖啡味味道过苦苦；85%的人认为为红色容容器中的的咖啡最最浓；几几乎所有有人感觉觉蓝色容容器中的的咖啡味味道较淡淡；而黄黄色容器器中的咖咖啡几乎乎没味.雅格布、柯恩、沃西和和吉恩曾曾做过有有关部门门跨文化化的颜色色比较的的深入研研究。他他们对中中国、韩韩国、日日本以及及美国消消费者进进行调查查，发现现亚洲人人往往把把灰色和和廉价联联系在一一起，这这恰恰与与美国人人相反，美国人人认为灰灰

4、色贵重重且有高高品质。亚洲人人认为紫紫色为富富贵之色色，美国国人却认认为紫色色有廉价价感。不不过，蓝蓝色、红红色、黄黄色与黑黑色倒是是不约而而同地分分别与高高品质、爱、幸幸福及力力量联系系在一起起。一般般地都认认为绿色色象征着着纯洁和和值得信信赖。可口可乐乐的瓶子子在不经经意间传传递了许许多信息息：瓶子子颈部凸凸起的花花纹使人人感到握握在手中中不会脱脱落；瓶瓶子外观观别致、造型优优雅，似似乎透射射着饮料料能带给给你一份份轻松；里面所所装的液液体，看看起来比比标注的的份量多多，有了了一种实实在感；coca-cola的斯宾塞塞体字形形，与白白色字体体形成强强烈对比比的红色色标准色色，流动动的水线线

5、等，无无不在传传递着青青春、活活力、轻轻松与自自在。怎样树立立网站的的风格色调：是是活泼还还是庄重重，是素素还是艳艳。 请为你的的网站进进行CI设计，包包括logo、标准色色彩、标标准字体体、宣传传标语等等，并说说明如何何突出网网站的风风格试用图片片设计工工具设计计logo，选图片片的格式式GIF有风格的的网站与与普通网网站的区区别在于于：普通通网站上上你看到到只是堆堆砌在一一起的信信息，总总之。只只能用理理性的感感受来描描述，比比如信息息量多少少，浏览览速度快快慢等；有风格格的网站站上你可可以获得得除内容容之外的的更感性性的认识识，比如如站点的的品位，对浏览览者的态态度等。创意：如如网络与与

6、电话结结合，产产生IP电话如何确立立自己的的风格确信风格格是建立立在有价价值内容容之上的的。一个个网站有有风格没没有内容容，就好好比绣花花枕头一一包草，所以首首先必须须保证内内容的质质量和价价值性搞清网站站给人的的印像如果用一一句话来来描述你你的站点点，应该该是（）有创意、有实力力、有美美感、有有冲击力力想到你的的站点，可以想想到的颜颜色是（）热情的红红色、幻幻想的天天蓝色想到你的的站点，可以联联想的画画面是（）杂货店、书店、如果网站站是一个个人，他他拥有的的个性是是（）活泼可爱爱的儿童童、思想想成熟的的中年人人作为站长长，你希希望给人人的印象象是（）敬业、认认真负责责、有深深度、直直爽用一种

7、动动物做比比喻，你你的站点点是（）兔子（聪聪明敏感感）、狮狮子（自自信威武武）浏览者觉觉得你和和其他网网站不同同（）可以信赖赖、信息息最快、交流方方便导航系统统网站中的的导航系系统就是是网页上上各种导导航条的的总称，用户通通过导航航系统中中的各种种导航元元素，可可以快速速查询到到自己所所需要的的信息。导航系统统用来建建立网页页信息内内容之间间的上下下文关系系，为用用户在新新环境下下快速定定位提供供语境，从而使使用户明明确下面面三个问问题：我我在哪？我曾经经去过哪哪？我可可以去哪哪。全局导航航全局导航航（Persistent Navigation）又称主主导航，它是出出现在网网站的每每一个页页面

8、上一一组通用用的导航航元素，以一致致的外观观出现在在网站的的每一页页，扮演演着对用用户最基基本的访访问方向向性指引引。局部导航航局部导航航是子页页面相同同页面组组的内部部导航，使用户户在一个个内容领领域里按按层次浏浏览局部导航航（副导导航）：全局导导航的延延伸，设设计灵活活、变化化频繁、指向同同级或下下级页面面。使使用要点点：局局部导导航的过过渡应平平滑、一一致，不不应将用用户带出出网站，或是跳跳转到其其它类别别。局部部导航可可以是主主导航项项目的下下级分类类、同级级分类、某一特特定类别别等等。局部部导航和和全局导导航的组组合举例例：网页版面面布局与与制作布局就是是指以最最适合用用户浏览览的方

9、式式将图片片和文字字排放在在页面的的不同位位置。“最适合合”是一一个不确确定的形形容词。布局的重重要性：挖掘客客户的需需求，将将用户需需要的内内容充分分展示出出来，为为客户户提供舒舒适、友友好、简简单的访访问体验验，进而而留住客客户，还还能结合合SEO，提升网网站的搜搜索引擎擎排名。如同盖盖房子有有草图一一样，网网站设计计也同样样有草图图。网站外形形尺寸：网页黄黄金分割割在这个九九宫格中中中间部部分就产产生了四四个交叉叉点，这这四个交交叉点就就是视觉觉中心点点。那网页自自身的上上下左右右布局呢呢?同样的，如只是是上下或或是左右右结构我我们不能能把上下下或是左左右平分分，而是是最好采采用黄金金分

10、割比比来进行行划分。如果是是上中下下或是左左中右呢呢。我们们同样不不能平分分，我们们我们要要注意三三者之间间的关系系，比如如上中下下结构，我们很很清楚中中间是主主要内容容需要大大一点的的空间，那么中中空间的的部分会会尽量的的点有大大比例，一般来来讲我们们会让中中间占大大约百分分之六十十。而上上面占百百分之三三十，下下面占百百分之十十。那也也就是说说，下面面是上面面的三分分之一，上面是是中间的的三分一一。这样样的分割割就会比比平面看看起来要要舒服很很多。但但是左中中右的结结构就不不能这么么分了。因为百百分之十十的宽度度会很难难放得下下什么内内容。一一般左中中右结构构会有另另一种分分法:左占百分分

11、之四十十，中右右各占百百分之三三十。或或是左右右占百份份之三十十，中间间占百分分之四十十。也可可以进行行532、622、442、的分配配。也就就是说大大布局上上要尽量量避免平平分的局局面。我们可以以把网页页看成是是由很多多个小块块组合而而成的。通常要要注意的的就是标标题与内内容的关关系以及及这些块块放置的的位置。比如最核心的的内容不要放在在最顶、最后、或是最最中间。而是顶部与中中间的中中部位置置，有些人人喜欢排排位，并并且会把把最重要要的放在在最上面面，其实实不然啊啊，放在在最上面面的未必必是最核核心的位位置。比比如我们们看一下下各大门门户网站站的头条条新闻的的位置，是不是是没有放放在最顶顶部

12、的?常见的布布局形式式“T”结构布局局：页面面顶部为为横条网网站标志志+广告条，下方左左面为主主菜单，右面显显示内容容的布局局，因为为菜单条条背景较较深，整整体效果果类似英英文字母母“T”,所以我们们称之为为“T”形布局。这是网网页设计计中用的的最广泛泛的一种种布局方方式。这这种布局局的优点点是页面面结构清清晰，主主次分明明。是初初学者最最容易上上手的布布局方法法。缺点点是规矩矩呆板，如果细细节色彩彩上不注注意，很很容易让让人看之无味味。同字型布布局特点：页页面顶部部为水平平放置的的主导航航栏，其其下体大大致分为为左，中中，右3栏“口”型布布局这这是一一个象形形的说法法，就是是页面一一般上下下

13、各有一一个广告告条，左左面是主主菜单，右面放放友情连连接等，中间是是主要内内容。这这种布局局的优点点是充分分利用版版面，信信息量大大(我的主页页首页即即属于这这种布局局)。缺点是是页面拥拥挤，不不够灵活活。也有有将四边边空出，只用中中间的窗窗口型设设计，例例如网易易壁纸站站。Flash型什么样的的布局是是最好的的？如果内容非常常多，就就要考虑虑用“国字型型”；如果是一个企企业网站站想展示示一下企企业形象象或个人人主页想想展示个个人风采采，封面面性是首首选；Flash型更灵活活一些，好的Flash大大丰富富了网页页，但是是它不能能表达过过多的文文字信息息。关于第一一屏第一屏是是指我们到到达一个个

14、网站在在不拖动动滚动条条时能够够看到的的部分。有关导航航栏的位位置导航栏能能让我们们在浏览览时容易易的到达达不同的的页面，是网页页元素非非常重要要的部分分，所以以导航栏栏一定要要清晰、醒目，一般来来讲，导导航栏要要在“第第一屏”能显示示出来，基于不不同浏览览者显示示器的大大小考虑虑，那种横向向放置的的导航栏栏要优于于纵向的的导航栏栏考虑，原因很很简单：如果浏浏览者的的第一屏屏很矮，横向的的仍能全全部看到到，而纵纵向的就就很难说说了，因因为窗口口的宽度度一般是是不会受受浏览器器设置影影响的，而纵向向的则不不确定性性要大的的多。首页设计计首页是指指一个网网站的主主索引页页，是令令访客了了解网站站概貌并并引导其其阅读重重点内容容的向导导。Logo ,栏目标题题设计，色彩设设计和页页面布局局，（产产品搜索索，用户户登录）对与商务务网站，客户最最关心的的是网站站的商品品，所以以在首页页及其所所有的栏栏目页面面都放置置一个搜搜索条，客户可可以随时时搜索。首页的功功能模块块：首页页上要