视觉营销07136.pptVIP

课程大纲视觉营销 专题 首页的布局设计 专题 内页的布局设计 整体布局 招牌 一个好的招牌能让顾客记住你 一个B2C的网站通常都是三种主色调，色调太多太容易乱，给人的感觉也是非常乱，建议你的标志要简洁 明了 举例子 淘宝 可得眼镜网 中关村在线 七格格 天猫店铺 韩都衣舍 中国移动 店铺视觉流水线 大家都去过百货商场，专卖店，如果细心的朋友都会发现这里会有一个“人流动向规划” 这是一个店铺的各区域的分析表，从上面我看看现一正规的店铺会有相应的甜密区，死柜以人流导向路线规划，这是实体店铺经过很长时候才得出来的经历，也是陈列人员最需要把握的一门技能，那人流动向规划对网店店铺又有什么样的作用呢？ 我们从店铺热点图来分析 在这里要说明一下，淘宝的热点力你要考虑二个面，一是店铺首面的热点图，第二是爆款或你店内主打款的宝贝页面的热点图，这个很重要。 7格格首页热力图 BANNER展示 从热点图及流线图上我们来总结店铺视觉流水线消费的视觉浏览习惯  第一步：水平移动浏览者首先在网页最上部形成一个水平浏览轨迹。 第二步：目光下移，短范围水平移动浏览者会将目光向下移，扫描比上一步短的区域。 第三步：垂直浏览浏览者完成上两步后，会将目光沿网页左侧垂直扫描；这一步的浏览速度较慢，也较有系统性、条理性。 下面为杰柯柏?尼尔森报告中的3张热度图，用颜色来表示浏览者眼光聚集的热度，分为最热（红色）、较热（黄色）、不热（蓝色）和基本不关注（灰色）4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽，第二条线会随之加长，但仍然是F形状。下面为杰柯柏?尼尔森报告中的3张热度图，用颜色来表示浏览者眼光聚集的热度，分为最热（红色）、较热（黄色）、不热（蓝色）和基本不关注（灰色）4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽，第二条线会随之加长，但仍然是F形状。一般说明性网页的视线热区图 大家发现这个图的长度，以及红色区在页面的占据的位置（这是一张通用形杰柯伯。尼尔森的执度图）从上我们可以看出淘店的首页重点在第一屏（鼠标不需滚动）第二屏（鼠标滚动一下）和第三屏为次重点 图2 电子商务网页的视线热区图 这个图是GOOGLE的一个搜索热图，大家发现什么了没有，其中有一个点是不是和真通车有些相些呢，也就是直通车的前三位到底是一个什么样的地位这个很重要，当然GOOGLE和直通车有策略上的区别这个还需大家自已去认知。那淘宝首页面装修的时候我们到底要系统地考虑那些问题呢？如何来规划我们店铺视觉流水线呢？我画一个简单的表格，不完全对，因来不同的产品不同的视觉画面不一定适合我们下面的表格。 首页面不一定要产品丰富，但一定要针对以下几个内容做出合理的安排每天、每周活动款产品的展示店铺爆款产品的展示明星类目产品的展示特价产品的展示新品展示区/形象款展示区 电脑显示器市场（产品种类繁多，难免挂一漏万，数据仅供参考） 通常首页设计是3-4屏，长度不要超过2.8米通常是2.5米-2.8米 标准网页的宽度、字体、字号等的设计原则 标准字体字号：　　中文网页一般文字正文都采用宋体12号（12px）字体，因为这个字体是系统对于浏览器特别优化过的字体。虽然12px-20px的宋体字都还能看，但是宋体12px是最漂亮的，也是最普遍应用的。　　黑体一边是14号，因为一般很少用黑体做正文，主要都是标题或者是关键字。黑体14px是优化过的字体。　　英文网页一般用11px字号，个人最喜欢的字体是tahoma与verdana这两种！特别是verdana，是最经典，最好用的字体！ 网页标准宽度：　　1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003；800宽-21=779。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。 　　2、在Firefox下，宽度的分率辨减19。比如 1024的宽度-19就变成1005　　3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成 1001　　（注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。）　　所以如果是1024的分辨率，你的网页不如设成1000安全一点。 　　如果是800的分辨率一般都设成770。　　这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化 所以800的分辨率一般设定760左右,1024的设定990左右。 在这个显示器百花齐放的时代，网页设计师往往需要考虑不同客户端的浏览体验。 文字大小，是用户体验中的一个重要部分。不同的分辨率，不同的显示器尺寸，不同的DPI，乃至不同的浏览器设置，都会对最终展现的文