UI设计思路是什么？ 共同来研究

       大家是不是也掌握了UI设计的技能了呢？当然，为了帮助各位朋友们顺利的完成整个设计，我们需要一起来研究下UI设计思路，相信大家搞清楚这个问题之后，将会获得更大的成功，还等什么呢？一起来看看吧。

　　一、UI设计师是做什么的？

　“UI”的本义是用户界面，是英文User和 interface的缩写。从字面上看是用户与界面两个组成部分，但实际上还包括用户与界面之间的交互关系。具体还包括：可用性分析、GUI（Graphic User Interface即图形用户界面设计）、用户测试等。好的UI设计需要让软件变得有个性有品味，让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。 因此，UI设计师不单纯从事美术绘画，而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务，他们进行的是集科学性与艺术性于一身的设计，他们需要完成的，简单说来，正是一个不断为用户设计视觉效果使之满意的过程。 UI设计从工作内容上来说分为3大类别，即研究工具，研究人与界面的关系，研究人。 与之相应， UI设计师的职能大体包括三方面：一是图形设计，即传统意义上的“美工”。当然，实际上他们承担得不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。

　　（图片来自网络）

　　二、UI设计思路

　　1，明确划分与UI相关和与UI无关的部分

　　根据UI的设计图，我们首先要把界面展现的数据先抽出去，只看UI的表现。也就是说，把UI相关的部分抽出来。比如一个界面可能需要分几部分组成，每一部分大概怎么设计等。

　　2，划分屏幕大小，明确出跳转关系

　　要考虑到你的APP所对应的屏幕大小及DPI，不同的屏幕与DPI，你有可能会存在不同的UI布局，最典型的是在3.0以上的SDK版本，可能引入了Fragement元素，手机屏幕与平板的屏幕的UI设计，完全是两种不同的风格。

　　还有，尽可能地明确出跳转关系，这可以用一些小卡片的形式来标记，一个卡版表示一个画面，把不同画面之间的迁移关系明确出来。

　　同时，还要把这些画面之前的相同点与不同点找出来，因为这会影响到是否决定提取共通画面。

　　3，列出需要用到的UI元素(Widget)

　　把界面上展现的UI元素列出来，像常用的button, imagebutton这些很简单，一看就知道，关键是有些UI，可能会涉及到一些自定义的View，这里一定要多考虑。

　　另外，有可能为了统一控制，比如也有可能扩展一个Button，派生类里面可能只是改变一个字体大小等，这种做法通常是用于多数UI的字体大小相同，可以抽象出来个共通的Button，这样在各个UI里面，就可以不用都来设置这个字体大小。

　　还有，也可以抽出共通的style，比如textview的style，文本颜色，字体大小，是否加粗等。

　　4，列出哪些UI元素可以用SDK的，哪些则是需要自定义

　　据我的经验，通常一个项目里面都会有自定义的组件(View)，多数是组合控件——把不同的Widget组合成一个Layout。这还要需要根据项目自身的需求来定。

　　注意：这里一定要有一个良好的设计，以应地需求变更。比如第一版需求，可能不需要一些组合View，直接使用SDK自身的Widget就能完成，但经过一些变动之后，发展之前的UI设计不合时宜，可能需要提供自定义的View，那么原来用到SDK自身的Widget的地方可能需要改动。这种改动说大也大，说小也小，在设计的时候，要多考虑一下这种需求变更。

　　5，完成UI界面的绘制

　　这一步，其实不一定会用到，通常情况下，不会涉及到自绘制，因为自绘制比较麻烦，而且费时间，但是在特殊情况下，自绘制能提高效率，因为你用View布局，会涉及到layout, measure, touch event, dispatch draw等方面，这些会影响性能。

　　6，进行内部逻辑和UI界面的整合

　　通常一个View里面，都会有一些逻辑，特别是自定义的View，可能会封装一些特定的属性。

　　在使用这些View的时候，UI的activity会与这些View有一个逻辑的整合。

　　（图片来自网络）

　　以上就是我们为各位朋友们整理的内容，想必大家看完之后，都非常熟悉整个UI设计思路了吧，希望可以很好的帮助大家提升自己的技能。