荔枝首页布局分享.pptx

《荔枝首页布局分享.pptx》由会员分享，可在线阅读，更多相关《荔枝首页布局分享.pptx（32页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、布局创意创意是有迹可循的；创意是可以模仿的。第1页/共32页产品定位基本属性挖掘卖点首页布局风格精彩文案首页形成记几何分割第2页/共32页几何分割矩形分割展台分割不规则形状分割（组合、多重切割）平面分割（简单、对称切割）斜面切割真实场景主体轮廓卡通系列整体场景流程引导童话系列植物系列星球轨迹线条设计其他首页布局之几何分割其他其他第3页/共32页平面分割（简单、对称切割）第4页/共32页展台分割矩形化第5页/共32页矩形化矩形分割不规则形状分割（组合、多重切割）第6页/共32页矩形分割斜面切割矩形化第7页/共32页真实场景拟景第8页/共32页真实场景主体轮廓（1）根据专题的主要内容，从整体上构建

2、一个边界或外形线，形成一个大的轮廓，将专题内容巧妙的填充进去。这种处理方式能够让用户一眼就能了解到一些信息，符合专题主题，并且能够让页面更有设计感，生动且活泼。第9页/共32页真实场景主体轮廓(2)注意：设计时，将形状尽量轮廓化，加以强调突出，主体不需要太具象，舍弃一些繁琐的丶次要的元素，以免影响用户阅读内容。第10页/共32页真实场景整体场景1、让用户迅速置身在搭建的场景中，带动情绪，参与互动，直观获取有用信息。2、增加页面的流畅性。注意：场景搭建对素材的要求比较高，明暗，阴影，透视以及层次感，体积都需要用心处理。这类专题大多都会搭配动画一起实现，在带入感上更进一层。在设计的时候，对专题内容

3、头脑里要有画面感，先搭建大的画面关系，再往里头添细节和内容，切记场景不要抢了内容的视觉焦点，在适当的时候做些减法。第11页/共32页流程引导第12页/共32页第13页/共32页展台分割平面分割（简单、对称切割）真实场景卡通系列今天电商设计越来越注重个性丶趣味性以及视觉冲击力，专题页面的构图也已经千变万化，在拿到需求的时候，先不着急下手，构思的时候可以大胆尝试，考虑内容和风格，先确定构图，再往里面添加内容，充分考虑到内容的排版，尽量做到让一个专题有大创意的同时又具有小细节，实现整体形式感的完美和谐的统一。不同的主题，不同的内容，构图排版的出发点也不尽相同，上面列举出来的方法也可以搭配使用，如图所

4、示：第14页/共32页首页布局风格细节=店铺首页布局第15页/共32页产品线的铺设活动款铺设明确的分区铺设客服中心产品分类底栏第16页/共32页活动款铺设活动海报主打产品产品铺设吸引眼球文案+设计，让客户明白你的活动促进购买欲。第17页/共32页噱头主打产品产品铺设第18页/共32页客服中心第19页/共32页产品分类第20页/共32页底栏第21页/共32页第22页/共32页第23页/共32页海报布局第24页/共32页价格预定产品（双11标签）开心麻花图片图片产品中运用了矩形分割中展台的设计，上下分布+多层分布第25页/共32页整张图片分为三个部分，如下图所示，左侧为品牌名称；右侧为象征万圣节的

5、鲜血欲滴的咬唇图片，中间由三部分组成黑色背景+万圣节象征（鬼屋）+文字logo万圣节象征三栏分布第26页/共32页背景选择淡了色系，并应用了季节特色，颜色的反差，更加突出商品的立体感。产品图片logo价格第27页/共32页通过下图我们可以看到的一个设计可以分为几个元素组成：三分布局真实场景点缀点缀文案（产品）第28页/共32页产品，就是你要围绕着它为主题来设计的东西，是整个设计的主心骨（当然这个不一定，主次关系，可能因为不同的需求来把控，但是我们首先把它定位在第一位先）背景，背景就是为了衬托出产品的价值，以为整个设计的氛围的一个元素，它是整个设计中好像最不显眼却最重要的一个元素，也是让人非常头

6、疼的一个东西，但是你记住，它终究是配角，不能让它占了主人的位置颜色，在电商设计中，颜色可以说是重中之重，它是体现一个设计水平的重要条件，因为颜色带有感情，能影响人的情绪，所以如何用色，如何布局颜色也是一个重要的课程排版，一个好的排版，能让人的视觉得到舒缓，不易疲劳，且看起来很舒服，所以一个好的排版也是构成一个好设计的重要元素之一感情，颜色可以影响我们的情感，不同的色彩晕染的氛围，给人不同的感觉；色彩还可以给人以联想。第29页/共32页总结：所谓构图就是将表现主题的总结：所谓构图就是将表现主题的总结：所谓构图就是将表现主题的总结：所谓构图就是将表现主题的各个构成要素按照主次关系放置在各个构成要素

7、按照主次关系放置在各个构成要素按照主次关系放置在各个构成要素按照主次关系放置在画面相应的区域，形成视觉感受，画面相应的区域，形成视觉感受，画面相应的区域，形成视觉感受，画面相应的区域，形成视觉感受，达到设计意图。达到设计意图。达到设计意图。达到设计意图。所有的构图方式追根究底都是为内所有的构图方式追根究底都是为内所有的构图方式追根究底都是为内所有的构图方式追根究底都是为内容服务，构图必须要服从主题表现容服务，构图必须要服从主题表现容服务，构图必须要服从主题表现容服务，构图必须要服从主题表现的要求，设计师在设计的时候要注的要求，设计师在设计的时候要注的要求，设计师在设计的时候要注的要求，设计师在设计的时候要注意在追求创意构图的同时也别影响意在追求创意构图的同时也别影响意在追求创意构图的同时也别影响意在追求创意构图的同时也别影响到用户阅读内容。到用户阅读内容。到用户阅读内容。到用户阅读内容。第30页/共32页第31页/共32页感谢您的观看！第32页/共32页