极速飞艇我们把它称作为卡片式交互信息流

 软件产品案例     |      2021-05-31 01:45

相信不少的小同伴都传闻过“信息流”、“Feed流”、“瀑布流”等专业术语,常常听多了,自然而然的也几多能悟出点门道,但总免不了有时候一脸蒙蔽的环境。

极速飞艇我们把它称作为卡片式交互信息流

出格是一些对UI感乐趣的小同伴来说,很多类型尺寸和专业术语,都照旧不清楚。

譬喻:iPhone6的类型巨细:

界面尺寸巨细是:750x1334px

状态栏(status bar):就是电量条,其高度为:40px;

导航栏(navigation):就是顶部条,其高度为:88px;

主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px;

内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px

极速飞艇我们把它称作为卡片式交互信息流

所以我们本日就来给各人科普一下“信息流”、“Feed流”、“瀑布流”这UI界面设计三大流。

展开全文

什么是信息流?

在我看来,信息流或许分为两种,一种是广义的,另一种是狭义的。

凭据,尺度的是说法就是:

广义:指在空间和时间上向同一偏向举动进程中的一组信息,它们有配合的信息源和信息的吸收者,即由一个信息源向另一个单元通报的全部信息的荟萃。

狭义:指信息的通报举动,这种通报举动是在现代信息技能研究、成长、应用的条件中,信息凭据必然要求通过必然渠道举办的。

换成人话来说就是,手机APP主动的给你推送的信息(雷同于弹出信息),我们是被动接管的一方,常见信息流一般会以纯文字、图文、图片、视频、链接、语音、告白的方法推送。

信息流的几种范例:

此刻的信息流一共包罗二种交互,(为了制止告白嫌疑,我们用海外的两款APP来举例吧)

第一种 以Facebook为代表的信息流,我们把它称作为卡片式交互信息流。

第二种 以Twitter为代表的信息流,我们把它称作为时间轴的交互信息流。

极速飞艇我们把它称作为卡片式交互信息流

一般环境来说,卡片式信息流运用的较为遍及,可承载的信息内容和方法也多,包罗图片和文字都能展示,纵然在没有点击放大的环境下,图片内容照旧可以或许看的清楚,这样做的长处就在于,用户的寓目习惯,以寓目图为主,文字为辅的阅读模式,长短合用于社交范例的APP。

最为典范的App有Facebook、Instagram,以及海内的“某博”。

极速飞艇我们把它称作为卡片式交互信息流

另一种时间轴信息流,则是以记录的方法为主,看成主要的阅读内容,突出用户的头像,而整个图片区域对比之下会小许多,使得阅读起来越发紧凑,阅读重点也从图片转移到了文字。

典范的APP就是 Twitter和海内的“某圈”

极速飞艇我们把它称作为卡片式交互信息流

什么是Feed流?

首先从字面意思领略,Feed ,翻译过来是喂养的意思,而Feed流,可以领略成一种泛起方法,那就是喂养式的,虽然这也算是一种被动式的接管,就有点雷同于,鸟妈妈喂养小鸟一样,Feed流无需用户搜索和思考,只要一连下滑,产物会按照数据算法为差异用户推荐关于其相关的乐趣喜好,吸引用户一连下拉。

这就是你为什么刷“某音”的时候,能刷一天都停不下的原因,这看似是被内里出色的内容迷住了,但其实是被feed流给节制了!

极速飞艇我们把它称作为卡片式交互信息流

同样Feed也分为 图片类、文字类、视频类,这里为了节省时间我就不展开讲了。

什么是瀑布流?

这种机关方法确实较量新鲜,我们凭据老端正,遇事不决,先百度:

凭据百度百科的说法:瀑布流,又称瀑布流式机关。是较量风行的一种网站页面机关,视觉表示为东倒西歪的多栏机关,跟着页面转动条向下转动,这种机关还会不绝加载数据块并附加至当前尾部。最早回收此机关的网站是Pinterest,逐渐在海内风行开来。海内大大都清新站根基为这类气势气魄。

他们或许,长这个样子:

极速飞艇我们把它称作为卡片式交互信息流

瀑布流特点: