移动APP页面布局(LayOUT(出局）)是我们设计(Design)app界面的时候，最主要的设计任务。
一个app的好与不好，很大部分取决于移动APP页面布局的合理性。下图为APP最原始（Original)的布局模型。
移动APP经典布局界面欣赏，以网站首页为例展示：
页面布局顾名思义就是对页面的文字、图形或表格进行排布、设计(Design)。
优秀（解释:出色、非常好)的布局，需要对页面信息进行完整的考虑（consider)。即要考虑用户需求、用户行为，也要考虑信息发布者的目的、目标(cause)。
手机APP设计(Design)干货：常见的APP信息布局方式
3种iPad端常见的界面设计布局模式(pattern)和交互(each other)解析（analysis 剖析；深入分析)
对用户行为的迎合和引导，有一些既有原则和方法(method)，比如下面的22条基本原则：
1、公司/组织的图标（Logo）在所有页面都处于同一位置（position )。
2、用户所需的所有数据（data)网站内容均按先后次序合理显示。
3、所有的重要选项都要在主页显示。
4、重要条目要始终显示。
5、重要条目要显示在页面的顶端中间位置（position )。UI设计学习UI设计师的涉及范围包括高级网页设计、移动应用界面设计，是目前中国信息产业中最为抢手的人才之一。
6、必要的信息要一直显示。
7、消息、提示、通知等信息均出现在屏幕上目光容易找到的地方。
8、确保主页看起来像主页（使主页有别于其它二三级页面）。
9、主页的长度不宜过长。
10、APP的网址导航尽量采用底部导航的方式。菜单数目4-5个最佳。
小白自学APP界面设计(Design)：APP网址导航交互(each other)设计全解
11、每个APP页面长度要适当。
12、在长网页上使用(use)可点击的“网站内容列表”。
13、专门的网址导航页面要短小（避免滚屏，以便用户一眼能浏览到所有的导航信息，有全局观）。
14、优先使用分页（而非滚屏）。
15、滚屏不宜太多（最长4个整屏）。
16、需要仔细阅读理解文字时，应使用滚屏（而非分页）。
17、为框架(framework)提供标题。UI视觉设计一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。UI视觉设计承担的不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。
18、注意(attention)主页中面板块的宽度。
19、将一级网址导航放置在左侧面板。
20、避免水平滚屏。
21、文本区域的周围是否有足够的间隔。
22、各条目是否合理分类于各逻辑(Logic)区，并运用标题将各区域进行清晰划分。
这些APP界面布局原则可以保证页面在布局方面最基本的可用性。是非常适合app设计(Design)新人来掌握。
【
评论(0)