月日电子商务网站规划

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

如何建立有独特风格的网站风格应该建立在丰富的有价值的内容基础之上必须搞清楚自己给人的印象是什么，对象是谁，确定印象后，努力实现和加强这种印象Logo出现在每个页面上对一个网站来说，要突出色彩确定网站的CICI：corporateidentity(企业识别),是通过视觉统一企业的形象logo中的BF设为百度红蓝色，代表一男一女。字体及位置的设计，则包含“众里寻他千百度”中不期而遇的美丽寓意。色彩传递的信信息色彩在食品偏偏好中起着重重要作用.一次调查:被调查的家庭庭主妇分别品品尝了放在棕棕、蓝、红、、黄四种容器器中的咖啡（（所有咖啡都都是一样的，，并对被调查查者隐瞒了品品牌）结果：75%的妇女认为放放在棕色容器器中的咖啡味味道过苦；85%的人认为红红色容器中中的咖啡最最浓；几乎乎所有人感感觉蓝色容容器中的咖咖啡味道较较淡；而黄黄色容器中中的咖啡几几乎没味.雅格布、柯柯恩、沃西西和吉恩曾曾做过有关关部门跨文文化的颜色色比较的深深入研究。。他们对中中国、韩国国、日本以以及美国消消费者进行行调查，发发现亚洲人人往往把灰灰色和廉价价联系在一一起，这恰恰恰与美国国人相反，，美国人认认为灰色贵贵重且有高高品质。亚亚洲人认为为紫色为富富贵之色，，美国人却却认为紫色色有廉价感感。不过，，蓝色、红红色、黄色色与黑色倒倒是不约而而同地分别别与高品质质、爱、幸幸福及力量量联系在一一起。一般般地都认为为绿色象征征着纯洁和和值得信赖赖。可口可可乐的的瓶子子在不不经意意间传传递了了许多多信息息：瓶瓶子颈颈部凸凸起的的花纹纹使人人感到到握在在手中中不会会脱落落；瓶瓶子外外观别别致、、造型型优雅雅，似似乎透透射着着饮料料能带带给你你一份份轻松松；里里面所所装的的液体体，看看起来来比标标注的的份量量多，，有了了一种种实在在感；；coca-cola的斯宾宾塞体体字形形，与与白色色字体体形成成强烈烈对比比的红红色标标准色色，流流动的的水线线等，，无不不在传传递着着青春春、活活力、、轻松松与自自在。。怎样树树立网网站的的风格格色调：：是活活泼还还是庄庄重，，是素素还是是艳。。请为你你的网网站进进行CI设计，，包括括logo、标准准色彩彩、标标准字字体、、宣传传标语语等，，并说说明如如何突突出网网站的的风格格试用图图片设设计工工具设设计logo，选图图片的的格式式GIF有风格的网网站与普通通网站的区区别在于：：普通网站站上你看到到只是堆砌砌在一起的的信息，总总之。只能能用理性的的感受来描描述，比如如信息量多多少，浏览览速度快慢慢等；有风风格的网站站上你可以以获得除内内容之外的的更感性的的认识，比比如站点的的品位，对对浏览者的的态度等。。创意：如网网络与电话话结合，产产生IP电话如何确立自自己的风格格确信信风风格格是是建建立立在在有有价价值值内内容容之之上上的的。。一一个个网网站站有有风风格格没没有有内内容容，，就就好好比比绣绣花花枕枕头头一一包包草草，，所所以以首首先先必必须须保保证证内内容容的的质质量量和和价价值值性性搞清清网网站站给给人人的的印印像像如果果用用一一句句话话来来描描述述你你的的站站点点，，应应该该是是（（））有创创意意、、有有实实力力、、有有美美感感、、有有冲冲击击力力想到到你你的的站站点点，，可可以以想想到到的的颜颜色色是是（（））热情情的的红红色色、、幻幻想想的的天天蓝蓝色色想到到你你的的站站点点，，可可以以联联想想的的画画面面是是（（））杂货货店店、、书书店店、、如果果网网站站是是一一个个人人，，他他拥拥有有的的个个性性是是（（））活泼泼可可爱爱的的儿儿童童、、思思想想成成熟熟的的中中年年人人作为为站站长长，，你你希希望望给给人人的的印印象象是是（（））敬业业、、认认真真负负责责、、有有深深度度、、直直爽爽用一一种种动动物物做做比比喻喻，，你你的的站站点点是是（（））兔子子（（聪聪明明敏敏感感））、、狮狮子子（（自自信信威威武武））浏览览者者觉觉得得你你和和其其他他网网站站不不同同（（））可以以信信赖赖、、信信息息最最快快、、交交流流方方便便导航航系系统统网站站中中的的导导航航系系统统就就是是网网页页上上各各种种导导航航条条的的总总称称，，用用户户通通过过导导航航系系统统中中的的各各种种导导航航元元素素，，可可以以快快速速查查询询到到自自己己所所需需要要的的信信息息。。导航航系系统统用用来来建建立立网网页页信信息息内内容容之之间间的的上上下下文文关关系系，，为为用用户户在在新新环环境境下下快快速速定定位位提提供供语语境境，，从从而而使使用用户户明明确确下下面面三三个个问问题题：：我我在在哪哪？？我我曾曾经经去去过过哪哪？？我我可可以以去去哪哪。。全局局导导航航全局局导导航航（（PersistentNavigation）又又称称主主导导航航，，它它是是出出现现在在网网站站的的每每一一个个页页面面上上一一组组通通用用的的导导航航元元素素，，以以一一致致的的外外观观出出现现在在网网站站的的每每一一页页，，扮扮演演着着对对用用户户最最基基本本的的访访问问方方向向性性指指引引。。局部部导导航航局部部导导航航是是子子页页面面相相同同页页面面组组的的内内部部导导航航，，使使用用户户在在一一个个内内容容领领域域里里按按层层次次浏浏览览局部部导导航航（（副副导导航航））：：全全局局导导航航的的延延伸伸，，设设计计灵灵活活、、变变化化频频繁繁、、指指向向同同级级或或下下级级页页面面。。使使用用要要点点：：局局部部导导航航的的过过渡渡应应平平滑滑、、一一致致，，不不应应将将用用户户带带出出网网站站，，或或是是跳跳转转到到其其它它类类别别。。局局部部导导航航可可以以是是主主导导航航项项目目的的下下级级分分类类、、同同级级分分类类、、某某一一特特定定类类别别等等等等。。局局部部导导航航和和全全局局导导航航的的组组合合举举例例：：网页版版面布布局与与制作作布局就就是指指以最最适合合用户户浏览览的方方式将将图片片和文文字排排放在在页面面的不不同位位置。。“最最适合合”是是一个个不确确定的的形容容词。。布局的的重要要性：：挖掘掘客户户的需需求，，将用用户需需要的的内容容充分分展示示出来来，为为客客户提提供舒舒适、、友好好、简简单的的访问问体验验，进进而留留住客客户，，还能能结合合SEO，提提升升网网站站的的搜搜索索引引擎擎排排名名。。如如同同盖盖房房子子有有草草图图一一样样，，网网站站设设计计也也同同样样有有草草图图。。网站站外外形形尺尺寸寸：：网网页页黄黄金金分分割割在这这个个九九宫宫格格中中中中间间部部分分就就产产生生了了四四个个交交叉叉点点，，这这四四个个交交叉叉点点就就是是视视觉觉中中心心点点。。那网网页页自自身身的的上上下下左左右右布布局局呢呢?同样样的的，，如如只只是是上上下下或或是是左左右右结结构构我我们们不不能能把把上上下下或或是是左左右右平平分分，，而而是是最最好好采采用用黄黄金金分分割割比比来来进进行行划划分分。。如如果果是是上上中中下下或或是是左左中中右右呢呢。。我我们们同同样样不不能能平平分分，，我我们们我我们们要要注注意意三三者者之之间间的的关关系系，，比比如如上上中中下下结结构构，，我我们们很很清清楚楚中中间间是是主主要要内内容容需需要要大大一一点点的的空空间间，，那那么么中中空空间间的的部部分分会会尽尽量量的的点点有有大大比比例例，，一一般般来来讲讲我我们们会会让让中中间间占占大大约约百百分分之之六六十十。。而而上上面面占占百百分分之之三三十十，，下下面面占占百百分分之之十十。。那那也也就就是是说说，，下下面面是是上上面面的的三三分分之之一一，，上上面面是是中中间间的的三三分分一一。。这这样样的的分分割割就就会会比比平平面面看看起起来来要要舒舒服服很很多多。。但但是是左左中中右右的的结结构构就就不不能能这这么么分分了了。。因因为为百百分分之之十十的的宽宽度度会会很很难难放放得得下下什什么么内内容容。。一一般般左左中中右右结结构构会会有有另另一一种种分分法法:左占百分分之四十十，中右右各占百百分之三三十。或或是左右右占百份份之三十十，中间间占百分分之四十十。也可可以进行行532、622、442、的分配配。也就就是说大大布局上上要尽量量避免平平分的局局面。我们可可以把把网页页看成成是由由很多多个小小块组组合而而成的的。通通常要要注意意的就就是标标题与与内容容的关关系以以及这这些块块放置置的位位置。。比如如最核心心的内内容不要放放在最最顶、、最后后、或或是最最中间间。而而是顶部与与中间间的中中部位位置，有些些人喜喜欢排排位，，并且且会把把最重重要的的放在在最上上面，，其实实不然然啊，，放在在最上上面的的未必必是最最核心心的位位置。。比如如我们们看一一下各各大门门户网网站的的头条条新闻闻的位位置，，是不不是没没有放放在最最顶部部的?常见的的布局局形式式“T””结构布布局：：页面面顶部部为横横条网网站标标志+广告条条，下下方左左面为为主菜菜单，，右面面显示示内容容的布布局，，因为为菜单单条背背景较较深，，整体体效果果类似似英文文字母母“T”,所以我们称之之为“T”形布局。这是是网页设计中中用的最广泛泛的一种布局局方式。这种种布局的优点点是页面结构构清晰，主次次分明。是初初学者最容易易上手的布局局方法。缺点点是规矩呆板板，如果细节节色彩上不注注意，很容易易让人"看之无味"。同字型布局特点：页面顶顶部为水平放放置的主导航航栏，其下体体大致分为左左，中，右3栏“口”型布局这这是一个个象形的说法法，就是页面面一般上下各各有一个广告告条，左面是是主菜单，右右面放友情连连接等，中间间是主要内容容。这种布局局的优点是充充分利用版面面，信息量大大(我的主页首页页即属于这种种布局)。缺点是页面面拥挤，不够够灵活。也有有将四边空出出，只用中间间的窗口型设设计，例如网网易壁纸站。。Flash型什么样的布局局是最好的？？如果内容非常多，，就要考虑用用“国字型”；；如果是一个企业网网站想展示一一下企业形象象或个人主页页想展示个人人风采，封面面性是首选；Flash型更灵活一些些，好的Flash大大丰富了网网页，但是它它不能表达过过多的文字信信息。关于第一屏第一屏是指我们到达一一个网站在不不拖动滚动条条时能够看到到的部分。有关导航