电商banner设计+界面灵魂大法

　　第一篇：电商banner设计 の 商品图该怎么玩?
　　拿到一个banner设计后怎么做?
　　一、了解banner需求
　　(1)banner是针对什么活动，什么目的而设计。
　　(2)主标题、利益点等文案信息的确认
　　(3)确定banner放置的位置
　　(4)与需求人沟通它的看法或者建议
　　(5)什么时候交稿
　　二、 了解以上信息后，脑袋中会对海报进行风格定位，采取不同的表现方式。
　　(1)大牌，稳重(背景大量留白、色彩单一：黑白灰、商品模特图放大、logo大大的放置、适用于数码电子产品等奢侈品牌)
　　(2)时尚、品质感、促销(主副标题、利益点、色彩不超3种、商品角度要好)
　　(3)可爱、热闹、亲和力(商品较多，画面比较丰满;色彩丰富，配合柔和，温暖的感觉;有特别突出的信息，但画面和谐不具攻击性。)
　　(4)素雅、安静、大面积留白、文艺、简约(大面积留白，东西小小;色彩单一，以浅灰、淡蓝白、米白、棕色、饱和度和纯度低的绿色;文案都是打动人小情绪的文字。)
　　(5)促销、形式感俱佳(文案和商品种类超级多;色彩多样，留白较少，注重排版;醒目的sale和价格信息)
　　三、 针对商品(非模特)banner图怎么玩
　　商品摆放的几种姿势：
　　(1)叠加的：叠加商品+切边构图+截取部分商品展示+商品数量多
　　说明：适用于服饰鞋包、美妆护肤;商品按一定的规律沿着banner图四周环绕;视觉中心聚焦到中间文案。(所选的商品形状要尽量规整)
　　(2)模拟商品真实摆放场景+三件商品以上
　　说明：试图营造一种真实的购物场景体验，一定程度上增加网购信任感。
　　(3)商品堆放+三件以上商品
　　说明：三角构图、横向或纵向往一个轴线堆放
　　(4)远景近景的对比+2件以上物品
　　说明：远小近大
　　(5)穿在模特身上展示+大小对比+1件以上物品
　　说明：左中右布局、左右布局、近景远景布局
　　(6)飘着的商品+大小对比+虚实对比+3件商品以上
　　说明：主体中间，前面清晰近景围绕，后面虚化远景围绕，重点集中在中间。
　　(7)按某种规律平铺商品+4件以上商品
　　说明：左右结构布局：左右平衡(左边文案，右边商品，左边背景深，右边背景浅，适用于商品类似;商品形状不规则的话则给个规则);上下结构布局。
　　(8)铺满整个画面+前后景+n多商品
　　说明：商品铺满，作为多彩背景，利益点放置位加个纯底色，再突出折扣信息。
　　(9)手绘+虚实结合+1个商品以上
　　(10)结合商品本身的特点排版+从文案里找灵感+2件以上的商品
　　说明：想办法设计与文案，商品相关联。
　　(11)超大局部细节展示+1件商品
　　说明：大面积留白、适用于奢侈品大牌、背景多为黑白灰。
　　第二篇：界面灵魂大法!如何巧用元素让你的设计锦上添花
　　何为界面元素：点、线、面?
　　点：点缀(目的丰富画面，活跃气氛)
　　线：联系(具有引导性、贯穿画面)
　　面：重点(主要信息呈现，有分量感)
　　下面解构元素大法的奥义：
　　第一招：极简即逼格：统一的四边形、统一的角度
　　第二招：品牌中找灵魂
　　第三招：将形象化为魂魄(如天猫)
　　第四招：运动赋予生命(小动画赋予设计生命)
　　第五招：菜单三进击
　　(1)基础类：系统级的图标，识别性强但没啥特色。
　　(2)品牌类
　　(3)互动类别