首页设计要点.ppt

首页设计要点 第一： 整体页面要求是欧美系简约格调的风格 第二： 1：图片要求风格统一，注意事项有： 拍摄的模特（如果能做到整个页面的模特都是统一个人最佳，如果不能， 则可以做到以个模块用一个模特的图片） :2：拍摄的场景（整个页面全部用室内或者室外的，图片背景颜色要尽量相似或者一样）: 3：服装的季节统一，还有图片的整体颜色 第三： 整个模块的标题的字体、字体大小、字体颜色、以及标签栏的背景色或者背景图片都要一直 第四： 对于图片的要求，最好全部能够抠图处理 头部 店铺的名字居中 店招背景颜色就用纯色的 导航栏的 高度为30px 店招整体高度150PX 页尾 页尾的信息 头部与主页的模块整体预览图 页头下面就是一个全屏轮播（实际是1120PX的宽度，然后再下面的模块全部是950PX的宽度） 此部分仅作一个尺寸效果展示，但是并非是我们要的鼠标触发的效果， 全屏轮播（1120*550px的尺寸） 此处的模块为全屏轮播（宽度1120px，高度550px，小图片的尺寸由设计设计师自行定义，要求的鼠标触发效果是，鼠标移动到一个小图片上面，则该小图片会有一个带颜色的边线框，边线框的尺寸可以考虑2px或者3px，颜色设计师自行定义，在小图片尺寸大小以及小图片直接的间距，小图片距离模块的边框距离，都是设计师定义，还有换图片的箭头符号） 标签页轮播模块 此模块为标签页轮播，图片的宽度是950，高度由设计师掌握，给予的参考高度是500px，可以再此值上下波动，不要超过全屏轮播的高度，建议高度为450px—500px之间， 标签部分的字体要求居中，图片数量3—5张的范围，标签部分的高度需设计师把握，然后小标签部分宽度平分，标签部分为70%左右的透明度 手风琴轮播 此模块的整体宽度依旧是950px，模块的高度、小标签的宽度、小标签之间的距离设计师把握，被选中的小标签颜色比未选中的标签颜色要深一些，未被选中的标签透明度参考值为50%，标签文字居中 轮播风格5 日历模块（950px宽度） 此模块注意事项整体模块的宽度是 950px，高度需要设计师自行把握，不过不要太高或者太矮了，另外，日历部分需要注意的是，有活动的日期与没有活动的日期的颜色不一样，且活动未到和活动已过的以及当天刚好有活动的日期颜色也不一样，此图仅作一个设计参照图，并非实际需要的效果图 放大镜1模块 要求：被点击/鼠标移动到的图片，会有带颜色的边线框，左侧的大图还有商品信息（价格 、标题 、销售量、 分享）此模块为950宽度 放大镜2 放大镜2、跟放大镜1要求一样 混排模块 此模块为混排模块，混排排布的原理是：先把整体模块分成3个小模块，再把每个小模块细分成更小的模块，他采用的是竖向分割法，还有一种是横向的，我们就采用竖向的比较合适 公告 + 店铺收藏 此图仅为参照图片， 高度需要设计师定义，整个模块宽度950px 客服模块 950px宽度的通栏模块，客服中心用图片来做logo，如图一样，但是客服 分类模块（950px宽度） 分类模块，大分类颜色、小分类颜色、信息，均设计师设计，还有一些其他设计元素等 单品推荐模块（参考样例1） 样例1，要求小图片有边线框 单品推荐模块样例2 要求小图片有边线框效果 其他模块 其他模块1：三张图片一排的模块（三栏模块） 其他模块2：四张图片一排的模块（四栏模块） 结束语 以上模块为首页设计初期必须要带有的模块，每个模块的效果图跟提供的参考图大致差不多，细节方面的需要贵公司设计师把握，同时在商品的文字 价格 销量 如果不能把握的话就可以用这样的例子 “此处为商品标题信息….. ￥68 已售1688笔” * *