图片与排版的故事.ppt

练习 要求整体自己排版布局 文案参考案例 主题突出，层级信息划分明确 商品展示 我们在店铺首页上所能看到的商品都是通过各种展示形式得以实现的。其中最简单的方式就是淘宝自身商品暂时系统，就是您自己常用的自定义选择一个区展示8个或者16个。当然这个是最简单也是最基本的方式，人人都会用。但是这样的展示方式既不直观、也不美观更无从谈突出重点，店铺里会一些商品是店家的主推宝贝，这些商品或者因为品质好、包装好、店家利润空间大等等因素被店家定位为了店里的主推商品，那么我们就该琢磨用什么样的方式在店里把他展现出来——因此我们需要设计商品的展示模块，这样的模块可以是几张大幅的海报也可以是一组各式各样结构的展示架构，最终它以什么样的方式在消费者眼前展现出来将由设计师的创意实现。 分栏导航 童鞋展示 JUST DO IT 韩国整容术 日本化妆术 中国PS术 一个页面最醒目最吸引用户的应该是Banner了，尤其是电商平台中Banner显得更突出，Banner主要体心意旨，形象鲜明的展示所要表达的内容。因为它醒目，所以放一个很糟蹋的Banner上去效果也当然“醒目”了。因此网页Banner设计在这里起到了至关重要的作用，特别是首页的Banner,直接决定了用户的停留，下面让我们通过大量优秀的案例进入Banner banner设计 Banner的版式 01 无论是哪种表现形式，都是为促销做铺垫的， 要时刻记得最重要的三点 这是什么？多少钱？为什么在这里买？ 这三点基本是我们做banner的目的。 怎样才能更好的达到这些目的呢， 这正是我们下面要讲得几点 二 明白文字在Banner中占主导地位 从构成上讲，一个banner分为2个部分，一为文字，二为辅助图。辅助图虽然占据大多数的面积，但是不加以文字的说明，很难让用户知道这个banner要说明什么。要读一个人的喜怒哀乐，只要读其五官即可。在一个banner里面，标题文字起着五官一样的作用，所以个人觉得文字才是整个banner的主角。所以对于文字的处理，显得尤为重要，在文字处理时有几个小技巧，与大家分享。 如果主标太长，需求方不舍得删文字的情况下，对主标中重要关键字进行权重，突出主要的信息，弱化‘的’、‘之’、‘和’‘年’‘第X届’这种信息量不大的词。 如果需求方整体文字太短，画面太空，可以用一些加入一些辅助信息丰富画面。如加点英文，域名，频道名等。 三 构建辅助视觉 1、文字+背景陪衬两段式。特点突出文字，视觉集中文字，报道感强。 2、 文字+主体物的两段式，文字图案相辅相成，起到文字言事图案帮助理解的效果。这样的banner适合做介绍类或者产品类。 3、主体物+背景+文字的三段式，特点虚实结合，主次关系明显，也是效果最好，用的最广泛的一种形式。 色彩的情感联想 色彩的情感联想，主要从具体联想和抽象联想两个维度划分： 文案表达 语言起告知和沟通作用 信息很直接告诉顾客销售什么产品，产品的名字及价格。 沟通时通过语调、词语、节奏和情感来引起消费者关注。 语言是为消费者所熟悉，是友善、轻松、诙谐、真诚的吗？有没有双重含义？这些因素都会影响消费者。 方式 通过文字与受众沟通 通过运用消费者常挂在口头的词汇和文化背景显示了我们了解消费者所想 表达 每一个产品都有特有的表达 表达蕴含了声调、智慧、态度、熟悉度，风格以及文字带来的无形感受。 由于受众、产品、信息和其他无形影响因素的不同，不同产品表达方式也会不一样。 怎么动手去做一张好的banner 表达主题是什么？ 新品、清仓、节日祝福、打折。。。 思路来源？ 大卖家网站/知名网店/百度搜索浏览别人的激发自己的灵感 1.新建正确尺寸的图像 2.放上合适背景（百度搜索或者素材网，平时注意积累） 3.放上商品主体 4.添加修饰元素 5.写上促销文字 首先学会割舍，就是减法法则，尽量用最少的文字将品牌及信息传达出去。版式设计上同样多用减法、六百、对比等视觉设计手法，将内容层次梳理清晰，做到有主有次，有大有小，让整个版面看起来舒服。 图片与排版的故事 主讲：陈旭东 图片与排版的故事 移花接木 亚洲四大邪术 1、泰国变性术 2、韩国整容术 3、日本化妆术 4、中国PS术 泰国变性术