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

移动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
分享到:

评论0

请先

社交账号快速登录

 
QQ在线咨询