月日电子商务网站规划

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