菜鸟到达人，如何用设计提升转化率

10.17 上午 9:00 ~12:00  马力

互联网产品设计和用户界面设计

互联网产品设计的基本流程

互联网产品设计的思维模式

视觉优先级和信息优先级

10.17 下午14:00~18:00 杨慧嘉

Photoshop的基本使用技巧

Photoshop中色彩的运用及调整

Photoshop 中常用工具及快捷方式

10.18 上午  9:00 ~ 12:00  杨慧嘉

界面视觉元素设计基础知识

单形图标和拟物图标的视觉设计

创意来源和日常知识储备

10.18 下午 14：00 ~18:00 杨慧嘉

Banner设计基本执行流程

针对需求的分析

竞品分析以及需求沟通

创意来源以及方案输出

马力

10月17日上午9点—12点半

马力老师为大家带来了分享，主题是《产品设计和用户体验》。在开场的时候问了大家一个问题“面对一个互联网产品时，你首先会想到什么”大家踊跃提出了自己的想法：

“怎么用”、“好用”、“好看”、“用的人是否多”、“易用”…

马力老师表示这些形容都对，可是当我们作为一个专业的设计师， 不能简单地以一个普通用户的视角来表示对产品的感觉 。那么设计师应该从哪几个方面来评估一个产品呢？

设计师对比普通用户需要看到的分为交互和视觉两个方面。

交互 ：容易学习，容易使用，使用有效率，少出错，良好的主观满意度。

视觉 ：颜色，布局，图标，动效，层次。

接着老师又以 视觉优先级、信息优先级 两大部分的内容告诉大家在设计产品的过程中需要注意传达给用户的一些要点。

在视觉优先级里面，怎样去引导大家的视线，抓住大家的视觉重心去达到自己的目标呢？

比如说你做一个宣传图，要明白用户的视线规律：从左到右从上到下，所以要把最重要的地方安排好，放到最突出的位置。

在阐述“视觉重心”的过程中有一个有趣的例子：

“这是荷兰的安姆斯特丹机场的小便池，我有一个朋友去的时候还拍了照片，这个例子我也经常和别人提起。机场的工作人员为了解决小便溅出的问题，就在小便池里面贴了一只小苍蝇，经过统计，发现溅出率减少了80%，我一直都特别好奇，这个溅出率是怎么被统计出来的（笑）。”

其实大家应该思考的是“为什么溅出率会明显降低呢？”

△此刻全场70多号人聚精会神地盯着上图小便池

“大家可以继续看，这是Ins的界面，如果你把这个界面当成小便池的话，那这个苍蝇在哪个位置呢？还有淘宝，我们把淘宝的页面当成小便池，那这只苍蝇又在哪？”

“其实道理都是相似的，完全不同类的东西，都是在引导用户的视线，用户的注意力，用户的行为。

同时我们想一下在平常的一张图，一段文案里面都要突出一段场景，一个视觉的重心，这就是背后相同的原理，再比如iphone的滑动解锁，类似于古时候门闩的开合，其实都是在利用用户的认知和心理。

再比如下图，我们在这样一个设计里面也能看出“引导”的重要性。怎样促进品牌的认知和扩散，这就是广告的目标。

比如这张图片，一位漂亮的姑娘，两张图片仅仅是眼球的转动方向的差别，从眼动仪的反映来看达到的转化率是远远不同的。”

接下来马老师又在信息优先级的内容基础上列举了几个有趣的例子。

想了解详情的同学可以在后台回复： 「培训课件」 查看详细内容，文章内容有限就不一一列举了。

△结束时的例行问答环节，场面十分火爆导致直接拖堂到了下午一点钟。我坐在一旁，想到了我的学生时代...

下面抽一些要点，简要列举三个问题。

杨慧嘉

10月17日下午—10月18日

主要落地在下面几个方面：

课程内容部分细分为三块：

界面基础部分老师主要面向大家讲述用户界面设计概述，图标设计深度解析及造型，界面中的色彩基础及运用，界面中的信息排布。

这部分也算是对马力老师“视觉优先级”中视觉重心的延伸。下图是学员们从色相环中取色进行海报文件颜色的替换。

其中根据在场中国移动在线互联网团队的工作特性，老师在Banner设计解析部分设置了较为丰富的内容。

从Banner的组成部分： 文案，商品，色彩和点缀 入手，每一个环节都要有的放矢才能做出让人眼前一亮的优秀设计。

接下来又从Banner的设计风格入手： 年轻化，文艺清新，卡通，复古，酷炫以及简约风格 ，并举了一些例子。

接下来是Banner设计 的基本版式： 左构图，右构图，上下构图以及居中构图，主体构图还有不规则构图 几种。接下来又对于文案的表达方式——字体，进行了剖析。字体的表现形式，加减或者错层处理会给一个宣传图带来什么样的改变？

总结下来在Banner的设计过程中的注意要点：