美文网首页
程序结构(3)-导航

程序结构(3)-导航

作者: vcy桑 | 来源:发表于2020-05-14 11:35 被阅读0次

导航

一般来说,用户不会注意到导航栏,除非他们的期望没有得到满足。你的工作就是完成一个不引人注目的导航方式来支持应用程序的结构和目的。导航应该让人感到自然和亲切,不能干扰界面也不能比内容抢眼。在iOS中,有三种主要的导航样式。

层级导航

一个屏幕做一个选择直到你达成目的。要完成另外一个目的,你需要返回从头开始并且做出不同的选择。设置和邮箱就是使用这种导航样式。


扁平导航

在多个的内容类别中切换。音乐和应用商城就是使用这种导航方式。

内容驱动或经验驱动导航

在内容中自由的移动,或者内容本身就定义了导航。游戏,书籍,和其他沉浸式的应用程序通常都是使用这种导航方式。

有些应用程序结合使用了多种导航方式。比如说,一款应用程序中使用了扁平导航,可能在每一个类别中又使用了层级导航。

提供清晰的路径。在应用程序当中,用户需要知道当前正处在什么位置,以及如何抵达下一个目的地。除了导航方式以外,通往内容的路径也应该是逻辑清晰的,可预测的并且易于遵循的,这一点非常地重要。如果他们想在多个上下文当中浏览屏幕,请考虑使用动作面板,警示框,浮层,或者模态视窗。

设计一个能够简单快速地获取内容的信息架构。以一种只需要最少的点击,滑动和界面的方式来组织你的信息架构。

使用触摸手势来增强流畅性。使用户能够通过最少的接触,轻松地在界面中切换。比如,支持用户滑动以屏幕的边缘的方式返回到之前的界面。

使用标准的导航组件。任何时候都尽可能的使用标准的导航控件,比如像翻页控制器,选项栏,分段控件,表视窗,集合视窗以及分离视窗。用户已经很熟悉这些控件,并且能够凭直觉来操作程序。

使用导航来贯穿数据的层级结构。导航栏的标题能够表明用户当前在层级中的位置,返回按钮能够帮助用户轻易的返回之前的位置。

使用选项栏来显示同级的分类和功能。不考虑当前位置的情况下,选项栏允许用户能够在各个分类之间轻松地切换。

当有多个同类型的内容界面时,请使用翻页控制器。翻页控制器能够清晰地告知用户有效页面的数量以及当前的活动页面。天气程序使用翻页空间来展示具体区域的天气信息页面。

分段控件和工具栏没有导航的作用。分段控件可以通过分类的方式来组织信息。工具栏可以通过提供控件来与当前的语境进行交互。

原文地址:https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/

相关文章

  • 程序结构(3)-导航

    导航 一般来说,用户不会注意到导航栏,除非他们的期望没有得到满足。你的工作就是完成一个不引人注目的导航方式来支持应...

  • 【连载】IOS12设计规范——导航

    人们往往不知道应用程序的导航,直到它不符合他们的期望。您的工作是以支 持应用程序结构和目的的方式实现导航,而无需关...

  • JavaScript程序结构

    一、程序结构(1) 认识程序结构程序结构,描述了业务处理流程,反映到代码中就是代码的执行顺序/过程;常见的程序结构...

  • Kotlin——程序结构(3)

    1、常量与变量(var,val) var是一个可变变量,这是一个可以通过重新分配来更改为另一个值的变量。这种声明变...

  • 程序结构之:循环结构

    程序结构之:循环结构 · 视频课程 程序结构之:循环结构 · 课程文稿 今天,我们来学习另一种程序结构:顺序结构。...

  • 角色

    SET【soft engineer in test】职责: 1、程序结构建议 2、代码风格建议 3、测试框架方面的...

  • 2 mysql 体系架构

    2. mysql 体系架构 连接方式TCP/IPSocket mysqld程序结构mysqld程序结构mysql程...

  • 零基础学Java第三篇之流程控制

    程序结构 顺序结构:是最简单的程序结构,也是最常用的程序结构,只要按照解决问题的顺序写出相应的语句就行,它的执行顺...

  • AHK基础入门与程序结构

    [toc] # 前言 ## 什么是程序结构? 程序结构一般指结构化程序设计,也就是说我们把程序结构化,进行以模块功...

  • Flink基础系列30-Table API和Flink SQL之

    一.基本程序结构 Table API和SQL的程序结构,与流式处理的程序结构十分类似; 也可以近似的认为有这么几步...

网友评论

      本文标题:程序结构(3)-导航

      本文链接:https://www.haomeiwen.com/subject/qtnoactx.html