焦点图样式指导规则.docxVIP

首页图片样式规范V1.0 焦点图 Okbuy首页焦点图部分为一块990*350px纯图片区域。在遵照了构图色彩平衡基础规范情况下，能够根据运行需求有多个展现组合方法。 布局规则 现在我们新版上线后，首页会同现在线上内容保持基础一致，采取是三幅构图样式。左侧为4张焦点图轮播，焦点图尺寸为730*350px；右上尺寸为260*150px，右下尺寸为260*200px。 焦点图区域多个布局样式：（系统开发中） 全幅构图 三幅构图 四幅构图 五幅构图 色彩比重 A. 整个区域色彩比关键注意平衡，避免全部为重色或全为浅色，注意整个区域色彩平衡： B．严禁全重色表现。 常见字体推荐 （注：以下字体仅做推荐使用，不需要一定使用以下字体） 汉字 方正细圆简体 微软雅黑 方正粗雅宋_GBK 方正兰亭特黑简体 英文、数字 Helvetica Neue – Ultralight Gill Sans - Light Didot – Bold Franklin Gothic Book HPFutura Book – Bold HPFutura Medium Stymie Light BT Calibri – Bold Century Gothic – Bold 在整个焦点图区域，除了每小块图片有独立样式以外，整个区域和需要在视觉上看起来整体协调。关键表现为： 整体风格符合所表现产品特征。比如女鞋表现出时尚、商务男鞋表现出品质等。 网站焦点图常见样式，比如折扣/新品/促销等，需要分别保持一致，让用户有较高识别性。 专题活动相关图片设计专题突出。 除非特殊样式需求，应尽可能避免: 相同范围大小补色出现。 商品颜色和底色颜色过于相同，造成商品不突出。 一样大小平级区域内，图片内商品和其它图片效果样式相差太多。 单纯为了视觉冲击而采取具质低劣表现手法。 整个区域应该尽可能表现好乐买品牌专业和品质。 部分图片参考：（注：以下样式仅做参考使用） 正在促销 / 新款上架 正在促销/新品上架 商品展示区域分别全部由5张商品图片，图片尺寸为150*150px，白底（#ffffff ） 。图片内容由商品图片和商品Logo组成。商品图片最大范围不超出140*140px，Logo最大范围不超出60*30px。 关键提醒：因为商品和商品Logo差异较大，规范中数值仅表示最大范围。全部图片以展示美观；同类商品统一为最关键基准。 分类 Banner 分类Banner部分为一块宽度为978px纯图片区域。在遵照了构图色彩平衡基础规范情况下，能够根据运行需求有多个展现组合方法。 每块区域图片样式必需保持一致，比如同为圆角图片（圆角图片情况下，四个角底色为# f0f0f0）或同为直角图片。 关键提醒：不管何种组合方法，必需确保整块图片宽度和为978px。 组合方法实例： 两幅构图 三幅构图（圆角图片）实例 商品排列 分类商品排列区域由7张商品图片组成，图片尺寸为135*135px，白底（#ffffff ） 。图片内容由商品图片和商品Logo组成。商品图片最大范围不超出125*125px，Logo最大范围不超出50*25px。 关键提醒：因为商品和商品Logo差异较大，规范中数值仅表示最大范围。全部图片以展示美观；同类商品统一为最关键基准。