IOS界面设计尺寸标准规范

系统架构师是一个既需要掌控整体又需要洞悉局部瓶颈并依据具体的业务场景给出解决方案的人。确认和评估系统需求，给出开发规范，搭建系统实现的核心构架，并澄清技术细节、扫清主要难点的技术人员。主要着眼于系统的“技术实现”。因此他/她应该是特定的开发平台、语言、工具的，对常见应用场景能马上给出恰当的解决方案，同时要对所属的开发团队有足够的了解，能够评估自己的团队实现特定的功能需求需要的代价。系统架构师负责设计系统整体架构，从需求到设计的每个细节都要考虑到，把握整个项目，使设计的项目尽量效率高，开发容易，维护方便，升级简单等。架构师的主要任务不是从事具体的软件程序的编写，而是从事更高层次的开发构架工作。他必须对开发技术非常了解，并且需要有良好的组织管理能力。可以这样说，一个架构师工作的好坏决定了整个软件开发项目的成败。

很多IOS APP UI设计稿都是以iphone6为基准的，方便向上适配iphone7的尺寸，也方便向下适配iphone5的尺寸。所以我给大家分享iPhone6的界面设计尺寸有哪些规范。

ios界面设计草图app app设计草图怎么画

ios界面设计草图app app设计草图怎么画

IOS界面设计尺寸规范（以iPhone6为例）

一、界面尺寸规范

1、界面尺寸大小是：750x1334px。

2、状态栏(status bar)：就是电量条，其高度为：40px;

3、导航栏(nigation)：就是顶部条，其高度为：88px;

4、主菜单栏(submenu，tab)：就是标签栏，底部条，其高度为：98px;

5、内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1108px

二、图标尺寸规范

1、导航栏和工具栏尺寸大小44x44px；

2、标签栏尺寸大小75x75px

3、导航栏的文字大小值是34-36px，标签栏的图标下方的文字大小为20px。

4、内容区域的文字大小是：20px 24px，26px，28px，30px，32px，34px。

三、设置界面的图标高度和开关滑动按钮的高度：58px

四、可点击高度规范

在iPhone6的原型图上，统一成88px。在iPhone6设计稿中，88px是一个常用的设计尺寸。

五、搜索栏高度规范

六、界面元素之间的距离规范

在iPhone6设计稿中，界面元素之间的常用距离，亲密距离：20px；疏远距离：30p x。

A、疏远距离：比如，所有元素距离手机屏幕左边的距离。

B、亲密距离：比如，左边图标与右边文字之间的距离。

七、原型设计中，需要考虑不同屏幕尺寸的苹果手机，在@1x的情况下的适配情况。

1、iPhone5在@2x屏幕尺寸是，640x1136px;对应的@1x，屏幕尺寸就是320x568px;

2、iPhone6在@2x屏幕尺寸是：750x1334px;对应的@1x，屏幕尺寸就是375x667px;

3、iPhone6Plus在@3x屏幕尺寸是：750x1334px;对应的@1x，屏幕尺寸就414x736px;

八、iPhone6Plus的@3x，iPhone6的@2x, iPhone5的@2x的介绍

1、iPhone6Plus是5.5英寸屏幕，1242x2208px-@3x的像素分辨率，逻辑分辨率是414x981px-@1x。物理尺寸是1080x1920px。这个物理尺寸，也是安卓机目前的大屏设计稿尺寸。

2、iPhone6是4.7英寸屏幕，750x1334px-@2x的像素分辨率，逻辑分辨AndroidPatterns率是375x889px-@1x。

3、iPhone5是4英寸屏幕，640x1135px-@2x的像素分辨率，逻辑分辨率是320x757px-@1x。

总结：iPhone6的原型规范如下：

1、界面尺寸布局：满屏尺寸750x1334px；

2、高度电量条高度40px，导航栏高度88px，标签栏高度98px；

3、各区域图标大小导航栏图标44px，标签栏图标50px；

4、各区域文字大小电量条文字22px，导航栏-文字32px，标签栏字20px；

5、常用的文字大小：32px，30px，28px，26px，24px，22px，20px；

6、常用的颜色：背景浅灰色#f2f2f2,文字深黑色#323232，边框色深灰#CCCCCC；

7、常用可点击区域的高度：88px；

9、常用间距：亲密距离：20px;疏远距离：30px，其它距离：10px，44px等；

10、按钮和文本框，原型图做成直角的，圆角半径是多少，由Ui来设计；

11、这种情况，需要修改原型。单个页面的逻辑流程图或用户学习使用时间，超过其它页面平均数的3倍以上

app启动图标设计规范-技术干货：ApplewatchAPP设计规范

7、APP程序测试

androidapp界面设计规范(dpi,dp,px等)

PPI(Pixelsperinch):每英寸所拥有的像素数,即像素密度。

DPI(dotsperinch):即每英寸上,所能印刷的网点数,一般称为像素密度。ppi计算公式:ppi=屏幕对角线像素数/屏幕对角线英寸数,通过勾股定理计算屏幕对角线像素数。

ScreenSize(屏幕尺寸):手机屏幕尺寸大小,如3英寸、4英寸、4.3英寸、5.7英寸,指的是对角线的长度。

DIP(devindependentpixel):即dip/dp,设备像素。1px=1dp

density(由dpi决定)

800,指该设备垂直方向有800个像素点,水平方向有480个像素点。

px(Pixel像素):相同像素的ui,在不同分辨率的设备上效果不同。在小分辨率设备上会放大导致失真,大分辨率上被缩小。

AndroidDesign里把主流设备的dpi归成了四个档次:

120dpi、160dpi、240dpi、320dpi

,具体见如下表格。

实际开发当中,我们经常需要对这几个尺寸进行相互转换(比如先在某个分辨率下完成设计,然后缩放到其他尺寸微调后输出),一般按照dpi之间的比例即2:1.5:1:0.75来给界面中的元素来进行尺寸定义。

也就是说如果以160dpi作为基准的话,只要尺寸的DP是4的公倍数,XHDPI下乘以2,HDPI下乘以1.5,LDPI下乘以0.75即可满足所有尺寸下都是整数pixel。但设以240dpi作为标准,那需要DP是3的公倍数,XHDPI下乘以1.333,MDPI下乘以0.666,LDPI下除以2。而以LDPI和XHDPI为基准就更复杂了。同时款Android设备(HTC的T-MobileG1)是属于160dpi的。鉴于以上各种原因,

标准dpi=160

谷歌对dp的解释如下:

AvirtualpixelunitthatyoushouldusewhendefiningUIlayout,toexpresslayoutdimensionsoritioninadensity-independentway.

Thedensity-independentpixelisequivalenttoonephysicalpixelona160dpiscreen,whichisthebaselinedensityassumedbythefora"medium"densityscreen.Atruntime,thetransparentlyhandlesanyscalingofthedpunits,asnecessary,basedontheactualdensityofthescreeninuse.Theconversionofdpunitstoscreenpixelsis:

px=dp(dpi/160).

Forexample,ona240dpiscreen,1dpequals1.5physicalpixels.Youshouldalwaysusedpunitswhendefiningyourapplication'sUI,toensureproperdisplayofyourUIonscreenswithdifferentdensities.

简单来说,以160dpi的设备为准,该设备上1dp=1px;如果屏幕密度大,1dip代表的px就多,比如在320dpi的屏幕上,1dip=2px(即1dp代表2个像素)。在app开发时,用dp来做界面的布局,以保证适配不同屏幕密度的手机。

dp和px的换算公式:

我的理解,该公式表示px的数值等于dp的数值(设备dpi/160)

注意,px、dp是单位,但density没单位。

applyDimension的源码如下,可参考:

android的尺寸众多,建议使用分辨率为

720x1280

的尺寸设计。这个尺寸720x1280中显示完美,在1080x1920中看起来也比较清晰;切图后的文件大小也适中,应用的内存消耗也不会过高。

app启动图标为4848dp,对应各dpi设备,图像资源像素如下:

|---:|---:|---:|---:|---:|

|48

48px|72

72px|94

96px|144px

144px|

作栏图标为3232dp,对应各dpi设备,图像资源像素如下:其中图形区域尺寸是2424dp,可参考平时ui切图会有部分留白。

|---:|---:|---:|---:|---:|

|32

32px|48

48px|64

64px|96px

96px|

通知栏图标为2424dp,对应各dpi设备,图标像素如下:

|---:|---:|---:|---:|---:|

|24

24px|36

36px|48

48px|72px

72px|

|---:|---:|---:|---:|---:|

|16

16px|24

24px|32

32px|48px

48px|

APP界面标注及切图注意事项

一、App屏幕适配通用知识

1.标注时注意事项

一般情况要定位一个Icon只需给出上/下边距,左/右边距

标注图标距离只需标到可点击范围外

通用型颜色、字体单独标明一份

通用型模块只需单独标明一份,如导航栏

手机可视区域一般为宽度固定,长度超出边界可滑动,所以,标注物体宽度时可按比例说明

如果要标注内容上下居中,左右居中,或等比可不标注

当绘制的是一个列表时且每一条内容一样时,只需标注一条,如果每条内容有少许不同时,只需标明异____糠

当交付的是一张完整时,不需做机型适配,只需给高清图(19201080)即可,注意进行压缩

当背景是纯色时只需给出色值(iOS使用RGB色值,Android使用16进制色值)

图标应给出可点击区域

若图标在不同页面重复出现,且尺寸相不大,直接给出一份切图,并在圆形图标明尺寸,程序会根据需求缩放

可点击按钮通常要给出两种状态:普通/点击(选中)

按钮如果只是矩形、圆角矩形、圆形、椭圆形,给出尺寸和色值,可程序设置

渐变效果可通过程序实现,只需给出起始和结束色值跟范围

2.切图命名规范

背景:bg_

按钮:btn_xxx_

:img_

标签:tab_

图标:icon_

照片:pht_

导航:n_

菜单:menu_

侧栏:sidebar_

二、iOS应用屏幕适配

1.iOS究竟要是适配多少种机型,以哪款机型分辨率作为设计尺寸

2016-3

iOS只需兼容iPhone4,完美兼容iphone5以上机型

如果按矢量图制作设计图按1X尺寸作图,后期放大成2X、3X;如果按传统的px作图应用尺寸(3X)作为画布。

以3X作为画布(12422208)难记且不能整除,我们可直接以1280(6402)作为宽度,完美缩放为1X、2X;

2X->3X以1.5来算尺寸和字号可得到较好效果

2.界面尺寸

设备分辨率状态栏高度导航栏高度标签栏高度

iPhone67501334px40px88px98px

iPhone5/5s/5c6401136px40px88px98px

iPhone4/4s640960px40px88px98px

iPad1/21024768px20px44px49px

iPadmini1024768px20px44px49px

导航栏背景图中,如果考虑状态栏背景,则背景图尺寸为导航栏px+状态栏px,如果只改变导航栏颜色则只需要导航栏px

3.图标尺寸

设备AppStore程序应用主屏幕spotlight搜索标签栏工具栏和导航栏

iPhone6plus10241024px180180px144144px8787px7575px6666px

iPhone610241024px120120px144144px5858px7575px4444px

iPhone5/5s/5c10241024px120120px144144px5858px7575px4444px

iPhone4/4s10241024px120120px144144px5858px7575px4444px

iPad3/4/Air/Air2/mini210241024px180180px144144px100100px5050px4444px

iPad1/210241024px9090px7272px5050px2525px2222px

iPadmini10241024px9090px7272px5050px2525px2222px

按钮切图建议以等宽高尺寸切图,且像素必须>=88、88px,当本身宽度或高度不足时,补充空白像素(透明像素).一般情况下,只需要普通状态下按钮切图即可

(适配不建议等比放大)

4.参考文献

友盟设备指数

APP切图流程和APP切图命名规范详细完整版

APP切图详细规范指南

iOS和Android的app界面设计规范

APP界面切图命名和文件整理规范

三、Android应用屏幕适配

1.用px作为基础单位的缺陷

对比上图可以知道,ppi越低显示的越大,ppi越高显示的越小,造成不同手机上显示布局不统一!

使用dp作为单位所有机子显示统一

2.衡量一个屏幕清晰度单位————屏幕密度(dpi==ppi)

计算公式:屏幕dpi=√(屏幕长^2+屏幕宽^2)/屏幕尺寸

名称密度代表分辨率Android单位与像素换算

mdpi120dpi~160dpi3204801dp=1px

hdpi160dpi~240dpi4808001dp=1.5px

xhdpi240dpi~320dpi72012801dp=2px

xxhdpi320dpi~480dpi7201280/108019201dp=x

xxxhdpi480dpi~640dpi2k~4k1dp=4px

屏幕大小启动图标作栏图标上下文图标系统通知图标(白色)细笔画

320480px4848px3232px1616px2424px不小于2px

480800px/480×854px/540×960px7272px4848px2424px3636px不小于x

7201280px9696px6464px3232px4848px不小于4px

10801920px144144px9696px4848px7272px不小于6px

3.究竟要适配多少种机型

2016-3

得出结论:只需适配高端的xxhdpi(7201280/10801920),低端的hdpi(480800)

4.度量单位与边框

可触摸控件都是以48dp为单位的

为什么是48dp?一般情况下,48dp在设备上的物理大小是9mm(会有一些变化)。这刚好在触摸控件的大小范围(7-10mm)内,而且这样的大小,用户用手指触摸起来也比较准确、容易。(xxhdpi标准下为144px)

边框注意留白界面元素之间的留白应当是8dp。

例:

5.字体排版

Roboto是Android系统的默认字体集,字体大小单位sp(可缩放像素数,scaleablepixels)

根据Android设计规范,使用12、14、16、20和34号,字体粗细可调

spHDPIXHDPIXXHDPI

12sp18px24px36px:

14sp21px28px42px

16sp24px32px48px

18sp27px36px54px

20sp30px40px60px

34sp51px68px102px

(注意:字号要为双数,且不可带小数位)

6.9-patch图制作

为什么要用9-patch格式制作图

适应各种手机屏幕拉伸需求,有效缩减体积

什么情况下使用

当发现是背景时且可能拉伸被拉伸时,或过大时

如何制作patch9图

外层增加一全透明像素,在透明像素区花4条纯黑色边

1.宽度可拉伸区域

2.高度可拉伸区域

3.垂直内容区域

4.水平内容区域

8.参考文献

友盟设备指数

Android设计指南简体中文版4.x

MaterialDesign中文版

Android设计中的.9.png

技术干货：ApplewatchAPP设计规范

一、规范概要

1.导航形式

层级式,通过当前页面点击跳转到另外页面的形式。适合应用于复杂产品,需要层层递进。

AppleWatch导航形式任选其一,不得同时存在。

2.交互方式

轻触:列表、按钮、切换等控件的作

手势:纵向轻扫,界面滚动;横向轻扫,界面导航之间的查看;从屏幕左侧边缘向右轻扫,返回父级界面。

压力触控:唤出当前页面情景菜单

实体控件(手表旋钮):长页面浏览,避免手指长时间轻扫界面何遮挡界面

3.色彩

使用黑色作为APP的背景色,或者深色且高斯模糊的作为背景

高对比度的颜色使用于文字、图标、界面

4文字

SF和苹方

5.图标

通知图标、首屏图标和长看图标、短看图标

情景图标(App内功能图标)

6.布局

并排放置的图标一行不要超过三个

布局优先采用左对齐

二、设计尺寸

1.1屏幕尺寸

38mm(240px)

42mm(312390px)

1.2图标尺寸

通知图标48PX(38mm)55px(42mm)

首屏图标和常看图标80px(38mm)88px(42mm)

短看图标172px(38mm)196px(42mm)

菜单情景图标(App内的功能图标)

图标大小70px,实际图标大小46px。(38mm)

图标大小80px,实际图标大小54px。(42mm)

图标线宽不得小于4px

1.3图标

1.3.1

通知图标,系统通知弹出的图标

1.3.2

1.3.3长看图标,如下所示,左上角图标。常看图标80px(38mm)88px(42mm)

1.3.4短看图标,如下图所示。短看图标172px(38mm)196px(42mm)

2.字体和文字

2.1字体

SF和苹方

2.2文字(字号,常见字号单位是PT和PX,PT是开发单位,PX是设计单位,在@2X下换算关系1PT=2PX)

标题headline18PT

正文标题caption15PT

正文body15PT

备注、脚注、辅助文字footnote12PT、13PT

3.颜色

高对比度的颜色使用于文字、图标、界面

1.主色,如下图所示

2.辅助色、点睛色(控件、按钮)

按钮控件在设计中通常带有透明度

3.字体颜色和透明度

4.布局

1状态栏和下方和列表布局间距

38mm(30px),42mm(32px)

2状态栏和列表按钮布局间距

38mm(11px),42mm(1x)

3状态栏和下方文本布局间距

38mm(46px),42mm(50px)

4文字边距和分割线按钮列表边距

38mm和42mm边距相同

5.和按钮到屏幕两边距离

38mm和42mm边距相同

5.控件和列表

1单行控件和列表布局尺寸

38mm

42miPhone6plus12422208px60px132px146pxm

2.双行控件和列表布局尺寸

2.1正文+备注

38mm

42mm

2.2双行正文

38mm

42mm

3.三行控件和列表布局尺寸

38mm

42mm

4.多行控件和列表布局尺寸

38mm

42mm

5.控件和列表类型

_

开发一个APP的流程

页面式,页面切换,滑动,类似轮播

先看一个整体的流程图开发App的整体流程图App的开发是一个不断推敲需求健壮性的过程首先，如果要做一款app，必须要前期进行沟通，初步表明此款app要实现的效果，属于哪个类型的app。在功能和实现价值基本敲定的情况下，开始进入项目评估阶段。这个时候产品会根据之前商定的功能进行价格和工期的评估，确立一个初步的项目排期。在系列的前期工作得到客户认可的情况下，签订合同正式开始项目。项目开始各个部门就开始项目的碰头会议，设计部门开始设计UI（产品界面）和UE（用户体验），针对产品开展创意设计，形成初步的效果图，经过首次客户的确认。

一、收集需求并整理分析

需求分析是一款APP项目开发流程中重要的一个环节，需要有详尽的文档说明，确定APP方案的目标，APP方案的受众分析，app开发方案功能设计，APP的作系统说明方案，APP是是否是原生APP，APP方案的视觉设计，APP开发方案中的其他细节。APP开发的成功与否很大程度都决定于此。这里所说的用户需求分析指的是基于用户的要求所进行的APP功能的梳理。针对的主体都是用户，“以用户为中心”，不是瞎喊口号。因为很多公司所开发的APP都是给需求用户所使用的，所以，在整理APP开发需求的同时，不仅要根据企业所要求的开发需求，也要了解这个企业所针对的广大用户的需求。终将这些需求梳理、分类，整理出大致的APP功能框架。在这个过程中，切莫断了与所对用户的联系，尽力做到无疑问，以免所开发的功能累赘也不适用。

二、预算评估并制定成本

不论项目是由自己团队执行开发，亦或是交由第三方公司代为设计开发，建立在一份完善且有质量的需求文档都是非常有必要的，对需求文档进行人力时间的投入，可以较准确地估算出项目需要投入的预算，同时这些文档后期会有助于产品，UI设计师，技术开发人员等等对项目的理解，减少人员沟通中可能存在的误。

三、原型设计

原型设计也就类似于一个APP产品的草图，在经过深度的用户分析之后，将整理出的需求分类、排序为功能节后模块，利用这些功能模块就能搭建出简单的产品原型。

四、UI视觉设计

在产品原型的基础上，UI设计师才开始对APP的界面进行美化，依据所表现的内容进行版面结构设计，设计风格控制、并对每一块区域进行相应的配色、绘制功能菜单图标、设计页面元素等，在此期间就需要不断的沟通修改，终设计出所有的APP界面效果图。

六、数据库搭建

按照需求分析整理出来的功能数据处理情况，建立合理的数据库表结构，优化数据算法，提升数据的处理效率，保证在使用APP的过程中数据的安全性、准确性、稳定性和及时性。

七、服务端开发

一款APP应用的核心处理都是由服务端的程序完成的，客户端的APP知识需要收发数据，由于用户的移动端设备硬件配置和存储容量有限，因此核心数据处理过程均是由端进行运算处理的，这种方式也被称为云计算，处理完成之后反馈给客户端APP。因此端的程序开发极为重要，所有8、单行文字的背景框的高度：88px，双行则为：176px，三行则为：264px；的功能均需要严格按照需求分析阶段整理的功能来进行开发。服务端开发，特别是Web开发，基本上全是处理HTTP请求的处理。根据具体用途分为两种：Web页面开发和API接口开发。运行环境还要考虑完全app的运行环境，包括硬件平台、硬件要求、作系统和版本，以及其他的软件或与其共存的应用程序等。

八、iOS/Android客户端开发

程序员按照APP效果图进行客户端开发，对设计效果图的代码实现，写入功能调用的接口，连接端，方使端的数据进行交互，开发出与效果图一致的APP的客户端。在根据交流的具体结果进行二次修改，终与客户确认高保真视觉图，开始进入研发阶段

九、APP程序测试/QA

APP的全面测试，此测试是模拟用户在正常使用的情况下以及非正常使用的情况下有可能出现的问题，当然，需要导入必要的数据进行测试，出现错误继续开发修复，通过则证明整体APP已经完成，然后再将成品交由用户试用。项目上线前安排充足的测试时间，是一款软件质量至关重要的保证。

性能需求

1.数据度输出结果的精度;2.时间特性;3.响应时间;4.更新处理时间；5.数据转换与传输时间；6.运行时间等。

十、发布到应用商店

完成签名验证之后，开发好的客户端APP程序就可以提交发布到各应用商店。iOS版本的APP提交到苹果的AppStore，安卓的提交到国内各大安卓应用商店。（PS：根据工信部规定，当下安卓市场应用上架必须提供具备软件所有权的著作证书--即软著，为不影响上线时间，建议所有需要使用到的个平台账号和证书在项目同步或前期尽早完成申请）

十一、APP的维护及更新

对上线之后的APP进行维护，收集用户反馈信息，及时修复APP应用中客户提出的错误并发布更新版本。

1.各大应用市场的开发者账号维护，ios系统的如苹果商店，Android系统的如豌豆荚、安卓市场、木蚂蚁、360市场，各大手机厂商的应用商店等开发者账号的更新维护。2.根据首版app上线后的用户反馈以及产品的数据分析，进行下一版本的更新，功能升级，版块添加等。补充流程图

有哪些有设计作品的app

某些场景需要用到小图标,大小应当是1616dp,其中图形区域尺寸1212dp。

做为一个设计师，在如今的多屏时代，从传统的WEB设计跨入移动App设计是必不可免的，由于设备的变革，整体的设计思路也在革新，设计工具当然也随之前进。

|mdpi|hdpi|xhdpi|xxhdpi|

关于楼主提问的问题，本人以下这些学习ui的并有设计作品的APP，可以参考一下：

1.课工场、2.站酷、3.优设、4.花瓣、5.UI等。尤其是课工场APP,里面中的配色，版式，切图，用户体验，软件技法等多种理论，全都可以学习到。

如果你觉得自己审美不够的时候，都可以去那上逛逛，寻找灵感，提高审美，开拓思路，提升设计思维，不过一定要坚持看才行，看的时候一定要用心，重点做一下学习笔记，高执行力+高坚持=设计大神，加油哦！！！

开发APP的流程有哪些?

1、用户需求分析

用户需求分析是整个APP开发流程中重要的一环，相当于企业中决策者的地位，一款APP成功与否也尽数决定于此。此处的用户需求分析是基于用户的要求进行APP功能的梳理。注意此处是用户，因为很多公司要求开发出来的APP是给其用户使用，因此在整理APP开发需求时，不仅要了解开发企业的需求，也要了解其客户群体的需求。终将这些需求进行梳理、分类，整理出大体的APP功能框架。此过程中需要与客户密切的进行沟通，力求做到没有任何疑问，以免开发出不实用的APP。

2、产品原型设计

在进行一轮用户需求分析之后，将整理出来的需求分类、整理、排序成功能结构模块，此时可以利用现有的功能模块搭建一个简单的产品原型。产品原型类似于一个APP产品的草图，将基本的功能结构展示给客户，可以借助产品原型设计软件模拟出相似的APP产品。将此产品原型与客户进行确认，确认完毕就可进入下一环节的开发。

在拥有APP产品原型草图结构之后，UI设计师们开始对APP的界面进行设计美化，根据APP的表现内容进行版面结构设计，然后对每一块区域进行相应的配色，并绘制每个功能菜单的图标及其他页面元素的设计，终设计出所有的APP界面效果图。此过程与客户进行沟通，参考客户建议进行设计。

4、数据库搭建

按照需求分析整理出来的功能数据处理情况，建立合理的数据库表结构，优化数据算法，提升数据的处理效率，保证在使用APP的过程中数据的安全性、准确性、稳定性和及时性。

5、服务端开发

APP应用的核心处理过程均是由端的程序完成的，客户端的APP仅仅只需要进行收发数据即可。由于用户的移动端设首屏图标,如下图所示。首屏图标80px(38mm)88px(42mm)备硬件配置和存储容量有限，因此核心数据处理过程均是由端进行运算处理的，这种方式也被称为云计算，处理完成之后反馈给客户端APP。因此端的程序开发极为重要，所有的功能均需要严格按照需求分析阶段整理的功能来进行开发。

6、iOS/Android客户端开发

1此时按照设计师设计的APP效果图进行开发客户端，主要是对设计效果图的代码实现，并写入功能调用的接口，连接端，方便与端的数据进行交互。根据Android和iOS的设备软硬件情况进行APP开发和优化，终开发出与效果图一致的APP客户端。

对已开发好的APP客户端进行全面的测试，此测试模拟用户正常使用以及非正常使用的情况，通常会导入一些测试数据来进行测试，将测试的结果进行记录，出现错误则返回到开发阶段进行修复，如果测试通过，则说明整体APP开发过程已经完成。将成品APP应用交给用户进行试用，用户满意之后进行下一步工作。

8、上传到应用商店

到此阶段一个APP开发已经完成，在完成签名验证之后，将开发好的客户端APP程序提交发布到各应用商店。iOS版本的APP提交到苹果的AppStore，安卓的提交到国内各大安卓应用商店。

9、APP的维护及更新

对上线之后的APP进行维护，收集用户反馈信息，及时修复APP应用中出现的错误（Bug）。如客户需要进行APP的功能更新时，则返回至需求功能整理阶段进行开发，新功能开发完成后经测试通过即可发布更新。

注Resolution(分辨率):指手机屏幕垂直和水平方向上的像素个数。eg分辨率480意事项：

从初与客户了解需求功能到终的测试上线，一个完整的APP就被开发出来了。如同其他软件开发一样，APP的整个生命周期都是需要紧扣用户需求的，一旦脱离用户需求，就极可能开发出质量、用户不认可的APP软件，这是许多APP开发企业需要高度重视的地方。

极其流行，同样也是竞争力极其大的一种商业模式。虽然国内软件开发公司都发展壮大起来了，但是各地软件开发公司的实力及资质仍然参不齐。下面为大家介绍下近期国内软件开发公司的排名汇总。

1：华盛恒辉科技有限公司

上榜理由：华盛恒辉是一家专注于高端软件定制开发服务和高端建设的服务机构，致力于为企业提供全面、系统的开发制作方案。在开发、建设到运营推广领域拥有丰富经验，我们通过建立对目标客户和用户行为的分析，整合高质量设计和极其新技术，为您打造创意十足、有价值的企业品牌。

在军工领域，合作客户包括：军委联合参谋(原总参)、军委后勤保障部(原总后)、军委装备发展部(原总装)、装备研究所、战略支援、军事科学院、研究所、航天科工、航天科技、船舶工业、船舶重工、研究所、训练器材所、装备技术研究所等单位。

在民用领域，公司大力拓展民用市场，目前合作的客户包括中铁电气化局、铁道科学研究院、济南机务段、东莞轨道交通公司、京港地铁、国电、电力科学研究院、、、中信银行、华为公司等大型客户。

2：五木恒润科技有限公司

上榜理由：五木恒润拥有员工300多人，技术人员占90%以上，是一家专业的军工信息化建设服务单位，为军工单位提供完整的信息化解决方案。公司设有股东会、董事会、监事会、工会等上层机构，同时设置职位，由管理公司的具体事务。公司下设有研发部、质量部、市场部、财务部、人事部等机构。公司下辖成都研发中心、西安研发中心、沈阳办事处、天津办事处等分支机构。

3、浪潮

浪潮有限公司是首批认定的规划布局内的重点软件企业，的企业管理软件、分行业ERP及服务供应商，在咨询服务、IT规划、软件及解决方案等方面具有强大的优势，形成了以浪潮ERP系列产品PS、GS、GSP三大主要产品。是目前高端企业管理软件者、企业管理软件技术领先者、的行业ERP与管理软件供应商、国内服务满意度的管理软件企业。

4、德格Dagle

德格智能SaaS软件管理系统自德国工业4.0，并且结合国内工厂行业现状而打造的一款工厂智能化信息平台管理软件，具备工厂ERP管理、SCRM客户关系管理、BPM业务流程管理、

OMS订单管理等四大企业业务信息系统，不仅满足企业对生产进行简易管理的需求，并突破局域网应用的局限性，同时使数据管理延伸到互联网与移动商务，不论是内部的管理应用还是外部的移动应用，都可以在智能SaaS软件管理系统中进行业务流程的管控。

如何做好一个APP界面设计

步：用户分析

通过对市场分析、竞品分析、用户分析等过程，确定APP整体的开发方案，明确用户使用这款APP的需求什么？如何满足用户这方面的需求？需要怎么设计功能模块等问题。

可以先从大的功能模块入口，然后细分小的功能，再梳理业务流程、用户体验流程等等，对功能模块的重要性、时序进行排序。

第二步：制作草图

按照前期规划的APP功能模块、时序图、用户体验流程等，通过线框的形式，制作出的APP的草稿图。自己可以用纸画，也可以使用办公软件。

第三步：制作原型图利用专业的原型设计软件，对草图进行细节完善，设计出整体的APP原型图。

第四步：风格设图示:tip_计

每个人都有着不同的个性，APP设计也是如此，我们需要为APP打造出独具特色的风格。

这可以寻找同行的APP作为参考，然后设计出几套不同风格的样品提供选择。

第五步：页面设计

根据确定好的风格、原型图，对APP的页面进行效果图的设计。

包括logo、启动页、内页、页面元素、填充页、动态的产品页、活动页等等，完成APP界面设计。

同时也要给出切图标准，方便后续的编程开发。

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

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

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

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

这类的解决方案是尽可能展示用户感兴趣的东西，帮助客户来打发消2.的app设计界面参考：磨时光。

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

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

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

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

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

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

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

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

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

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

第四点：APP界面设计流程

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

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

效。

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

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

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

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

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

app的界面设计入门书籍有哪些值得(app界面设计介绍)

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

稍微抛砖引玉先：

1.了解设计规范：

andriod：Design|AndroidDlopers（英文版本）

AndroidDesign（有趣的中文版本）

ios：iOSHumanInteceGuidelines:DesigningforiOS7（英文版本）

《iOS人机界面准则》中文版-郎启旭的写字本-知乎专栏

InspiredUI-MobileAppsDesignPatterns[iPhone]

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

capptivate.co/

iOS登录注册Login&RegisterUI

3.设计控件素材：

平台很多，你可以要做平台的psd等源文件找到，设计时直接拖来用。

4.书籍：

一本书：触动人心(豆瓣)（相对比较老，但还是有一些基本规律的）

书你可以去书店看看，这种书一般上得比较勤，可以看看有什么的书比较好。

iOS开发文档里的uml图是用什么软件做的

3、UI视觉设计

VisualParadigm。具体内容如下：VisualParadigm是一块UML建模工具，工具为以下人五、架构设计员设计，包括软件工程师、系统分析师、业务分析员、系统架构师等，工具主要是为OO系统提供可靠的建模和分析工具。

亿图图示亿图图示是一款综合类办公绘图软件。它拥有260+绘图类型，包括流程图、组织结构图、UML图、电路图、平面设置图等。从绘图类型数量上看，它在这7款流程图软件中居首位。

主要是用于设计草图。功能较简单，交互少，部件不多。虽然lumzy相对简单，但是上手快，适用于快速原型，也有很多UI设计师在使用。它可以导出为pdf、jpg文档。MockupCreater。能做界面原型无法做交互，即输出仅为概念草图。

软件：迅捷流程图制作软件软件能绘制各种专业的业务流程图、组织结构图、数据流程图、程序流程图等。简单的作界面：所有的功能都清晰明了地罗列在软件界面上，用户可以快速找到自己所需的功能并进行绘图。

如果要设计iOS系统的软件，需要学习哪些语言、代码、设计软件等？

搜索栏的高度，在iPhone6的原型图上，统一成58px。

Objective-C是进行iOS开发的一门编程语言，也是的iOS开发语言。对于没有相应开发经验的人来说，学习ObjC入门会慢一些。一般我把这个学习过程分为三步。

步，学习开发语言Objective-C。参考书看《Objective-C基础教程》这本书就行了。书看到后来还需要补充一些关于面向对象的知识，一般计算机专业的学生都是在学C++的时候接触这类思想的。我的那本参考书里也会有一些讲解，进阶的学习需要以后再去看资料，没有特定教材，因为面向对象是一种编程思想，好在Objective-C本身就是这种思想的体现，以后写代码的时候可以慢慢体会。学完《Objective-C基础教程》，就会对iOS开发中所用到的基础数据类有一个了解了，这时候应该就可以写简单的面程序了。

第二步，学习iOS开发的软件运行原理，软件开发思想、规范以及一些苹果公司提供的常用标准UI（UserIntece，用户界面）控件的使用方法。这个阶段的参考书是《iPhone4与iPad开发基础教程》，该书有中文译本，虽然不是的iOS教程（的教程应该是iOS7开发基础教程，但是该书没有中文译本，如果英文过硬，看这本书当然）。

第三步，熟悉常用第三方控件。因为苹果本身开放性的局限，其提供的标准开发库会有一些功能局限，智慧的网友们开发了各种各样的第三方控件来实现他们想要的功能，可以使开发过程事半功倍。此部分为进阶学习内容，需要在掌握前两步内容的基础上展开。这一步主要是试用，学习第三方代码，要求阅读第三方开发文档以及代码多一些。可以与开发同时进行，边学变进行软件开发。

除了参考书，这里一个网站“Cocoachina苹果开发中文站”里面分享了很多网友的代码，并且可以对自己学习过程中遇到的问题进行讨论。学习初期，中期以及后期进阶都可以在这个找到相应的学习资料与代码，并且可以通过发帖得到大神的技术指点。对应的英文网站是Stackflow，此网什么是9-patch图站偏重实际开发问题的解决，交流语言为英文。

另外，斯坦福大学每年都开设iOS开发的公开课，从Objective-C的学习到的控件使用以及开发思想，架构的学习，都有涉猎，是很好的视频教程。公开课中有以往课程配中文字幕的视频，而的课程一般没有中文字幕，并且，该课程选择默认学生已经有C++编程基础，可能对于初学者会困难一些。视频属于公开资源，在搜索引擎上搜索斯坦福、iOS等关键字，即可找到相应资源。刚刚简单搜索了一下，优酷已经提供iOS7开发的高清视频专辑。

，无论学习哪个作系统的软件开发，关键还是要多多练习，因此大量的写练习代码，看别人的代码很重要。

进行iOS开发需要的开发环境是MacOS以及Xcode。后者是苹果提供给开发者使用的免费IDE环境。

Objective-C是进行iOS开发的一门编程语言，也是的iOS开发语言。对于没有相应开发经验的人来说，学习ObjC入门会慢一些。一般我把这个学习过程分为三步。

步，学习开发语言Objective-C。参考书看《Objective-C基础教程》这本书就行了。书看到后来还需要补充一些关于面向对象的知识，一般计算机专业的学生都是在学C++的时候接触这类思想的。我的那本参考书里也会有一些讲解，进阶的学习需要以后再去看资料，没有特定教材，因为面向对象是一种编程思想，好在Objective-C本身就是这种思想的体现，以后写代码的时候可以慢慢体会。学完《Objective-C基础教程》，就会对iOS开发中所用到的基础数据类有一个了解了，这时候应该就可以写简单的面程序了。

第二步，学习iOS开发的软件运行原理，软件开发思想、规范以及一些苹果公司提供的常用标准UI（UserIntece，用户界面）控件的使用方法。这个阶段的参考书是《iPhone4与iPad开发基础教程》，该书有中文译本，虽然不是的iOS教程（的教程应该是iOS7开发基础教程，但是该书没有中文译本，如果英文过硬，看这本书当然）。

第三步，熟悉常用第三方控件。因为苹果本身开放性的局限，其提供的标准开发库会有一些功能局限，智慧的网友们开发了各种各样的第三方控件来实现他们想要的功能，可以使开发过程事半功倍。此部分为进阶学习内容，需要在掌握前两步内容的基础上展开。这一步主要是试用，学习第三方代码，要求阅读第三方开发文档以及代码多一些。可以与开发同时进行，边学变进行软件开发。

除了参考书，这里一个网站“Cocoachina苹果开发中文站”里面分享了很多网友的代码，并且可以对自己学习过程中遇到的问题进行讨论。学习初期，中期以及后期进阶都可以在这个找到相应的学习资料与代码，并且可以通过发帖得到大神的技术指点。对应的英文网站是Stackflow，此网站偏重实际开发问题的解决，交流语言为英文。

另外，斯坦福大学每年都开设iOS开发的公开课，从Objective-C的学习到的控件使用以及开发思想，架构的学习，都有涉猎，是很好的视频教程。公开课中有以往课程配中文字幕的视频，而的课程一般没有中文字幕，并且，该课程选择默认学生已经有C++编程基础，可能对于初学者会困难一些。视频属于公开资源，在搜索引擎上搜索斯坦福、iOS等关键字，即可找到相应资源。刚刚简单搜索了一下，优酷已经提供iOS7开发的高清视频专辑。

，无论学习哪个作系统的软件开发，关键还是要多多练习，因此大量的写练习代码，看别人的代码很重要。

进行iOS开发需要的开发环境是MacOS以及Xcode。后者是苹果提供给开发者使用的免费IDE环境。

希望我的回答对你有所帮助，谢谢邀请。 如过你想自己完整的完成，自己找个笔在纸上画出你构思的软件之后，首先要学后台代码，为您的软件搭建一个数据库，然后学习IOS开发，在做到前端后台的衔接，框架有了之后学习界面设计，之后在用到IOS开发技术进行设计图转代码，自己测试，申请个，去应用商店申请发吧！设计软件一个SKETCH就够了

APP设计与平面设计的区别(ui设计和app设计的区别)

很高兴接受你的邀请回答。

App是什么？

UML建模技术是一种建模语言，指用模型元素来组建整个系统的模型，模型元素包括系统中的类、类和类之间的关联、类的实例相互配合实现系统的动态行为等。

App是指运行在智能手机、平板电脑等移动终端设备上的第三方应用程序，App设计就是为这些移动终端设计第三方应用程序，通常有iOSApp、androidApp、WindowsPhoneApp等。App设计区别于Web设计，但因为WebApp的出现，模糊了App设计和Web设计的界限。

平面设计是什么？

平面设计（graphicdesign），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、和文字，借此作出用来传达想法或讯息的视觉表现。平面设计师可能会利用字体排印、视觉艺术、版面（pagelayout）、电脑软件等方面的专业技巧，来达成创作的目的。

App与平面设计的区别：

APP设计是程序设计，与平面设计关系不是很大！虽然其中也包括界面设计、UI设计，但主要还是程序设计！APP开发的语言有很多种，主要为以下几种：1、iOS平台开发语言为Objective-C，开发者一般使用苹果公司开发的iossdk搭建开发环境，iOSSDK是开发iPhone和iPad应用程序过程中必不可少的软件开发包,提供了从创建程序,到编译,调试,运行,测试等一些列开发过程中所需要的工具；2、安卓Android开发语言为ja，开发者一般是用谷歌公司开发的androidsdk搭建开发环境，使用Ja进行安卓应用的开发；3、微软Windowsphone7开发语言是C#；APP设计工作的具体流程与一般...

app客户端怎么开发

APP客户端开发的步骤为：

1、首先进行用户需求分析，这是基于用户的要求进行APP功能的梳理，整理出大体的APP功能框架。

2、其次进行产品原型设计。在进行一轮用户需求分析之后，将整理出来的需求分类第三点：APP视觉设计与设计要点、整理、排序成功能结构模块，搭建一个简单的产品原型。

3、接着完成UI视觉设计。在拥有APP产品原型草图结构之后，UI设计师们开始对APP的界面进行设计美化，根据APP的表现内容进行版面结构设计，然后对每一块区域进行相应的配色，并绘制每个功能菜单的图标及其他页面元素的设计，终设计出所有的APP界面效果图。

4、搭建数据库。按照需求分析整理出来的功能数据处理情况，建立合理的数据库表结构，优化数据算法，提升数据的处理效率，保证在使用APP的过程中数据的安全性、准确性、稳定性和及时性。

5、开发服务端。APP应用的核心处理过程均是由端的程序完成的，客户端的APP仅仅只需要进行收发数据即可。

6、实现IOS/Android客户端开发。按照设计师设计的APP效果图进行开发客户端，主要是对设计效果图的代码实现，并写入功能调用的接口，连接端，方便与端的数据进行交互。根据Android和iOS的设备软硬件情况进行APP开发和优化，终开发出与效果图一致的APP客户端。

7、进行APP程序测试。对已开发好的APP客户端进行全面的测试，此测iPad3/4/Air/Air2/mini220481536px40px88px98px试模拟用户正常使用以及非正常使用的情况，通常会导入一些测试数据来进行测试。

8、将APP上传到应用商店。到此阶段一个APP开发已经完成，在完成签名验证之后，将开发好的客户端APP程序提交发布到各应用商店。

9、是对APP的维护及更新。对上线之后的APP进行维护，收集用户反馈信息，及时修复APP应用中出现的错误。