UI设计里的一些专用术语(干货)

seoxin 01-16 21:00 22次浏览

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

UI设计里的一些专用术语

特别是一些对UI感兴趣的小伙伴来说,许多规范尺寸和专业术语,都还是不清楚。

例如:iPhone6的规范大小:

界面尺寸大小是:750x1334px

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

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

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

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

UI设计里的一些专用术语

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

什么是信息流?

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

按照,标准的是说法就是:

广义:指在空间和时间上向同一方向运动过程中的一组信息,它们有共同的信息源和信息的接收者,即由一个信息源向另一个单位传递的全部信息的集合。

狭义:指信息的传递运动,这种传递运动是在现代信息技术研究、发展、应用的条件中,信息按照一定要求通过一定渠道进行的。

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

UI设计里的一些专用术语

信息流的几种类型:

现在的信息流一共包括二种交互,(为了避免广告嫌疑,我们用国外的两款APP来举例吧)

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

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

UI设计里的一些专用术语

一般情况来说,卡片式信息流运用的较为广泛,可承载的信息内容和方式也多,包括图片和文字都能展示,即使在没有点击放大的情况下,图片内容还是能够看的清楚,这样做的好处就在于,用户的观看习惯,以观看图为主,文字为辅的阅读模式,是非适用于社交类型的APP。

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

UI设计里的一些专用术语

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

典型的APP就是 Twitter和国内的“某圈”

UI设计里的一些专用术语

什么是Feed流?

首先从字面意思理解,Feed ,翻译过来是喂养的意思,而Feed流,可以理解成一种呈现方式,那就是喂养式的,当然这也算是一种被动式的接受,就有点类似于,鸟妈妈喂养小鸟一样,Feed流无需用户搜索和思考,只要持续下滑,产品会根据数据算法为不同用户推荐关于其相关的兴趣爱好,吸引用户持续下拉。

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

UI设计里的一些专用术语

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

什么是瀑布流?

这种布局方式确实比较新鲜,我们按照老规矩,遇事不决,先百度:

按照百度百科的说法:瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站基本为这类风格。

他们大概,长这个样子:

UI设计里的一些专用术语

瀑布流特点:

用户在滑动的时候会不停的出现新的东西,不断地加载新的暗示信息,通过给出不完整的视觉图片去吸引你的好奇心向下探索,有种向下滑动一时爽,一直滑动一直爽的感觉。

UI设计里的一些专用术语

这种沉浸式的阅读体验,完美的切合了当今碎片化的信息传播方式,让大家在快速阅读的同时,还能有探索的感觉,并且在这个过程中,不易被外界打断。

可以让用户,尽可能多的阅读app想要推送的内容,且不至于造成视觉疲劳。

但如果用户在使用期间,受网络环境影响,很可能出现页面加载不稳定的情况或卡顿等情况,这样会大大降低用户体验。

UI设计里的一些专用术语

总结一下,任何形式的推流设计,都有自己相对合适的场景,而设计风格和用户的阅读习惯也是成螺旋式上升的,相信在未来还会有更多的设计方式的诞生,我们作为从业者也应该与时俱进,学习新的理念和技术。

UI设计里的一些专用术语

以上就是本期的全部内容,各位看官如果有好的想法或建议,也欢迎大家通过留言的方式告诉我们,让我们下期再会。