• APP界面设计之页面布局的22条基本原则 2016-02-16 分享新闻到:
<返回列表

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


小白自学APP界面设计:APP导航交互设计全解

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

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

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

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

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

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

17、为框架提供标题。

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

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

20、避免水平滚屏。

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

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

这些APP界面布局原则可以保证页面在布局方面最基本的可用性。是非常适合app设计新手来掌握。


分享新闻到:

更多阅读

教你怎样才能把APP引导页设计的高大上

视觉设计 2016-02-16
第一部分:app引导页设计知识和理论诠释 简单的说,APP引导页无外乎三种: 一、功能介绍型 二、情感带入型 三、搞笑耍宝卖萌型 下面就跟随25学堂跟大家一起来看看如何去设计这三种类型的APP引导页。 1、功能介绍型 (设计 基…查看全文

UI、UX傻傻分不清楚?来一份清晰详尽的设计师分工指南

视觉设计 2016-02-16
UX ,英文为 User Experience ,指的是用户体验。一般而言,国内 UX 设计师,也称为交互设计师或 UE 设计师(而国外的 UX 设计师指的是用户体验设计师,交互设计师指的是动效设计师)。 UX 设计师主要关注用户对产品的体验感受,确…查看全文

移动界面设计的一些心得

视觉设计 2016-02-16
软件开发者 Johannes Fahrenkrug 在自己的博客 Springenwerk 讲述了移动界面设计的一些心得,值得参考。 跨平台界面是一种观念的错误 跨平台界面是一个从未实现的幻想,是否记得 Java Swing?它许诺在任何运行 Java 的平台统一界面,而…查看全文
返回全部新闻
  • 商务合作

  • 邮箱:sun@online-sh.com
  • 座机:021-61847387
  • 全国电话:全国直线:18017360907
  • Q Q:点击交谈
  • 总部地址:上海市北京东路668号科技京城15F(上海企业在线)
  • 浙江地址:杭州市华滋创意园1号楼13层 南京分公司:南京市建邺路98号16层(江苏企业在线)
扫描二维码关注我们:上海移动互联网开发商
 
QQ在线咨询
售前咨询
点击这里给我发消息
售前咨询
点击这里给我发消息