1、UI到底做什么，要从UI接到的工作流程来说——产品/交互/设计。

2、也就是说一般我们接到的是交互稿。

(资料图)

3、 　　这时候UI看到一个交互设计，需要考虑的是： 　　这样的排布是否合理(比如960的屏和1136的屏幕是否都可以容下足够的设计关键信息) 　　2、信息重点在哪里? 　　3、用户人群是哪一类? 　　等等分析都是自己的事。

4、另外， 　　通常我们拿到的交互稿是这样子的： 　　产出却要求是这样子的： 　　那么这中间的坑和鸿沟就是我们自己填。

5、 　　在解决完上面的问题后，我们开始着手UI设计： 　　从产品需求入手，考虑我们到底要用什么主色调。

6、 　　比如同样是团购，糯米用的是桃红色，而美团是翠绿色。

7、那么我们在UI设计的时候首先就要考虑主色调的问题。

8、 　　2、配色和辅助色用什么颜色。

9、 　　在考虑到产品气质和品牌色的同事，我们经常要考虑配合衬托产品主色调的辅助色。

10、在不同的产品中，辅助色运用的策略是不同的，比如我们经常说的：邻近色、对比色等。

11、都是我们选择辅助色的方法。

12、 　　3、用什么风格来表达。

13、 　　现在来说，说到风格一句话，扁平风。

14、但是在扁平中也有区别。

15、比如下图，同样是扁平。

16、但是左图微微带有一些光影，而右图是纯扁平。

17、你能说哪个好或者不好吗?不能。

18、 　　同样的信息，在UI的表达上也有不同的表达方式。

19、那么只能在具体你的UI设计中去考虑具体你需要用什么风格。

20、这些都是UI的工作内容。

21、 　　4、图标化成什么风格。

22、 　　同样是设置、发现、首页，不同的app在基本结构一致的情况下也有很多细微的差别。

23、倒是是要用圆角的icon、还是直角，是用面还是线形，这背后的设计语言逻辑是什么，设计目的是什么。

24、都是需要UI设计来考虑。

25、 　　比如：同样是腾讯的产品，手Q和微信的icon就完全不一样。

26、其原因是由于产品面面对的人群不同，手Q更偏年轻化。

27、同样，你去看陌陌、来往、易信的聊天icon也是不一样的。

28、这都是需要UI设计师一点点抠细节的去画出来的。

29、 　　5、如何表达情感化设计。

30、 　　在一些细节页面我们常常要考虑情感化设计，以此来提升app的品质，降低用户在异常情况下 的挫败感。

31、同时好的设计师还会考虑到如何引导用户去解决，从而满足产品诉求。

32、不同的产品在做情感化设计的时候方式方法不同，风格也不一样。

33、这些也都是需要UI设计来处理的。

34、 　　6、动效如何做。

35、 　　因为手机交互是动态的。

36、所以我们如果可以用在一些跳转页面引用动效设计，无意是对整个app加分的好方法。

37、 　　7、万年的大头疼图标icon。

38、 　　一万个人有一万个答案，那么具体怎么做，还是要考虑用户、场景、需求等细节。

39、产品可以提供方向，但是具体的落地还是需要UI设计师来完成。

40、 　　8、适配、切图。

41、 　　也算是万年话题了。

42、你不是做个好看的东西，要能用，开发要能开发。

43、你要考虑iphone456，还要考虑不同的安卓720/1280/1920，甚至有些公司要特殊考虑某些屏幕。

44、 　　在某些小公司，UI要肩负和产品一起考虑交互的问题。

45、这时候经常需要UI在自己储备足够的视觉设计能力的同时有良好的交互设计能力。

本文就为大家分享到这里，希望小伙伴们会喜欢。