如何用UI设计软件做app页面

第一点：了解你的目标客户群的心态

1、做微任务的目标客户群(如随时随地看看新闻，听听歌，看看电影，聊聊八卦之类)：

这类的解决方案是设计的app最好是小而准，不要大而全。越全的功能应用，只能代表着这个应用在各方面的都很平庸

2、喜欢当工具来使用的目标客户群：比如找地图，看天气，查数据等。

这类的解决方案是我们尽最大努力的去满足用户的情景需求。做到极致和简单。

3、无聊的客户群，用来打发消磨时间的：无需求，漫无目的的

这类的解决方案是尽可能展示用户感兴趣的东西，帮助客户来打发消磨时光。

第二点：APP原型图的制作和设计讨论

这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。

常用的APP原型图工具：移动APP原型设计神器POP、axure、Foreui等

第三点：APP视觉设计与设计要点

（1）大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等

一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方。但是在 *** 作上，大部分人都是单手拿手机，常用的 *** 作，要放在界面的下方。

另外还有一个原则，最小的触摸单位，一般是44个像素。如果再小，你的拇指难以触碰，或者容易引发误 *** 作。同时，也不要让界面太拥挤。

所以，设计师必须用减法设计，这个过程需要花时间思考、简化元素。

你必须记住：（1）隐藏设计或者减法设计（2）分区或分类（3）帮用户做决策（4）提高交互创新设计（5）让人有爽快感和新奇感（6）在设计中浸入情感，把握用户的心理。（谈谈如何进行产品设计以及产品情感化设计）

一位大师这样说过“真正的简约设计是：作品必须不断的被简化，一改再改，直到设计最终成形。”

2014年APP设计风格趋向扁平化和卡片化。卡片，扁平化都会是移动app设计的趋势！认为卡片设计确实同时兼具了“拟物”和“极简”2种优势！

第四点：APP界面设计流程

（1）.设计APP界面时，学会从优秀APP界面设计作品中寻求灵感，以前的艺术大师，用少量的资源做了大量的设计。

（2）.放下工作，休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作，带着全新的眼光工作，比长时间冥思苦想更有

（3）.并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存，对比两个版式就能很快分清孰好孰坏。

（4）.由于实物展示的相对比例至关重要，所以要及早在不同的目标设备上测试。

（5）.整个设计过程中不断问自己“真的需要吗？”。支撑项目时候，找一些讨巧的办法，例如，添加一些有趣的元素、样式会这样会很容易也会很吸引人，

但必须始终注意剔除不必要的元素，不断精简。甩掉你费尽心血的部分总是难以割舍，但修改过程必须挑剔。

第五点：APP界面设计测试与预览修正

设计完成之后，我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具：快速在移动终端上预览APP界面设计效果图的方法最后：好的APP界面设计作品必然是要经过不断升级、重复迭代的。一般用axure把appui/ue原型完成了，就交给设计和前端完成了高保真了，具体什么软件，着实不知道。

想要成为一个合格的APP开发UI设计师那就要跟紧移动时代的脚步，了解每一个UI设计师必须掌握的基本技巧才可以。

第一：要了解平台

正如同网页设计师需要了解HTML/CSS一样，作为移动端UI设计师的你应该了解移动端APP的架构。首先移动端设计的语言和网页设计的语言就不太一样，不同平台有着不同的编程语言和接口，移动端界面的构成也是无法使用CSS和标签来实现。

你需要深入阅读官方的开发文档，寻找更多有关APP的文档知识，明白APP的构成，编译方式，发布方式，了解设计的规则。这些东西不仅关系到你的应用开发好坏，还会影响系统的 稳定性，电池续航长短等多种因素。作为移动端UI设计师，你单了解简单的移动端设计是不够的。我们需要从长远的角度去思考问题。

第二：了解移动端的技术构成

对于一个UI设计师来说光了解平台的基本特征是不够的。接下来你需要了解它相关的技术构成：位置服务(wifi，GPS等)，蓝牙(低功耗蓝牙技术)，信号，前后摄像 头，麦克风，陀螺仪，位置传感器，加速度传感器，指纹扫描仪(iPhone 5s)，眼动追踪技术，语音识别，人脸识别，等等等等。每一个新技术的背后以为着应用程序更多的可能性，交互设计、使用体验，甚至商业模式。

　 第三：发掘本地UI组件的开发潜质

　每个移动 *** 作系统中中总有着大量的本地UI组件，他们有着极大的自由度，方便你进行定制。你需求确切地知道他们的特征(尺寸，大小，功用)，你可以为与你合作的开发者节省大量的工作时间。

　第四：了解移动端的工作流程

安装SDK并运行，了解移动开发框架，比如TubyMotion、Xamarin、Titanium。熟悉集成开发环境，因为这其中包含了移动开发所需的方方面面。

第五：了解移动端的界面模式

三大移动平台之间，有着相似之处，但是在深入探究他们的交互设计，会发现它们在理念上的巨大差异。作为一个设计师，你需要明白这些差异所在，以及它们是如何体现在实际案例中的。

不要只着眼于单一平台，三大平台都需要深入体验，每天至少都要把玩一下，并且最少要持续半年。在这个过程中，体会差异，并且将你觉得重要的、有代表性的、值得保存记录的界面截图留存。作为单一平台的狂热粉丝，你是做不好移动端UI设计师的。

第六：记录并解释你的UI设计

考虑到屏幕截图并不足以表现UI全部的特性，你需要学会记录界面不同的状态、转变过程、转场动画等信息，并且学会记录界面对于不同状况的反馈。

在设计阶段践行精益UX设计

一个现代的设计师应该是具备战略眼光的设计师。你的目标不能局限于闷头制作漂亮的界面，你应该让你的设计与团队合作结合到一起，切合项目需求。 洞悉用户深层次的需求，并且能快速地随之反馈到设计上。将设计作品保存下来并附上详细的说明，确保所有的设计都与核心理念保持一致，与用户需要保持一致。

第七：在开发阶段采用敏捷UX设计

你不能只将高保真的模型交给开发者就了事，因为在开发过程中会不断提出新的需求。总会有之前考虑不周全的情况，需要在开发阶段进行补充完善，设 计师需要随之进行快速响应。所以，在这个阶段，设计师真的需要坐在开发者旁边应付突发情况。确保APP开发者在碰到新的需求的时候，不用他们自己来补充UX的细节，或者再来找设计师。

UI设计的主要工作内容

UI设计的分类：

用户界面设计又分为三个职位，分别是用户体验设计师、交互设计师和界面设计师。我们常说的学UI设计或做UI设计，一般都指GUI界面设计师。GUI设计师的日常工作就是界面设计、图标设计、切图和标注。所用工具为PS、AI、AE、C4D（非必需）等，还有切图和标注的一些插件或软件。GUI设计师的就业方向分为主题UI设计师和APP UI设计师。

APP UI自然就是手机软件界面设计，我们平日所用的微信、QQ、淘宝、支付宝等这些全都属于APP，他们的界面自然也都是UI设计师所设计的。手机应用种类繁多，安卓和苹果商城几乎都有数十万甚至百万个，这自然就需要大量的UI设计师了。

ID（交互设计师）一般的工作是设计、绘制原型图，它对逻辑处理能力和页面布局能力要求较高，很多工业设计出身的人比较适合这个行业。

UE（用户体验设计师）这个职位一般只有中大型公司才有，顾名思义，它主要是研究用户体验的，用户的行为，情感，使用感受、使用过程等所有方面都需要进行研究，心理学专业出身的人可以考虑这个行业。

UI设计的工作内容：

具还包括：可用性分析、GUI（Graphic User Interface即图形用户界面设计、用户测试等。好的UI设计不只是让软件变得有个性有品味而已，更重要的是让软件的 *** 作变得舒适、简单、易用，并且充分体现软件的定位和特点。

UI设计师的工作流程：

1、在设计之前，首先需要产品经理确定好客户或者老板的需求。

2、确定需求之后，产品经理会做具体的说明，让交互、UI、开发、测试明确产品需求，明确项目的具体细节。

3、设计组内部会议、界面风格确定。这个时候需要确定一个设计负责人。设计负责人会给同事做具体的工作安排，线框图标、版式设计等都有具体的分配。

4、分工已经明确，进行具体设计工作。

5、标注图、效果图、切图。这个步骤，产品经理会进行把关。

6、开发完成，进行最后的测试。测试工程师会对开发出来的产品进行测试，看看有没有疏漏，有没有错误，当测试和调试完成，上线，就完成了整个开发的流程。

现在企业对于UI设计师的需求也越来越多，之前只会一个单一的移动端APP界面设计都能找到一份很不错的工作，但是现在企业需要变多所以我们需要学习的内容也增多了，之后就得学习运营设计，网页界面设计，交互动效设计，小程序设计，插画设计等等。

如果是现在只会一个移动端APP设计找工作就比较难的，所以我们就需要不断的学习，充实自己，提升自己的能力，不然很容易就被这个社会淘汰了。

那么我们接下来了解一下现在学习UI设计需要会哪些设计能力？

我们第一个要掌握的能力就是软件技法能力

我们在学习UI设计的过程当中，需要学习到很多知识，比如 PS，AI，AE，XD，ARP，C4D，蓝湖，默刀软件，这些都是一名UI设计必需要掌握好的软件。而学习到这些软件，可以通过视视频，书籍，网站等多种方法学习。

工欲善其事必先利其器，从这个阶段开始，觉得先学习软件工具了，一般UI设计要学习有以下8款软件（PS，AI，AE，XD，ARP，C4D，蓝湖，默刀软件）那么这几款软件在UI设计工作是负责什么的呢？

PS：PS软件在UI设计工作中主要来用做UI设计界面设计、图标设计、图片处理的

AI：AI软件在UI设计工作中主要用来做UI界面设计、图标设计、字体设计、插画设计的

AE：AE软件在UI设计工作中主要用来做动效设计的

XD：XD或者sketch软件，Sketch（只能在苹果电脑上安装）XD软件可以在双系统上安装

Sketch和XD这两款软件功能是差不多的，XD的话是一款非常适合做UI设计工作，XD做图会非常快，因为XD的工具特别少，里面的工具是专门为做UI设计工作开发的一款软件，而且XD软件特别小，不会卡。

ARP：ARP或者默刀软件，ARP和默刀软件功能差不多二选一学习就可以了，这两款软件都是做原型设计的

UI设计是由很多很多界面组成的，这些界面每一步之间去交接的这个界面，如果说我们只做一个界面，UI设计师是可以做出来的，但是要做几十个上面个界面，如果我们一个个做是肯定会出问题的，所以需要先制作原型，我们根据原型再制作界面，这就是我们的前后联系，原型是不用做这个颜色，图标，细节的，只需搭建一个基础的版式就行，这个就是我们用ARP或者默刀软件做的。

C4D：C4D软件在UI设计工作中主要用来做建模的

蓝湖：蓝湖软件在UI设计工作中主要用来做标注设计的

就是我们做好了页面，这个页面的高底，宽度，包括页面的色值我们都需要标注出来，为什么需要标注呢，因为我们做的图，做完之后他就是张图片，这个图片我们用手机是点不了的，我们手机APP上的那些图之所以能点，那是因为有程序猿做了一个二次开发，这个东西我们不用懂，但是我们要标注出来，标注出来让程序猿知道你的颜色，你的色值，你的尺寸到时是多少，他才能开发出来。

那么除了软件技法之外我们还需要会哪能力？

我们可以用软件做一些图，但是呢软件只是个工具，我们还需要会设计

设计包含了：图标设计，界面设计，动效设计，交互设计，运营设计，插画设计，平面设计，作品集设计，小程序设计

图标设计：手机及电脑上的界面里面的图标

界面设计：手机APP界面和电脑上的界面

动效设计：动效设计可能很多人没有留意过，但是动效设计是非常非常重要的，只要是页面切换效果都属于动效设计

交互设计：交互设计要做的就是原型图设计

UI设计师的职业发展：

设计学完后就业方向非常广，除了美工，可以做webUI设计师、移动端UI设计师、平面设计师、产品经理等很多方向。图形设计师，它不仅仅是单纯意义上的美术工人，而是了解软件产品、致力于提高软件用户体验的产品外形设计师，例如工业外形设计、装潢设计、信息多媒体设计等；交互设计师，设计软件的 *** 作流程、树状结构、软件的结构与 *** 作规范等；用户测试/研究工程师，主要测试交互设计的合理性以及图形设计的美观性，通常采用户外问卷的形式来衡量UI设计的合理性。所以，学习UI设计就业方向非常广，可以给子自己很多不同的工作选择。

总之，UI设计师的主要工作内容就是设计出能够满足用户需求的界面设计。这需要设计师既要有扎实的设计功底，又要懂得一些基础的软件开发知识，和前端知识等等。因此传统的设计师比较起来，UI设计师在当今社会需求量更大。

---