appui模板-如何用UI设计软件做app页面

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

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

如今,不少企业都想拥有属于自己企业或产品的

手机APP

,但其中最困扰企业主的问题就是:开发一款手机APP到底需要多少钱?

简单点来说,要视手机APP的需求及质量而言,价位一般在几千到十几万左右,更高端的价格更高。

今天,我们就来详细分析一下这个问题,请继续往下看吧。

一、APP开发款式分为固定款和定制款,两者的价格均不相同

固定款:是指直接套用已有的、现成的APP固定模板,报价是固定的,所需要的功能也是固定的,缺点就是客户拿不到

源代码

,也不能根据企业需求进行定制,由于源代码是封装的,如果企业以后想进行功能升级或系统维护的话,也不能够实现,只能重新开发一个新的软件。

固定款的APP开发时间短,约2~3日的时间即可完成,费用大约在几千到几万之间。

定制款:定制款是指APP的功能全部重新开发,过程比较繁琐,需要美工、策划、APP开发(前台/客户端/手机端)、后台

程序员

等工种协同完成,大型的、功能复杂的APP甚至需要数十人的团队。

由于APP的功能和设计都是定制的,因此价格会高些。定制款的开发时间与开发价格是成正比的,开发时间长,大约在两三个月甚至不定的周期里才能完成,而费用大概在几万甚至十几万左右。

因此,想要知道开发一款手机APP需要花费多少钱,企业主首先必须把APP的详细需求和功能告知APP开发公司,开发公司才能报出一个合理的价格。

二、手机APP平台不同,制作成本也不一样

现在市面上流行的手机APP制作平台主要有两种一般包括两种系统:

安卓系统

(Android)和苹果系统(IOS)。

一般来说,制作苹果系统的手机APP软件费用要比安卓平台的贵一些,因为

苹果公司

对苹果平台的封闭性和手机APP开发语言Objective-C的难度,都让APP开发者加大了苹果系统手机APP开发的难度。

三、APP制作成本包含参与人员的工资

通常情况下,开发一款APP需要

产品经理

、客户端工程师、

后端工程师

和UI设计师各一名,这已经是制作手机APP应用软件比较精简的配置了,所以这些参与人员的工资也是包含在APP制作成本当中的。这些工作人员的月薪加起来可能都会超过4、5万元。

四、APP开发公司的所在地

需要注意的是,同样实力的APP开发公司,在不同的城市也会导致APP的成本费用高一些

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

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

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

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

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

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

1.指导分工协作

2.避免重复工作

3.视觉统一,形象加分

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

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

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

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

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

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

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

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

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

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

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

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

第二步:

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

可参考_ndroid尺寸等规范参考

要注意的是:

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

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

第三步:

确认主题色与元素色

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

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

第四步:

文字

苹果常用字体点这里!

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

第五步:

图标

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

第六步:

按钮

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

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

第七步:

公***控件

比如对话框

第八步:

模块

确定某个模块的风格

第九步:

布局

确定大致布局风格

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

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

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原型完成了,就交给设计和前端完成了高保真了,具体什么软件,着实不知道。