b2c信息网

您现在的位置是:首页 > 最新时事 > 正文

最新时事

卡片式导航框架图(卡片式导航是什么)

hacker2022-06-26 17:35:15最新时事90
本文目录一览:1、tab标签式交互框架是什么意思2、

本文目录一览:

tab标签式交互框架是什么意思

是指互联网产品) 框架是整个或部分系统的可重用设计,表现为一组抽象构件及构件实例间交互的方法。

这是官方的定义,翻译成人话就是搭建一个产品能够使其可拓展,规范化,有条理,可快速 迭代优化的方法。好像还是不好理解,让我们举一个通俗易懂的例子:假如我现在有个空房 子,我要重新改造它,那么我首先要考虑的就是其房间结构( 也就是框架 ),比如我要设 计几个卧室,几个客厅,分别占多大面积,在什么位置等等( 信息架构 );然后还要考虑 如何设计门和窗户,怎么能够在不同房间互通( 导航方式 );接着再思考每个房间里面分 别需要怎么布局,分别需要哪些家居和电器,具体在什么位置( 页面结构 );然后再不停 的细分下去,直到考虑全每个细节,那么一个产品完整的框架就基本上搭建出来了~ 理解了框架的概念后,可能我们还是会有疑问: 为什么要做框架设计? 还是上面房子的例子,假如我不考虑房间布局,随心所欲地将我的家具和电器到处摆放,我 将卧室放在房子的最里面, 我需要依次穿过客厅、厨房、洗手间才能到到达;我将马桶放 在卧室,把床放在客厅,把厨具放在洗手间,把衣柜放在阳台,把洗衣机放在厨房__各位 可以想象一下你的房子要是要被设计成这样你还想住吗?同理,一个框架结构混乱的产品你 的用户也是不会用的。但凡在行业里有些影响力的互联网产品,其产品的框架和结构必定是 由产品和设计人员精心思考并设计过的。框架是一个产品的骨骼和经脉,它是一个产品能用 与否的基础所在,所以在开始产品设计之前先进行框架结构的梳理是非常非常重要的! 那么对于交互框架: 我们又该如何去思考和设计呢? 我将其总结为3 个步骤:

步骤1:信息架构 对于产品和设计来说,这个词肯定是不陌生的,那么信息架构是个什么东西呢? 这就是某app 产品的信息架构图,通过不同级别的分类,将其所有的功能点展示出来的一个 功能信息框架图。一般来说这种架构图主要是由产品产出,而有些比较专业的交互前期也会 参与其中,下面还是以设计房子为案例来探究一下信息架构到底该怎么做。 首先我们要想清楚房子有几个房间,分别需要哪些家居和设备(收集需求) 收集完需求后,我们需要开始对需求进行整理和分类,这里整理的规则可以参考卡片分类法 和卡诺模型: 整理完成后最后产出信息架构图: 信息架构完成后并没有结束,你还需进一步思考: 还有没有其他问题呢?有没有漏掉的功 能?功能分类有没有问题?这个框架拓展性如何?结构是否足够扁平? 等等__如果不考 虑清楚那么就很有可能会出现马桶被摆放在卧室这种情况了。 当信息架构确定好了之后开始思考第二步:

步骤2:导航 导航就像是房子里面的门,是贯穿整个产品的入口,导航做的好的能让用户快速达到目标, 导航做的不好会让用户迷失在茫茫的信息海洋中不知所措,目前在app 业内主要的导航模式 选项卡式导航、抽屉式导航和跳板式导航。选项卡导航: iOS 上又叫Tab bar,典型代表像淘宝、微信,这类产品相对体量较大,产品 结构和流程逻辑也都较为复杂多变; 抽屉式导航: 代表如滴滴、摩拜等,这类产品都有一个很共性的特点就是“单线程”,即用 户目标明确,操作流程单一,属于“强流程,弱框架”的类型; 跳板式导航: 宫格式导航,典型代表如美图,这类产品也有着比较鲜明的特点“多线程单流程”,即功能入口较多(一般5 个以上),操作流程单一,常用于美图类产品和一些 端类产品。虽说不同的产品形态决定了其不同的导航模式,然而业内几乎90%的app 都是采用选项卡导 航,选项卡式导航的确拥有非常显著的优势:结构简洁清晰,操作便捷,拓展性强,稳定性 好,确实是很多app 首选的导航模式,然而并非一概而论,你所选择的导航一定是跟你的产 品类型和框架结构相互关联的,滴滴采用抽屉式导航而非选项卡导航是由其产品本身属性所 决定,豆瓣一刻的导航采用抽屉式是因为本身产品框架结构较为简单的原因。所以采用什么 导航方式要灵活变通,没有最好的只有最适合的,比如下面3 个例子: 片刻 使用的是驼式导航,是选项卡导航的一种变形,强化了某一个重要或高频繁操作的功 能,多用于博客类,直播类app 好奇心日报用了一种很罕见的悬浮导航,至于为什么会这么做,各位可以自己去思考; Hyperlapse 更是大胆,它根本就没有导航,这个产品全身上下就只有一个功能。 结合自己产品类型和框架结构,灵活选择导航,不要拘泥于形式,多尝试多思考,总会发现 最合适的那个。 完成导航设计后,来到最后一个步骤:

步骤3:页面结构 页面结构即页面布局,是针对单个页面不同控件和元素的布局展示关系,就像房子的房间大 小位置都设计好了,那么接下来就考虑每个房间里面该怎么添置家居了,比如卧室里面的床, 衣柜,台灯,空调等等这些东西该怎么布置,分别放在什么方位,具体占多大位置,这样摆 有什么影响等等,房间里面布局的好坏影响空间的运用,也影响了房间的美观整洁和整个房 子的格局风格, 同理,页面的布局好坏就决定了用户的使用和阅读体验,决定了整个产品 的调性和品位,最终影响了产品的转化。 那么一个优秀的页面布局具备哪些特点呢? 1、主次分明,结构清晰 结构清晰的页面各个元素和控件处理的非常得当,相反结构混乱的用户的关注没有焦点,看 了很长时间都不知道你的页面想表达什么,也不知道该如何操作

有哪些移动端的导航设计 原来这才是行业中较为常见的

1、有哪些移动端的导航设计——宫格导航

宫格导航也是一种很常见的导航方式。除了一些工具应用程序之外,大多数应用程序都以辅助页面的形式呈现,而且大多数是以图标+文本的形式。

如果将网格图标更改为图像,则可以获得一个类似于卡片导航的新表单,可以通过垂直滑动进行切换。

好吧,如果网格中有太多的信息,我发现很多应用程序使用分类显示,带有水平滑动。

然而,在这两种情况下,我们必须让用户知道它是可以水平滑动还是垂直滑动。我们只显示边界信息的一半来告诉用户继续滑动。

此外,兄弟导航还可以用于电子商务。在主页的动作内容块中,可以根据内容的重要性调整模块的大小。

2、有哪些移动端的导航设计——侧边导航栏

在一些书中,侧边导航称为抽屉导航。事实上,这种导航是很少见的。最初,它也是从谷歌材料设计中提取的概念。通常,主功能显示在主页上,而其他不太常用的功能存储在侧导航中。

环球网校小编为大家整理的《有哪些移动端的导航设计,是ui设计行业中较为常见的?》到这里就结束了,如果你希望能将这篇文章灵活应用,还需多加练习,如果你还想学习更多有关ui设计的技巧或知识,那么可以点击本站的其他文章进行学习。

请给我一些关于本田汽车导航系统结构的图片

找到了,但是这里不能回答复制图片只能给你网子.

GPS作为野外定位的最佳工具,在户外运动中有广泛的应用,在国内也可以越来越经常地看见有人使用了。GPS不象电视或收音机,打开就能用,它更象一架相机,你需要有一定的技巧。现在介绍一些GPS使用办法和经验。

首先大家要弄清使用GPS时常碰到的一些术语:

1.坐标(coordinate)

有2维、3维两种坐标表示,当GPS能够收到4颗及以上卫星的信号时,它能计算出本地的3微坐标:经度、纬度、高度,若只能收到3颗卫星的信号,它只能计算出2维坐标:精度和纬度,这时它可能还会显示高度数据,但这数据是无效的。大部分GPS不仅能以经/纬度(Lat/Long)的方式,显示坐标,而且还可以用UTM(Universal Transverse Mercator)等坐标系统显示坐标但我们一般还是使用LAT/LONG系统,这主要是由你所使用的地图的坐标系统决定的。坐标的精度在Selective Availability(美国防部为减小GPS精确度而实施的一种措施)打开时,GPS的水平精度在100-50米之间,视接受到卫星信号的多少和强弱而定,若根据GPS的指示,说你已经到达,那么四周看看,应该在大约一个足球场大小的面积内发现你的目标的。

在SA关闭时(目前是很少见的,但美政府计划将来取消SA),精度能达到15米左右(GPS性能介绍上说的精度都给的是no SA值,唬人的)。高度的精确性由于系统结构的原因,更差些。经纬度的显示方式一般都可以根据自己的爱好选择,一般有"hddd.ddddd","hddd*mm.mmm"","hddd*mm"ss.s"""(其中的“*”代表“度”,以下同)地球子午线长是39940.67公里,纬度改变一度合110.94公里,一分合1.849公里,一秒合30.8米,赤道圈是40075.36公里,北京地区纬在北纬40度左右,纬度圈长为40075*sin(90-40),此地经度一度合276公里,一分合1.42公里一秒合23.69米,你可以选定某个显示方式,并把各位数字改变一对应地面移动多少米记住,这样能在经纬度和实际里程间建立个大概的对应。大部分GPS都有计算两点距离的功能,可给出两个坐标间的精确距离。高度的显示会有英制和公制两种方式,进GPS的SETUP页面,设置成公制,这样在其他象速度、距离等的显示也都会成公制的了。

2.航点(Landmark or Waypoint)

GPS内存中保存的一个点的坐标值。在有GPS信号时,你可以存储成一个易认的名字(字母用上下箭头输入),还可以给它选定一个图标。航点是GPS数据核心,它是构成“航线”(见3)的基础。标记航点是GPS主要功能之一,但是你也可以从地图上读出一个地点的坐标,手工或通过计算机接口输入GPS,成为一个航点。一个航点可以将来用于GOTO功能(见5)的目标,也可以选进一条航线Route,(见3)作为一个支点。一般GPS能记录500个或以上的航点。

3.航线(ROUTE)

航线是GPS内存中存储的一组数据,包括一个起点和一个终点的坐标,还可以包括若干中间点的坐标,每两个坐标点之间的线段叫一条"腿"(leg)。常见GPS能存储20条线路,每条线路30条"腿"。各坐标点可以从现有航点中选择,或是手工/计算机输入数值,输入的路点同时做为一个航点(Waypoint/Landmark)保存。实际上一条航线的所有点都是对某个航点的引用,比如你在航点菜单下改变一个航点的名字或坐标,如果某条航线使用了它,你会发现这条航线也发生了同样的变化。可以有一条航线是"活跃"(Activity)的。“活跃”航线的路点是导向(见5)功能的目标。

发表评论

评论列表

  • 闹旅海夕(2022-06-27 01:50:31)回复取消回复

    个元素和控件处理的非常得当,相反结构混乱的用户的关注没有焦点,看 了很长时间都不知道你的页面想表达什么,也不知道该如何操作有哪些移动端的导航设计 原来这才是行业中较为常见的1、有哪些移动端的导航设计——宫格导航宫格导航也是一种很常见的导航方式。除了一些工具应用程序之外,大多数应用程序都以辅助页面的形

  • 辞眸青尢(2022-06-27 02:14:42)回复取消回复

    有什么影响等等,房间里面布局的好坏影响空间的运用,也影响了房间的美观整洁和整个房 子的格局风格, 同理,页面的布局好坏就决定了用户的使用和阅读体验,决定了整个产品 的调性和品位,最终影响了产品的转化。 那么一个优秀的页面布