1. 不要在没有流程图之就前开始设计或者画线框图

2.分工要明确不要忽略开发预算

3.不要使用低分辨率的图片避免使用位图

4.不要把点击区域设置的太小

5.不要随意使用介绍动画

6.别让用户空等

7.不要盲目照搬别的操作系统

8.不要在高密度像素屏幕上填充过多信息或者UI组件

9.不要觉得每个用户有着跟你一样的App使用方式

10.不要忘记手势但不要滥用

1、跨平台性

2、良好的响应速度

3、接口要为移动客户端考虑

4、考虑移动端的网络情况和耗电量

5、通用的数据交换格式

6、接口统计功能

7、客户端与服务端的肥瘦平衡

8、隐式用户与显式用户

9、安全问题

10、良好的接口说明文档和测试程序

11、版本的维护

 1. 不要在没有流程图之就前开始设计或者画线框图

　　即便一个简单的 APP 也要有一个思虑周全的流程图，以确保在 APP 有合乎逻辑的、合理的导航结构。另一点值得关注的是确保核心功能所在的屏幕位于上层而不是被埋没在多层导航元素之下。

　　跳过流程图直接进进入开发会让开发变得复杂、不可控，很容易让用户迷茫，最后选择关掉或者卸载你的 App。

　　2. 分工要明确不要忽略开发预算

　　设计师创建的每一个细节都要经过开发者才能变得活灵活现。花几个小时和几天时间做出的简单设计更改对 App 功能的影响是截然不同的。还有，设计不能命令功能。比如，一个计划好的 App 可能有一个搜索框，设计师预想的是一个产生实时结果的键入搜索，但设计师不能是做这个重大决定的唯一决策人。

　3. 不要使用低分辨率的图片避免使用位图

　　一般而言，设计首先是为视网膜显示屏、高分辨率的显示屏设计，然后按比例缩减。很多设计师都清楚这一点，但仍值得一提。屏幕分辨率越来越多，设计师需要从高分辨率设备做起，再按比例缩减。更好的做法是使用矢量图形进行设计而不是位图或者栅格图像。

　　4. 不要把点击区域设置的太小

　　大多数用户的食指宽 1.6~2 厘米。设计时要考虑到手指的宽度，而且用户在快速移动手指的时候，很难准确的点击小片屏幕。在屏幕上加大量的按钮和功能很容易，但按钮一定要足够大，间隔也要足够大，否则用户容易误点。

　　5. 不要随意使用介绍动画

　　在用户首次打开 App 的时候，给用户一个动画的介绍是个不错的想法，但不能太过火了。事实上，这些介绍动画也延迟了用户接触 App 的时间。如果你打算使用介绍动画，那要让动画时间尽可能短，设计尽可能精细以及足够吸引人，值得用户花费时间等待。

　　App 加载过程中会先展现图片，再过渡至动画。要确保这个过度是平滑的，贴切自然的。有的 App 从加载图片过渡至介绍动画设计的非常蹩脚，这就很无趣了。

　　6. 别让用户空等

　　App 加载时间过长很容易让用户以为出现了什么故障，也会带来糟糕的用户体验。App 加载的时候不要让用户看到空白的屏幕，使用加载指示条或者小动画让用户知道 App 处于正常运行当中。如果能加入一个加载进度指示条就更好了。

　　7. 不要盲目照搬别的操作系统

　　这个问题说的是 App 各个操作系统版本的差异性，不同的移动操作系统有着迥异的审美观，比如 iOS、Android 和 WPh7。开发者需要认真学习各个操作系统的人机界面指南，做好不同版本 App 的移植工作，不要让用户迷茫和不适应。不一定非要让 App 看起来是系统自带的，但至少不能让人觉得突兀，不属于这个平台。

8. 不要在高密度像素屏幕上填充过多信息或者 UI 组件

　　当为高 PPI (pixel per inch 每英寸像素) 屏幕设计 UI 时，因为有更多的像素可以使用，所以可在界面放置更多信息或者 UI 组件。请记住一定要预览一下你在实际设备上的所有设计结果。

　　充塞了很多信息或者 UI 组件的界面会显得非常杂乱，并且难以有效导航，更会影响界面上的主要功能的展现。

　　9. 不要觉得每个用户有着跟你一样的 App 使用方式

　　可用性测试是必须的，不管你的 App 看起来多么好。找值得信任的人(或者有经验的设计师)进行小范围封闭测试，在公开发布之前更新下界面。另一个简单易行的获得用户反馈的方法是在分类网站张贴广告招募合适的人进行焦点小组测试。

　　10. 不要忘记手势但不要滥用

　　不是每个元素都是可视化的，比如 iPhone Mail app 的删除进程。在收件箱内，用户可以猛击屏幕显示删除按钮，用户就不用点击“编辑”，选择信息然后再删除信息。不过，也不能说“编辑”菜单一点用处都没有，不知道快捷操作的用户还是需要的，而用户还可以通过“编辑”菜单一次性标注多条信息/邮件。

那当操作比较多，可以将工具栏放在底部虚拟按钮上方。我们都知道移动端目前有2大操作系统，一个是IOS，一个是Android。那么我们设计的APP在这两大平台上运行，需要注意什么呢？怎么才能又快又好的完成两个不同平台的设计呢？这就需要我们了解最基础的两大平台设计规范。

什么是设计规范？所谓设计规范是指各个平台对于设计风格和设计方案的约定。我们先说说页面设计规范

• ios页面设计规范

在ios平台规范中，对界面的页面页脚做了相应的规定。即规定了页眉应该放什么内容，页脚应该放什么内容。大概的规定如下。

页眉位置的导航栏用于在当前app里不同信息层级间的导航，一般显示当前主题和上一级主题，目前来说，页面简洁化后就通常只显示当前页面主题，还可以跟一些当前页面其他信息。下面是一个简单的例子。

页脚位置可以放置标签栏，也可以用来放置当前页面的工具栏，看下面两个例子。

底部标签栏一般作为整个应用的一级导航，如果一级页面中还有二级导航，那么一般放在一级页面的页眉下方。

上面就是ios平台上的一个大致布局规范。

• Android页面设计规范

安卓平台规范一直到安卓4.0才初步形成，4.0中最经典的就是虚拟按钮，大家应该都不陌生。

由于底部有虚拟按钮的存在，那么操作按钮就放到了页眉应用栏中。应用栏中除了操作按钮，有时还放导航菜单，这使得页眉显得很重。这一点在5.0版本得到了优化。

到安卓5.0版本后，安卓规范逐渐完善，5.0版本提倡扁平化设计，但是在扁平化设计的基础上又有一点丰富，增加了Z轴的层次感，什么是层次感呢？举个例子。

上面是滴滴打车的界面，图上的按钮就采用的是Z轴方向的设计，看起来浮在界面上，使页面信息更有层次感，也增加了用户点击的欲望。

另外5.0规范提出了抽屉式导航，这很好了解决了4.0版本中导航沉重的问题，一般简单的当页操作会直接放在页眉的右侧。需要注意的是，抽屉式导航一般适用于一级导航，那么当有二级导航时，该怎么办呢？一般我们会放在一级页面页眉下方。

那当操作比较多时，放在页眉中就显得非常繁重，这时也可以将工具栏放在底部虚拟按钮上方。这样的设计在安卓应用中也非常常见。

以上介绍的就是ios平台和安卓平台的基本页面布局规范，当然这些规范都不是绝对的，一方面平台自身在不断优化，另一 方面两个也在相互借鉴好的设计。

除了以上内容，两个平台都提供了各自的规范的控件和手势。这些在我们设计时可以直接使用，避免了自己再创造并且开发工程师可以直接使用，没必要二次开发。两个平台的控件和手势规范我们就不在这里展开说了，后续我们专门再针对这两方面进行分享。

啰嗦了这么多，只是想告诉大家，我们做移动端设计时首先要考虑的就是平台规范，让你少走弯路，避免做无用的工作。既可以快速完成设计和研发，又符合平台用户的使用习惯，你get到了嘛？

在移动互联网领域，市场巨大，但是也有不少经验需要累积。下面是澳环总结的关于app开发过程中需要注意的5个问题：
1、信：解决信用问题。用户看到你的移动APP开发，凭什么相信你呢，万一你乱扣费呢？万一有病毒呢？下载安装是有时间成本和风险成本，澳环认为让人要相信你，是入门的第一步。信任问题渗透到APP开发的很多环节。例如UI设计，ICO图标、产品说明等，都要传递你是可值得信赖的。
2、快：解决用户快开快关。APP开发最大的价值是碎片化的时间应用。澳环建议移动APP开发要让用户能充分利用碎片化时间。例如在等公交车，他可以在几分钟内就玩上一会，车一来就关，一上车站稳就继续。你不能让应用一关一开之间得等很久，或要重头开始，否则就是很糟糕的体验了。
3、易：界面讲究易上手，让用户很容易自学习。不要让用户去费力摸索。有一款室内逃脱的应用，设计太深奥，没人可以玩超过2分钟。这方面，有很多视觉引导的案例可以学习，例如一个小图标，做得让用户觉得想按一下，或是是滑一下，这就是设计的不同。
4、简：要简化流程，每简化一步，用户会感谢你的。手机界面太小，每多一步，用户都会感觉难度翻番，以至于有些流程过多，最后都忘了前面是如何操作的了。
5、轻：让你的移动APP应用轻一些吧。有的朋友，给电商开发的APP达到20M，甚至是80M。这样的产品做出来，肯定是没人用，用户需要简洁的，轻的。如果需求太多，可以考虑把APP应用拆分

1. 不要在没有流程图之就前开始设计或者画线框图

    一个简单的 APP 也要有一个思虑周全的流程图，以确保在 APP 有合乎逻辑的、合理的导航结构。另一点值得关注的是确保核心功能所在的屏幕位于上层而不是被埋没在多层导航元素之下。

    跳过流程图直接进进入开发会让开发变得复杂、不可控，很容易让用户迷茫，最后选择关掉或者卸载你的 App。

2. 分工要明确不要忽略开发预算

    设计师创建的每一个细节都要经过开发者才能变得活灵活现。花几个小时和几天时间做出的简单设计更改对 App 功能的影响是截然不同的。还有，设计不能命令功能。比如，一个计划好的 App 可能有一个搜索框，设计师预想的是一个产生实时结果的键入搜索，但设计师不能是做这个重大决定的唯一决策人。

3. 不要随意使用介绍动画

   在用户首次打开 App 的时候，给用户一个动画的介绍是个不错的想法，但不能太过火了。事实上，这些介绍动画也延迟了用户接触 App 的时间。如果你打算使用介绍动画，那要让动画时间尽可能短，设计尽可能精细以及足够吸引人，值得用户花费时间等待。

   App 加载过程中会先展现图片，再过渡至动画。要确保这个过度是平滑的，贴切自然的。有的 App 从加载图片过渡至介绍动画设计的非常蹩脚，这就很无趣了。

4. 别让用户空等

   App 加载时间过长很容易让用户以为出现了什么故障，也会带来糟糕的用户体验。App 加载的时候不要让用户看到空白的屏幕，使用加载指示条或者小动画让用户知道 App 处于正常运行当中。如果能加入一个加载进度指示条就更好了。

5、没有不可点击的效果

   一般按钮会有四态，不可点击效果、可点击效果、聚焦状态、按下状态。

   如果你的按钮此时处于不可用状态，那么一定要灰掉，或者拿掉按钮，否则会给用户误导。

6、菜单层次太深

   菜单项以5~7个为宜，如果有二级菜单，就要注意合理的菜单分类，不能有太多层级的菜单，否则很难预期，也很难找到，寻找和返回都会变得很麻烦。

7、文字长度不加以限制

   APP界面很小，寸土寸金，一页只能显示下6~10个列表，一行只能显示下10~16个字，标题栏的字数以5个以内为宜，标签栏也以2~3个为宜，那么这时 候出现文字过长的情况，一定要定义一下处理方式，如果是选择型的，一般是截断或者打点缩略;如果是内容阅读型的，可以折行。但最合理的方式还是精简文字内容，缩短文字长度。

8、文字表意不明

   由于APP是碎片时间、片段式阅读，所以APP界面上的文字表意性要求的更高，更苛刻，一定要在用户瞟到的瞬间，准确的传达信息。除了表意清晰之外，还要求语言精简，避免啰嗦;使用用户的语言而不是程序的语言;产品文案体现产品性格。

9、交互流程分支太多

   做交互的时候一定要有一个任务流程的概念贯穿始终，用户是为了完成某个任务而使用软件的，交互设计师除了关注界面元素、跳转逻辑和交互反馈之外，还要关注用户任务，分得清主要任务和次要人物，给主要任务一个畅通无阻的清晰流程，不要给予太多可能的分支，干扰主要流程。

10、相关的选项离的很远

   相关选项一定要具有操作上的延续性，虽然APP屏幕看起来比电脑屏幕要小的多，但是APP在屏幕上移动的代价，却要比鼠标在电脑上移动的代价大的多，如果手机上相关选选离得很远的话，用户一是容易迷失，找不到下一步操作，二是需要移动手指，到屏幕另一端触发操作。

11、一次载入太多的数据

   流量、电量、速度和稳定性是APP产品的四个硬指标，如果你的应用不能合理的帮助用户节约流量、电量，提升浏览速度和浏览体验，保证应用的稳定性能，就不要谈什么用户体验。你可以利用预加载缓存、批量载入、动态刷新、服务端数据压缩等方式来保证省、快、稳基础体验。

12、按钮可点击范围比看起来小

   我们都知道移动端有个神奇的数字“44”，根据食指最小点触距离7mm、拇指最小点触距离9mm，可以推导出做设计的时候，最小的点触距离是44*32 px。你可以设计一个精美的小图标，但是在定义它的点触大小的时候，却可以做放大处理，但你千万不要设计一个傻大的图标，点触范围却比图标要小，这样会给用户带来明显的误操作挫败感。

13、标签页跟内容没有从属关系

   标签页跟内容需要有很好的联动关系，一般一个界面内有二级标签就足够复杂了，千万不要再有三级标签、四级标签。每个标签页都有自己特有的内容，当切换标签的时候，内容跟着切换。标签页如果是点击切换，内容部分可以整体刷新，标签页如果是滑动切换，内容页也要跟着滑动切换，千万不要一个点、一个滑。

14、把所有的操作都暴露出来

   APP产品交互设计要经历缩减、隐藏、附加、组织的过程，千万不要妄图把什么功能、什么操作都暴露出来，以彰显强大。你需要把自己应用的所有功能所有操作做个优先级设定，那些常用的20%的功能，放在界面的主要位置上，其他80%的操作，放在次要位置或合理归类组织后，隐藏起来就可以了。

15、没有空数据界面设计

   我们在做设计的时候，往往是提供理想化的场景，用户都已经进来了，我们怎么玩。但是，往往应用刚推出的时候，是没有用户的，甚至当应用有了一定用户基础的时候，新进来的用户打开应用的时候，应用仍然可能是一种没有数据的状态，再或者当用户清楚了全部数据，这三种情况下，用户都可能遇到空数据的界面。新手设计师往往不加设计，这时候用户就会看到一个空白界面，茫然失措。有经验的做法就是，提供一个情感化的界面，告诉用户当前没有内容;更具引导性的做法，就是引导用户去执行操作。

16、用户引导的滥用

   去年就预言用户引导将要泛滥，很明显设计部门都喜欢用漂亮的引导界面告诉用户新增的功能或隐藏的应用，但不是所有的应用、所有的功能都需要花哨的引导的。 如果是通用的功能、非重点的模块，根本就不需要引导;如果是功能告知，只需呀轻量级的引导;如果是版本更新说明，说明书式的引导可以采用，但是要言简意赅。

17、无加载中状态

   APP产品只要是需要联网，需要交换数据，都需要提供一个加载中状态的，无论是菊花转还是Toast还是对话框，你需要给开发人员一个全局的定义，并且要告知加载中是模态(前台加载)的还是非模态的(后台加载)。且要考虑到加载时间过长、网络开关没有打开、网络不通等情况分别怎么去处理。

18、未定义Back的逻辑

   在为Android做设计的时候，会涉及到硬件交互，其中Back键的使用，是一门学问，Android官方有一些指导原则可以借鉴，但是具体开发的时候，还是会有很多特殊情况，比如单一实例的替换、键盘及一些中间状态，这种情况下，Back可能需要被定义一下，该回到前一个实例(那就需要变成多实例 了)还是该回到初始状态(清空输入内容或恢复初始状态)。

19、无横屏模式的设计

   由于横屏模式下，纵向空间变得格外宝贵，导航栏、标签栏、键盘都需要被压扁，横盘模式一定要考虑是简单拉伸适配还是重新设计，如果你的应用不适合在横屏模式下使用，就屏蔽横盘，如果你的应用包括应用widget都需要支持横盘模式(甚至是带侧滑键盘的横屏机器)，就需要提供设计方案。

20. 不要忘记手势但不要滥用

   不是每个元素都是可视化的，比如 iPhone Mail app 的删除进程。在收件箱内，用户可以猛击屏幕显示删除按钮，用户就不用点击“编辑”，选择信息然后再删除信息。不过，也不能说“编辑”菜单一点用处都没有，不知道快捷操作的用户还是需要的，而用户还可以通过“编辑”菜单一次性标注多条信息/邮件。

21. 不要觉得每个用户有着跟你一样的 App 使用方式

   可用性测试是必须的，不管你的 App 看起来多么好。找值得信任的人(或者有经验的设计师)进行小范围封闭测试，在公开发布之前更新下界面。另一个简单易行的获得用户反馈的方法是在分类网站张贴广告招募合适的人进行焦点小组测试

大道至简  整体协调  满足大众需求和习惯即可

基础规范

除了掌握基本的UI设计技能外，我们也要对移动端的设计规范有所认识，基本规范能满足用户的视觉体验。其次，为了能在用户体验、交互体验上做出比竞品更优秀的产品，我们必须先熟悉市场产品的设计规范，然后建立属于自身平台的规范。

栅格系统

栅格系统是界面设计师强有力的辅助工具，它能指导我们用科学的方式布局页面，而不是任凭个人主观意识进行布局能，目的是让页面布局规范有序、节奏统一，让设计师的效率得以快速提升。

色彩规范

为什么要强调界面的色彩搭配？因为通过色彩可以传递企业文化和设计师的情感，而色彩规范一般是注重“品牌色、辅助色、点缀色、状态色、背景色”的色值和使用范围，它是项目中不可缺少的一部分。

图片规范

不同比例的图片所传达的信息不尽相同，根据产品属性我们会选择与之相符的图片比例进行整体的框架布局。通过最近体验一些主流App，会发现一些常用的图片比例，如1:1、4:3、16:9、16:10等等。

图片比例 1:1 — 常用于产品头像、商品主图、特写图片，目的是为了凸显主体存在感，在电商App中比较常见。

图片比例 4:3 — 常用于作品封面、文章首图，但设计布局占用空间较大。

图片比例 16:9 — 多用于横向构图，是应用最广泛的一种尺寸，在视频、直播产品中比较常见。