通常我们拿到的交互稿是一个简单的图形，产出的作品要达到客户的需求，这中间的坑和鸿沟就是我们自己想自己分析自己填满，在解决完上面的问题后，ui设计师要开始着手UI设计：

1从产品需求来确定用何主色调

比如同样是团购，糯米用的是桃红色，而美团是翠绿色那么我们在UI设计的时候首先就要考虑主色调的问题。

2配色和辅助色用什么颜色

在考虑到产品气质和品牌色的同事，我们经常要考虑配合衬托产品主色调的辅助色。在不同的产品中，辅助色运用的策略是不同的，比如我们经常说的：邻近色、对比色等。都是我们选择辅助色的方法。

3用什么风格来表达

同样的信息，在UI的表达上也有不同的表达方式。那么只能在具体你的UI设计中去考虑具体你需要用什么风格。这些都是UI的工作内容。现在来说，说到风格一句话，扁平风。但是在扁平中也有区别。比如下图，同样是扁平。但是左图微微带有一些光影，而右图是纯扁平。你能说哪个好或者不好吗？不能。

4布局

布局就像排版一样，每一块区域每一个控件的摆放规则：往一边靠还是居中，拉伸铺满，保持一定比例，还是固定大小。要把设计稿想像得能够随时变宽变窄变高变矮，当大小发生变化时，按照预定的布局规则设计稿会变得怎么样。布局没有捷径，就是多思考多练习。

5如何表达情感化设计

在一些细节页面我们常常要考虑情感化设计，以此来提升app的品质，降低用户在异常情况下的挫败感。同时好的设计师还会考虑到如何引导用户去解决，从而满足产品诉求。不同的产品在做情感化设计的时候方式方法不同，风格也不一样。这些也都是需要UI设计来处理的。

6适配、切图

我们知道的，在移动app开发设计中，需要解决多种设备尺寸适配问题，过去只属于Android阵营的头疼事儿，只是很多设计师选择性地忽视Android适配问题，只出一套iOS平台设计稿。

为什么不采用等比例缩放适配？说到底，更大的屏幕尺寸提供了更多内容展示的空间，等比例缩放没能把发挥出大屏的优势，同时也很难保证系统UI的一致性体验。自从iPhone 6/6+出现后，iOS版上的APP界面设计尺寸又发生了翻天覆地的变化。让iOS一下子跟Android看齐了。进入了移动“杂屏”时代。

UI设计师的工作，是要指出一个产品的好坏不仅是它看上去如何，还在于它是否易学可用？是否能让用户容易掌握它？以及是否能更好地支持用户完成任务？

估计还要不少人根本不懂不知道 UI设计是什么，以为画个手机图标就是做UI了，导致很多人都忙着画各种各样的图标。这样很容易让那些新人们走错路，图标只是UI的一部分，不要沉迷其中，要学的还有很多。

免责声明：文章内容来源于网络，如有侵权，请联系我们删除。