APP的UI设计原则及UI界面适配步骤

本文转载自http://www.cyzone.cn/a/20140619/259323.html

从最初的AppStore仅有不到500个APP，到现在，据统计APP近几年增加的数量已经超过3000,000个，累计下载量突破了352亿次。这意味着移动APP的使用已成为移动互联网时代的重要部分，同时移动APP的竞争也越来越大，如何在为数众多的APP中脱颖而出呢?APP视觉UI设计占住一大块。

所以，我们必须了解移动APP客户端的UI设计原则及UI界面适配步骤。

第一点：移动APP客户端的UI设计原则

1)手机本身的物理特性受限引起的操作交互指南：

a、移动APP客户端的文字输入，必须要降到最低：由于手机在输入上的低效性，在设计的过程中，应尽量减少用户的输入，如果有可能可以设置默认值，或者让用户选择目标值。

b、移动APP客户端的信息结构好，屏与屏之间的逻辑关系清晰：由于手机屏幕都普遍较小，即使有4吋屏，那也只能展示较少的信息量，因此，在手机设计上，更需要有清晰的信息架构，用户知道当前在哪儿，并能返回到哪儿。

c、移动APP客户端的操作、功能不要隐藏太深，重要功能都需要在界面中有适当的提示：由于手机屏幕较小，不能展示所有的信息。因此，对重要的、使用频率高的功能或信息放在最重要的位置，并在首页上展示或指示。

2) 手机的移动特性引起的指南：

a、移动APP客户端的最主要的功能操作，用单手可以完成：手机的使用情景多样性，在很多情景下，用户都只能单手来操作手机，因此，在客户端的设计过程中，需要考虑最重要的核心功能，能否单手操作完成。常见手势翻页交互效果和优点等。

b、移动APP客户端的界面必须简洁、操作简单，操作步骤少：由于用户操作情景复杂，在使用客户端的过程可能有额外的认知负荷，因此，在设计客户端的过程中，逻辑必须简单，操作步骤也要减少。

c、移动APP客户端的界面层次不要太深，最好不要超过3级。

d、移动APP客户端的提示包括界面、声音、振动多种形式：用户在操作手机时，往往不会一直盯着手机屏幕看，因此，很多手机状态页面的切换，脱离了用户的视线，这时，必须要提供视觉之外的其他感觉通道的信息(如听觉、触觉等)，来对用户做提示。快速体验移动触摸响应操作等。

3)其他移动UI设计原则

a) 客户端UI的适配不必恪守所有的平台都保持一致，只要一些品牌的关键元素能体现可。

b) 客户端的主要操作方式(框架、导航、按键功能及软键对应方式等)应与所承载的手机操作系统保持一致：客户端都承载在某款具体的手机平台中，而用户会对当前的手机平台很熟悉。

因此，在设计的过程中，需要更好地理解当前的手机平台，并使客户端的设计与手机系统的设计逻辑保持一致。

第二点：. 手机APP客户端UI界面设计适配的步骤：

移动APP客户端的适配要以一个平台为起始，但是要着眼于多个平台。

1) 根据公司的战略，选择一个最先切入的平台;

2) 了解该平台的UI 设计规范，可用的UI 控件及交互原则;

3) 确定切入的屏幕大小，以此来设计第一个客户端，但是要考虑适配其他屏幕的可能性，是自适应来扩展或者缩小;

4) 根据平台及屏幕大小，来选择一款最典型的手机，开始客户端的交互设计。

5) 确定客户端的核心目的。如为娱乐为主的，应在设计方式更娱乐性;功能性完成目的为主的，以更易用性为主;

6) 根据客户端的功能和内容，来设计客户端的信息架构;

7) 根据UCD的原则，来完成客户端的交互原型;

最后，我们在交互原型的过程中，需要考虑手机适配的三因素(平台、屏幕、触摸/非触摸)，以便将来的界面适配做的很完美!看完之后，希望对app设计师们有所帮助。

APP的UI设计原则及UI界面适配步骤相关推荐

软件工程·UI设计原则专题
由于UI设计原则很多而且微妙复杂,再加上自己本身对概念的理解也不是很充分,所以写这篇博客专门复习一下,因为有很多感觉都是其他原则的一个具体案例,所以详细程度是不一样的一.设计原则(UI design ...
UI设计原则背后的认知心理学
了解人的感官和大脑是如何工作的,去衡量及判断那些设计原则更靠谱;UI设计师需要确定哪个设计原则更适用于给定的环境,从而优选应用,UI设计师必须深思熟虑,而不是盲目的应用设计原则,应该理解其基本原则并有 ...
移动端ui设计，移动端界面
移动端ui设计,移动端界面.相信你可能对这个概念比较模糊,一般来说,ui设计分为移动端ui设计和PC端ui设计以及游戏ui设计和其他端ui设计,但是近年最火的就是移动端ui设计.那么移动端的ui设计为 ...
Joshua Porter 20条UI设计原则
原文链接地址: http://www.niushe.com/news/show-3683.html,转载请注明出处,侵权必究,谢谢! 设计师Joshua Porter发表了一篇文章--<P ...
前端 UI 设计原则（基于Ant-design）
前端 UI 设计原则(基于Ant-design) 本文摘录自:AntDesign官网 1. 设计原则 1.1 亲密性纵向关系:三种间隔横向关系:栅格布局 1.2 对齐 Law of Continuit ...
优秀设计师应了解的UI设计原则！
没了解UI设计之前你是不是也曾经这么误解过UI设计师:为什么UI设计师的工资可以那么高?明明只是对着交互界面画色块跟线条吗?其实,真正优秀的UI设计师,是能够站在用户的角度做产品设计的,能力可是胜于美 ...
麓言信息优秀的UI设计师必须了解UI设计原则
UI设计是指在考虑用户体验和交互设计的前提下,对用户界面进行的美化设计,涉及移动端.PC端.多媒体终端等各个领域.在实际生活中,一个优秀的UI设计师不仅需要对界面进行美化,还需要对界面中的一些元素 ...
零基础小白怎么自学UI设计？自学UI设计有什么方法？
本文由:"学设计上兔课网"原创,图片素材来自网络,仅供学习分享零基础小白怎么自学UI设计?自学UI设计有什么方法?学ui设计,相信大家的第一选择就是想着自学.毕竟报班的费用不便宜 ...
ui设计范畴，ui设计分为哪几类
ui设计范畴,ui设计分为哪几类?随着互联网+时代的到来,UI设计师越来越受欢迎.很多刚毕业的学生和对未来工作迷茫的小伙伴已经开始想进入UI设计行业了.但是,你知道ui设计师具体的职责是什么吗?它的范 ...

APP的UI设计原则及UI界面适配步骤

APP的UI设计原则及UI界面适配步骤相关推荐

最新文章

热门文章