微信当中的10点情感化设计，人性因机制而受限，机制因人性而美好（上）

推荐北京AAA教育的课程： 作为参考看一下

第一阶段 ：UI设计基础课程

初识UI： UI设计师的角色定义和价值体现，UI的含义、UI设计师的含义

手绘造型： 学习设计基础、字体、构图、手绘等基础技能，快速培养UI设计师的视觉敏锐度，和绘画能力， 二维造型方法，二维简约图标绘制原理与技法，各种材质质感表现

三维造型方法（物体的体积、结构、透视与光影表现）

色彩原理： 色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系，色彩的装饰美感及色彩的表现方法

第二阶段： 平面设计

设计软件应用： Photoshop:以Photoshop软件为工具，讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、画册设计、DM设计等企业实际工作中的具体项目。

I llustrator：以矢量图形绘制软件Illustrator为工具，讲解标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目。

字体专项设计： 字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用

版式专项设计： 版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。

平面项目设计： 结合软件、色彩、字体及版式的学习，针对宣传单、折页、名片、海报及VI做专题设计，提升综合应用能力及平面UI设计能力。

第三阶段： 网页UI界面设计

WUI设计基础： 页面设计基本流程与设计规范的概念性讲解，重点了解WEB界面设计规范；网页配色技巧、色彩与构图的概念及技巧；网页导航与字版式设计

网页设计软件应用：Fireworks：软件的基本构成、矢量工具和位图工具、WUI用户界面及广告设计。

Dreamweaver:建立站点、添加页面元素、使用CSS样式及交互行为。

Flash :动画制做原理与技巧，典型WUI商业广告中的Flash技术与实现。

网页设计要素： 学习web网站设计基本要素，网站图标、按钮、广告banner、专题页设计等元素的具体设计方法

Web标准化布局： （X）HTML/HTML5语言：HTML语法与常用标签的详解，包括布局标签，表格标签，表单标签等。

CSS/CSS3层叠样式表： CSS语法与常用属性的详解，使用CSS对网站中各个模块进行修饰美化。

WUI项目实战设计： 以企业网站、电商网站及专题网页做实战项目设计，经过全流程设计，达到网页界面设计要求

第四阶段： 移动设备端UI设计

UE交互设计

1 手机主题、界面与图标设计；

2 拟物化与扁平化设计；

3 系统性学习苹果IOS设计规范；

4 系统性学习Android设计规范。

图标设计： 图标设计要素与技法，图标设计中的色彩应用，图标创意思想与方法，2D图标设计方法，3D立体图标设计方法，图标在界面中的设计应用，

移动UI界面设计：手机APP的用户使用场景，手机界面的布局与结构，手机界面中的视觉语言与控件详解，手机交互中的手势操作，APP产品的核心设计：导引设计，手机APP的色彩与情感化设计，手机APP整体视觉情感的提炼与传达，移动APP项目设计 iphone端APP实际项目实战

APP产品的需求分析—用户研究—原型

Android端APP实际项目实战

ipad端APP实际项目实战

第一点：了解你的目标客户群的心态

1、做微任务的目标客户群(如随时随地看看新闻，听听歌，看看**，聊聊八卦之类)：

这类的解决方案是设计的app最好是小而准，不要大而全。越全的功能应用，只能代表着这个应用在各方面的都很平庸

2、喜欢当工具来使用的目标客户群：比如找地图，看天气，查数据等。

这类的解决方案是我们尽最大努力的去满足用户的情景需求。做到极致和简单。

3、无聊的客户群，用来打发消磨时间的：无需求，漫无目的的

这类的解决方案是尽可能展示用户感兴趣的东西，帮助客户来打发消磨时光。

第二点：APP原型图的制作和设计讨论

这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。

常用的APP原型图工具：移动APP原型设计神器POP、axure、Foreui等

第三点：APP视觉设计与设计要点

（1）大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等

一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方。但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方。

另外还有一个原则，最小的触摸单位，一般是44个像素。如果再小，你的拇指难以触碰，或者容易引发误操作。同时，也不要让界面太拥挤。

所以，设计师必须用减法设计，这个过程需要花时间思考、简化元素。

你必须记住：（1）隐藏设计或者减法设计（2）分区或分类（3）帮用户做决策（4）提高交互创新设计（5）让人有爽快感和新奇感（6）在设计中浸入情感，把握用户的心理。（谈谈如何进行产品设计以及产品情感化设计）

一位大师这样说过“真正的简约设计是：作品必须不断的被简化，一改再改，直到设计最终成形。”

2014年APP设计风格趋向扁平化和卡片化。卡片，扁平化都会是移动app设计的趋势！认为卡片设计确实同时兼具了“拟物”和“极简”2种优势！

第四点：APP界面设计流程

（1）设计APP界面时，学会从优秀APP界面设计作品中寻求灵感，以前的艺术大师，用少量的资源做了大量的设计。

（2）放下工作，休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作，带着全新的眼光工作，比长时间冥思苦想更有

（3）并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存，对比两个版式就能很快分清孰好孰坏。

（4）由于实物展示的相对比例至关重要，所以要及早在不同的目标设备上测试。

（5）整个设计过程中不断问自己“真的需要吗？”。支撑项目时候，找一些讨巧的办法，例如，添加一些有趣的元素、样式会这样会很容易也会很吸引人，但必须始终注意剔除不必要的元素，不断精简。甩掉你费尽心血的部分总是难以割舍，但修改过程必须挑剔。

第五点：APP界面设计测试与预览修正

设计完成之后，我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具：快速在移动终端上预览APP界面设计效果图的方法最后：好的APP界面设计作品必然是要经过不断升级、重复迭代的。一般用axure把appui/ue原型完成了，就交给设计和前端完成了高保真了，具体什么软件，着实不知道。