专注电商平台开发 为您提供一站式互联网+解决方案
    咨询热线:0379-63921200

APP界面设计之页面布局的22条基本原则

作者:zdwxadmin 出自:无 加入时间:2017-07-12 点击数: 183 次  自动滚屏(右键暂停)


移动APP页面布局(Layout)是我们设计app界面的时候,最主要的设计任务。


一个app的好与不好,很大部分取决于移动APP页面布局的合理性。下图为APP最原始的布局模型。

移动APP开发


移动APP经典布局界面欣赏,以首页为例展示:

移动APP开发



页面布局顾名思义就是对页面的文字、图形或表格进行排布、设计。


优秀的布局,需要对页面信息进行完整的考虑。即要考虑用户需求、用户行为,也要考虑信息发布者的目的、目标。

移动APP开发



手机APP设计:常见的APP信息布局方式


3种iPad端常见的界面设计布局模式和交互解析


对用户行为的迎合和引导,有一些既有原则和方法,比如下面的22条基本原则:


1、公司/组织的图标(Logo)在所有页面都处于同一位置。


2、用户所需的所有数据内容均按先后次序合理显示。


3、所有的重要选项都要在主页显示。


4、重要条目要始终显示。


5、重要条目要显示在页面的顶端中间位置。


6、必要的信息要一直显示。


7、消息、提示、通知等信息均出现在屏幕上目光容易找到的地方。


8、确保主页看起来像主页(使主页有别于其它二三级页面)。


9、主页的长度不宜过长。


10、APP的导航尽量采用底部导航的方式。菜单数目4-5个最佳。

移动APP开发



APP界面设计:APP导航交互设计全解


11、每个APP页面长度要适当。


12、在长网页上使用可点击的“内容列表”。


13、专门的导航页面要短小(避免滚屏,以便用户一眼能浏览到所有的导航信息,有全局观)。


14、优先使用分页(而非滚屏)。


15、滚屏不宜太多(最长4个整屏)。


16、需要仔细阅读理解文字时,应使用滚屏(而非分页)。


17、为框架提供标题。


18、注意主页中面板块的宽度。


19、将一级导航放置在左侧面板。


20、避免水平滚屏。


21、文本区域的周围是否有足够的间隔。


22、各条目是否合理分类于各逻辑区,并运用标题将各区域进行清晰划分。


这些APP界面布局原则可以保证页面在布局方面最基本的可用性。

移动APP开发

上一篇:企业网站更新的必要性分析

下一篇: 网站建设多元化发展趋势