返回
教育头条
八个维度做好UI设计稿
设计师们在做UI设计之前，一般都会拿到产品的交互稿，在此基础之上，发挥自己的聪明才智，将单调的交互稿加工成UI设计稿。下面，小编为大家介绍经验分享：八个维度做好UI设计稿。
1、从产品需求入手
比如同样是团购，糯米用的是桃红色，而美团是翠绿色。那么我们在UI设计的时候首先就要考虑主色调的问题。
2、配色和辅助色用什么颜色
在考虑到产品气质和品牌色的同事，我们经常要考虑配合衬托产品主色调的辅助色。在不同的产品中，辅助色运用的策略是不同的，比如我们经常说的：邻近色、对比色等。都是我们选择辅助色的方法。
3、用什么风格来表达
现在说到风格一句话，扁平风。但是在扁平中也有区别。同样的信息，在UI的表达上也有不同的表达方式。那么只能在具体你的UI设计中去考虑具体你需要用什么风格。这些都是UI的工作内容。
4、图标画成什么风格
同样是设置、发现、首页，不同的app在基本结构一致的情况下也有很多细微的差别。倒是要用圆角的icon、还是直角，是用面还是线形，这背后的设计语言逻辑是什么，设计目的是什么。都是需要UI设计来考虑。
5、如何表达情感化设计
在一些细节页面我们常常要考虑情感化设计，以此来提升app的品质，降低用户在异常情况下的挫败感。同时好的设计师还会考虑到如何引导用户去解决，从而满足产品诉求。不同的产品在做情感化设计的时候方式方法不同，风格也不一样。这些也都是需要UI设计来处理的。
6、动效如何做
因为手机交互是动态的。所以我们如果可以用在一些跳转页面引用动效设计，无意是对整个app加分的好方法。
7、万年的大头疼图标icon
一万个人有一万个答案，那么具体怎么做，还是要考虑用户、场景、需求等细节。产品可以提供方向，但是具体的落地还是需要UI设计师来完成。
8、适配、切图
也算是万年话题了。你不是做个好看的东西，要能用，开发要能开发。你要考虑iphone4、5、6，还要考虑不同的安卓720/1280/1920，甚至有些公司要特殊考虑某些屏幕。
1、从产品需求入手
比如同样是团购，糯米用的是桃红色，而美团是翠绿色。那么我们在UI设计的时候首先就要考虑主色调的问题。
2、配色和辅助色用什么颜色
在考虑到产品气质和品牌色的同事，我们经常要考虑配合衬托产品主色调的辅助色。在不同的产品中，辅助色运用的策略是不同的，比如我们经常说的：邻近色、对比色等。都是我们选择辅助色的方法。
3、用什么风格来表达
现在说到风格一句话，扁平风。但是在扁平中也有区别。同样的信息，在UI的表达上也有不同的表达方式。那么只能在具体你的UI设计中去考虑具体你需要用什么风格。这些都是UI的工作内容。
4、图标画成什么风格
同样是设置、发现、首页，不同的app在基本结构一致的情况下也有很多细微的差别。倒是要用圆角的icon、还是直角，是用面还是线形，这背后的设计语言逻辑是什么，设计目的是什么。都是需要UI设计来考虑。
5、如何表达情感化设计
在一些细节页面我们常常要考虑情感化设计，以此来提升app的品质，降低用户在异常情况下的挫败感。同时好的设计师还会考虑到如何引导用户去解决，从而满足产品诉求。不同的产品在做情感化设计的时候方式方法不同，风格也不一样。这些也都是需要UI设计来处理的。
6、动效如何做
因为手机交互是动态的。所以我们如果可以用在一些跳转页面引用动效设计，无意是对整个app加分的好方法。
7、万年的大头疼图标icon
一万个人有一万个答案，那么具体怎么做，还是要考虑用户、场景、需求等细节。产品可以提供方向，但是具体的落地还是需要UI设计师来完成。
8、适配、切图
也算是万年话题了。你不是做个好看的东西，要能用，开发要能开发。你要考虑iphone4、5、6，还要考虑不同的安卓720/1280/1920，甚至有些公司要特殊考虑某些屏幕。
以上内容为教育宝【王敏】编辑整理的内容，我已开通官方个人微信号（18560125702）。选UI设计课程，不焦虑！就让我来帮助你，就像帮助我自己，如果需要获得帮助，建议您加加我微信，可以十分便捷的和我充分互动交流，我会为您提供答疑指导等一条龙学习服务！返回教育宝头条
【免责声明】本文仅代表作者本人观点，与教育宝无关。教育宝对文中陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完整性提供任何保证。请读者仅作参考，特此声明！
