一般设计一个app的ui需要多少钱

近期看到果丁零食的APP的重构设计，觉得界面设很不错。

果丁零食是一款为吃货提供消费决策及分享交流的零食导购平台。

设计师认为暖色系可以促进人的食欲。所以，很多美食app都会选择暖色系来作为手机APP的主色调。

到底是不是这样呢？ 不信就来看看这些UI设计精美的美食APP界面欣赏吧~

这些都是不错的美食APP界面设计作品，配色都是以暖色为主的。

1、ps，即Photoshop，是一款我们非常熟悉的软件，在各行各业它的身影无处不在，设计行业更是离不开它。ps是属于一款位图软件，在修图和绘画方面比较擅长，主要用于图片的修改、编辑，和素材的编辑制作。

2、ai，即Illustrator，是一款矢量图处理软件，在ui设计中非常适合用于处理一些及其复杂的图形路径，而且这款软件有一个非常大的特点就是可以和ps进行结合使用，具体就是设计师在制作图表的时候可以在ai完成，之后再链接嵌入到ps当中。

3、ae，即AfterEffects，是专门去制作这些ui小动效的软件，学会这款软件，在我们进阶ui设计师的过程中会有很大的优势。

4、axure，即AxureRP，在ui设计中充当的作用是制作交互原型图的，对于一些交互效果的体验非常的棒，在一些ui设计学习中，有的时候你会学到前端html+css相关的知识，这既是为了和前端对接合作，同时也有助于设计交互动作。

第一点：了解你的目标客户群的心态\x0d\x0a1、做微任务的目标客户群(如随时随地看看新闻，听听歌，看看电影，聊聊八卦之类)：\x0d\x0a这类的解决方案是设计的app最好是小而准，不要大而全。越全的功能应用，只能代表着这个应用在各方面的都很平庸\x0d\x0a2、喜欢当工具来使用的目标客户群：比如找地图，看天气，查数据等。\x0d\x0a这类的解决方案是我们尽最大努力的去满足用户的情景需求。做到极致和简单。\x0d\x0a3、无聊的客户群，用来打发消磨时间的：无需求，漫无目的的\x0d\x0a这类的解决方案是尽可能展示用户感兴趣的东西，帮助客户来打发消磨时光。\x0d\x0a\x0d\x0a第二点：APP原型图的制作和设计讨论\x0d\x0a这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。\x0d\x0a常用的APP原型图工具：移动APP原型设计神器POP、axure、Foreui等\x0d\x0a\x0d\x0a第三点：APP视觉设计与设计要点\x0d\x0a（1）大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等\x0d\x0a一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方。但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方。\x0d\x0a另外还有一个原则，最小的触摸单位，一般是44个像素。如果再小，你的拇指难以触碰，或者容易引发误操作。同时，也不要让界面太拥挤。\x0d\x0a所以，设计师必须用减法设计，这个过程需要花时间思考、简化元素。\x0d\x0a你必须记住：（1）隐藏设计或者减法设计（2）分区或分类（3）帮用户做决策（4）提高交互创新设计（5）让人有爽快感和新奇感（6）在设计中浸入情感，把握用户的心理。（谈谈如何进行产品设计以及产品情感化设计）\x0d\x0a一位大师这样说过“真正的简约设计是：作品必须不断的被简化，一改再改，直到设计最终成形。”\x0d\x0a2014年APP设计风格趋向扁平化和卡片化。卡片，扁平化都会是移动app设计的趋势！认为卡片设计确实同时兼具了“拟物”和“极简”2种优势！\x0d\x0a\x0d\x0a第四点：APP界面设计流程\x0d\x0a\x0d\x0a（1）.设计APP界面时，学会从优秀APP界面设计作品中寻求灵感，以前的艺术大师，用少量的资源做了大量的设计。\x0d\x0a（2）.放下工作，休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作，带着全新的眼光工作，比长时间冥思苦想更有\x0d\x0a效。\x0d\x0a（3）.并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存，对比两个版式就能很快分清孰好孰坏。\x0d\x0a（4）.由于实物展示的相对比例至关重要，所以要及早在不同的目标设备上测试。\x0d\x0a（5）.整个设计过程中不断问自己“真的需要吗？”。支撑项目时候，找一些讨巧的办法，例如，添加一些有趣的元素、样式会这样会很容易也会很吸引人，\x0d\x0a但必须始终注意剔除不必要的元素，不断精简。甩掉你费尽心血的部分总是难以割舍，但修改过程必须挑剔。\x0d\x0a\x0d\x0a第五点：APP界面设计测试与预览修正\x0d\x0a设计完成之后，我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具：快速在移动终端上预览APP界面设计效果图的方法最后：好的APP界面设计作品必然是要经过不断升级、重复迭代的。

APP UI设计师找工作还是没问题的，APP UI设计师就业方向大致分为四个方向：

一、复合型设计师：

在设计领域，复合型设计师越来越受到青睐。UI设计师最好是多面手，要懂交互、懂开发知识、懂人机工程学，还要掌握手绘，甚至是心理学。复合型设计师对精通程度有一定的要求，涉猎广但略懂皮毛的并不是复合型人才。复合型设计师的发展方向较广，转行的优势较大。

二、创业型设计师:

创业是很多设计师最终选择的道路。创业的道路艰辛而漫长，在具有定的项目经验、设计能力的基础上，设计师需要做好充分的心理准备和现实积累，才能走好自主创业之路。

三、全能型设计师:

全能型设计师类似于复合型设计师，但全能型设计师能更准确深入地掌握各个领域的专业知识。有些全能型设计师甚至可以独立制作并上线一款APP应用。全能型设计师是每个设计公司都求之不得的人オ。

四、管理型设计师:

管理型设计师是很多设计师的职业目标。这类设计师积累了相当多的项目经验，对行业需求有深入的分析了解，有较强的领导和组织能力，具有长远的眼光和良好的沟通表达能力，面对责任和风险不退缩。这类集设计能力与管理能力于身的人才极度缺乏。目前很多公司，尤其是大中型设计公司多采取内部培养方式。

五、垂直型设计师:

垂直型设计师在自己的专业领域内掘地三尺，乐于钻研深层的知识，能在某一领域达到精通的水平。这类设计师在设计行业的发展前景十分可观,可达到资深设计师、设计管理人员等层级。

在创业公司工作的这几年中，很多工作都要涉及到视觉设计，但一般公司不会那么细，在我脑海中分为三种：

1.平面设计师： 限于2d广告设计，比如名片、海报、宣传画册、单页等等，做出来的UI可执行性很低，很多和原生系统相斥，工程师会很头疼。无规范可言。

2.UI设计师：限于软件UI的设计，一般的工程师拿到设计文件执行起来没有很大难度，但是做出来的平面没有创意，从技术上来看一般，想要让人眼前一亮或是加上营销的想法很难。无规范可言。

3.视觉设计师：有很好的审美观念，有平面设计大作，针对不同场所，不同功能的设计有自己独特的见解与经验；有3D设计经验，一般都有家居、建筑设计经验；对于不同系统的软件UI与UE都有研究，并针对不同功能的应用规划其功能流程让UI的不仅美观并且易于上手。 对于每一个公司或项目群都有其规范文档。

然而我就遇到过第一种，请不起第二种和第三种，平面压力很大导致辞职的较多，交接工作时我是来一个又要和他重新说一遍，一直觉得应该出个文档，看完之后能够马上上手的那种，现在才知道原来是叫做视觉设计规范文档

注明使用版本、设计操作系统、与开发时要说明的

1.指导分工协作

2.避免重复工作

3.视觉统一 ，形象加分

4.让思路更加清晰，工作更加高效

视觉设计师、平面设计师、交互设计师、产品经理、程序员、市场运营人员、前端开发、软件测试

色调：确认主题色、组件色

字号：根据实际用途与场景适配，以实际效果良好为准，确定一个适合值即可。

通用组件样式：将整个UI设计中能够通用的组件统一风格，比如：对话框，提示框，确认信息框等

不同状态下组件样式：不同状态下的组件样式一般为相同的，针对使用场景以实际效果为准

间距：框架中的间距、元素与元素之间的间距

图片规范：不同页面、位置、图片的尺寸、颜色等等参数要求

不同适用版本：平板、手机、电脑等不同版本

整体框架修饰：将整体框架固定，作为模板往里填，有利于掌控整体风格

不同级别子页面风格：不同子界面的设计可以完全放给下个设计师，有需要也可以进行限制

第一步确定清晰的流程与思路

第二步：

适配尺寸 ：android、ios不同系统、不同设备    表格或结构图表现

可参考  android尺寸等规范参考

要注意的是：

    anrdoid 要切图，将图标和图片元素切为hdpi、xhdpi、xxhdpi三套，放入三个文件夹中打包

    ios要切图，将图标和图片元素切为@2x,@3x两套，放入两个文件夹中打包

第三步：

  确认主题色与元素色

在appstyle系统统一默认配色中设置为主题色

在其他元素比如：分割线颜色、卡片阴影颜色深度、重要颜色文字深度等等

第四步：

文字

苹果常用字体 点这里！

不同地方、用途中文字的字体、字号

第五步：

图标

统一的尺寸，特殊用途的注明、不同状态的请附加

第六步：

按钮

按钮的样式与不同状态的样式、尺寸

悬浮按钮56dp，普通按钮48dp

第七步：

公共控件

比如对话框

第八步：

模块

确定某个模块的风格

第九步：

布局

确定大致布局风格

一次性不能将规范全都覆盖到位，可以不断的添加并注明添加人和时间，经过设计部审核才能生效发布。

现在做设计，如果说你是平面设计师，不足为奇，如果说你是网页设计师，哎哟，不错哦，如果是你是设计APP界面设计师的，那也许听着就有点不让人明白了，后来看看他们手机上安装的各种应用，才明白，移动APP界面设计师是做什么的。

本文不讲述移动界面设计师的介绍，总体来说是针对移动端APP应用做的界面设计，但是很多人不清楚移动APP界面设计师的工作流程是怎样的，在此，北大青鸟ui培训老师带你一步一步了解。

第一步：交互流程设计

APP的交互流程设计，简单来说就是构造框架，像造房子一样，有了清楚的平面图纸才可以增砖添瓦，设计交互流程时应该对应用的功能需求有清晰的把握。

第二步：风格定位

比如说图片分享类应用图片是最重要的视觉元素，应用的设计风格应当符合视觉流程，table需要引导用户操作。

第三步：功能icon设计

功能图标即在你的应用中，充当表达某一操作或功能示意的图形，功能图标设计应极可能形象，简洁，以准确表达其代表的功能。

第四步：界面视觉效果整体优化

选用图片的时候，应该尽量按照应用的风格选取，比如这APP主打是图片分享，那么可以选取视觉靓丽，有冲击力的图片添加分享。

第五步：应用icon设计

对这款APP进行最终的icon设计，能够最优化的，最靓丽的代表这款APP的特色，品牌等形象。

第六步：完稿交接软件工程师

我们做移动界面设计，做的是各个页面的形象，具体功能实现是需要与软件工程师沟通的，在能够完成软件开发的情况下，进行一步步的界面设计，最大化增加用户体验，吸引用户，最终完美的完成这份设计。

以上内容是作者对我们学习UID培训课程的同学在以后的移动界面工作当中的一个工作流程的简单介绍，以后学员如果在UID培训课程当中学习到第三阶段的界面设计课程的话，一定要好好研究，老师对于界面设计的操作流程一定会更加的细致讲解。