UI设计的一些感悟

纵观现在设计风格，已经从以往的注重三维效果的绚丽多彩转变为扁平化的设计，三维效果，绚丽多彩，等过去的代名词，曾经引发人们多少关于设计的想象。在初印象中，它确实能让人耳目一新，给人一种视觉上的享受。然而，随着社会的快速发展，各种各样绚丽的东西充斥着人们的生活，所以，人们又尝试着在绚丽中寻找简洁。现在这个扁平化设计简单而不简洁。尽管它不再像以前那么绚丽，但不得不承认，在可视度上它的效果更可靠和持久了。从现在的软件升级，各种著名网站的界面，我们都能看到设计的每一点改变。扁平化设计更注重于用户体验，强调颜色的搭配，字体及文字大小的搭配，形状的搭配。其目的在于让用户能很直观得知道自己该干什么。

结构

1.按照功能划分区域

2.设计出合适的框架

功能：有哪些功能，分布在哪些页面

布局：界面多大，功能如何划分，如何看起来一目了然，更有层次

颜色：根据环境和使用者选择一个合适的主色调（科技：蓝色）

配色：和主色调搭配，使界面更加美观

细节完善

感悟

界面大小决定布局方式

布局分配决定操作难易

颜色搭配决定好看程度

细节处理决定总体水平

所以，没设计完一个步骤就要和他人讨论，避免一切从头开始浪费时间

准则

1.格式化内容

创建屏幕布局的时候，应该适适配设备屏幕。用户应该一次看清主要内容，而无需缩放或水平滚动。

2.触摸控制

尽量采用专门为触摸和手势设计的界面元素，这样可以使应用程序的交互更加轻松自然。

3.命中目标

设计可触控的控件的时候，尺寸不得小于44x44px，只有这样才能确保触摸的精度和命中率。

4.字体尺寸

文本中的文字尺寸不得小于11点，这样才能确保在常规距离下，无需缩放就可以清晰地阅读。

5.对比度控制

尽量确保文字色彩对比更明显，并且调整文字与背景的对比提高可读性。

6.间距调整

不要让文字出现重叠的状况。适当地增加行高和行间距，提高文字的易读性。

7.高分辨率

为所有图片资源提供高分辨率的版本(@2x)。那些未曾@2x的图像在Retina屏幕上会出现模糊的状况。

8.防止拉伸

始终控制好图片的高宽比，可以缩放，但是一定要避免拉伸，这样可以避免失真。

9.信息架构

创建易于阅读易于调整的布局，确保界面内容的可调整性。

10.保存对齐

让文本、图片、按钮在界面上保持对齐，相似相关内容合理靠近，让用户更容易理解界面信息。

产品经理原型图

1 白色的主体。

交互设计师输出的是流程图，给开发以及产品经理沟通之用

2 性感的线条。

在设计图中有很多线条，线条的粗细、虚实程度以及构成都有不同的意义，灵活的运用这些线条可以帮助自己的文档提高一个档次

3 敏感的颜色。

适当的颜色可以更好的达到黑白灰无法达到的效果，但是这个颜色不要太艳，所以再使用颜色时应该尽量使用纯度不高的颜色，可以适当调节一下透明度，目的就是不抢视觉，同时还能表达清楚我们的意思。

如果你连逻辑都没想好就来想如何把交互图画的牛逼，那你就错了

产品经理的真实状态

1、写文档。大部分的时间，PM在跟文档打交道，增、删、改、查各种文档。最后还会遭到研发同学的吐槽，这真是情何以堪啊。

2、画原型。这是展示你对用户体验，交互设计的理解最好的方式之一，说白了就是展示你的软才华。

3、产品规划。每天你最少要有10%-20%的时间需要思考你的产品的未来。

4、跟进需求。为研发人员、UI设计师讲解需求，等等。、

5、沟通。这是最基本的一项工作之一，也是产品经理的两条腿之一。