火星人教育老师直接接听

400-029-09** 400-029-0997 转 7932
查看完整号码
扫码拨号
微信扫码拨号

APP界面布局小技巧,快上车!

2020/3/13 18:14:34

APP界面布局设计是APP设计中非常重要的一环

APP界面布局小技巧,快上车!


火星人教育 △ 让天下学生 学有所成 △

APP界面布局设计是APP设计中非常重要的一环,合理的运用APP界面布局会让APP的界面显得很清晰美观。那么常见的APP界面布局有哪些呢?

APP界面常用布局形式

1.顶部导航。整个的应用的导航在顶部,用户通过左右滑动来切换不同的导航选项卡,主内容区域将是一个动态面板。当用户点击导航条目或者左右滑动手指的时候,就切换主内容区域的动态面板的状态。

APP界面常用布局形式

1.顶部导航。整个的应用的导航在顶部,用户通过左右滑动来切换不同的导航选项卡,主内容区域将是一个动态面板。当用户点击导航条目或者左右滑动手指的时候,就切换主内容区域的动态面板的状态。

APP界面常用布局形式

1.顶部导航。整个的应用的导航在顶部,用户通过左右滑动来切换不同的导航选项卡,主内容区域将是一个动态面板。当用户点击导航条目或者左右滑动手指的时候,就切换主内容区域的动态面板的状态。

4.九宫格式。九宫格其实不一定是九个格,可以根据需要灵活地调整。九宫格布局的特点就是直观,所有的功能一目了然。

5.下拉列表式。在这种布局中菜单默认是隐藏的,用户点击后滑出,有点儿类似于抽屉布局,不过一般是上下滑动的。

6.异形。在这类布局中,会采用一些非常规的菜单来进行导航,例如:圆形的导航盘、飞出式菜单等。

7.分级菜单。多层级的菜单这种设计适合与项目很多但是每个项目的内容比较简单的界面应用,例如:联系人、地址等。

APP界面布局小技巧

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

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

3、所有的重要选项都要在主页显示,重要条目要始终显。

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

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

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

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

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

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

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

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

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

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

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

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

17、为框架提供标题。

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

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

20、避免水平滚屏。

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

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

投稿:王杰,来源:平面设计(pingmiandesigner),如侵权请告知删除

“北京火星人教育中心”是新火星人(北京)教育科技有限公司在教育宝平台开设的店铺,若该店铺内信息涉嫌虚假或违法,请点击这里向教育宝反馈,我们将及时进行处理。

机构评分

环境:4.9师资:5.0服务:5.0效果:5.0

公示信息

店铺名称:北京火星人教育中心

单位名称:新火星人(北京)教育科技有限公司

账号名称:bjhxr(195******90)

所属城市:北京

入驻时长:6年

在线客服:在线聊

微信咨询

返回顶部