ui设计基础培训课件ui设计原则.pptx

第一页，共38页。
?
?
?


第二页，共38页。
第一页，共38页。
?
?
?


第二页，共38页。
UI设计的定义：指软件的人机交互、操作逻辑、界面美观的整体设计
我的理解：UI设计包括两个方向，分别是交互设计和图形（视觉）设计
2、视觉设计主要负责这个UI看起来是否美观，是否有设计感等等。
1、交互设计主要负责这个UI用起来顺不顺手，上手容不容易等等。
？
第三页，共38页。
交互设计
从专业和严谨的角度对产品原型（demo）提出优化建议
两个维度：
流程逻辑和页面布局
第四页，共38页。
场景一
第五页，共38页。
场景二
第六页，共38页。
视觉设计
图标、图形、按钮、字体大小层级、色彩、线条粗细、间距等等
第七页，共38页。
？（方法论）
1. 一定要玩机器，玩APP。包括iOS、Andorid、ipad、watch等等智能设备；
2. 熟悉各个平台的界面设计规范；
3. 学会欣赏几款不错的APP设计、最好是不同行业不同风格的，然后以自己的想法去“设计”；
4. 无论你设计多大尺寸的UI,一定要有一台测试机也就是说必须真机测试；
5. 浏览设计网站，多看看别人优秀的作品和对设计的想法；
6. 培养一个靠谱的程序员小伙伴。向一些有经验的客户端程序员学习和了解更深的设计规范。
( 一）对于刚开始做UI/想要转行做UI的
第八页，共38页。
1. 充分了解需求文档，分析目标用户，分析原型交互流程逻辑和页面布局；
2. 分析同行竞品：颜色、字体层级、图标、首页布局、列表样式、按钮、品牌基调等整体视觉
设计风格（头脑风暴）；
3. 设计初稿；
4. 页面评审，主要参与人员：设计师、产品、部门/项目负责人；
5. 对页面评审提出的问题进行修改、优化/细化得出最终稿；
6. 设计文档的输出：最终效果JPG、切图、标注；
( 二）准备着手去做项目
7. 跟进效果图的开发，体验测试知道上线。
第九页，共38页。
？
第十页，共38页。

第十一页，共38页。
2、图形设计能力
第十二页，共38页。
第十三页，共38页。
3、设计提案能力
一个合格的设计师，应该具有设计提案能力。通过图形+文字的形式告诉你的需求方，你的设计为什么这么设计，你考虑了什么。为什么使用这样的颜色。有理有据的设计说明，而不是一张零散的图片。
第十四页，共38页。
4、海报banner设计能力
第十五页，共38页。
5、界面设计能力
第十六页，共38页。
6、交互思维能力
UI设计师的界面还是要服务于产品设计，那么对于界面的设计不应只停留在美学的思考，还应该思考界面的逻辑，界面元素的摆放，通过深入了解产品的行为目的后，更好的用视觉手段表达产品意图，这就需要对设计师的逻辑思考能力，界面交互综合能力提出更高要求。
第十七页，共38页。
7、沟通理解能力
对这点也非常重要，大多数设计师不是单打独斗，而是和一个团队一起工作，你需要保持良好的沟通能力。比如经常改图的问题。不是别人说1你就做1,有可能你按照要求做了1，别人依然说你好。比如产品要你换样式，你要弄清楚原因，是不符合当前的风格，又或者产品想突出什么，弄清楚意图才去做设计，事半功倍。且给对方留下喜欢思考，乐于沟通的好印象，这样的员工到哪里都受欢迎。相反你默不作声，吭哧吭哧的不断改图，说不定别人想，这人能力真差，怎么说都改不到我想要的。
第十八页，共38页。

第十九页，共38页。

第二十页，共38页。
1. 统一的图标设计风格
第二十一页，共38页。
2. 图标大小的视觉平衡
同一个界面出现多个图标时，我们需要保持整体的视觉平衡。并非是所有图标都采用相同的尺寸就能达到平衡，由于图标的体量不同，相同尺寸下不同体量的图标视觉平衡也不相同，例如相同尺寸的正方形会比圆形显得大。因此，我们需要根据图标的体量对其大小做出相应的调整。
第二十二页，共38页。
3. 优化你的分割线
第二十三页，共38页。
4. 合理的运用投影的颜