家不也掌握了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,比如tetview的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框架在使用这些View的时候,UI的activity会与这些View有一个逻辑的整合。
以上就们为各位朋友们整理的内容,想必家看完之后,都非常熟悉整个UI设计思路了吧,希望可以很好的帮助家提升自己的技能。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。