UI设计里的一些专用术语，干货？

用户投稿 • 2022年6月4日 am4:45 • 网络资讯 • 阅读 587

相信不少的小伙伴都听说过“信息流”、“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设计里的一些专用术语，干货？

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

好了，这篇文章的内容营销圈就和大家分享到这里，如果大家对网络推广引流和网络创业项目感兴趣，可以添加微信：Sum8338 备注：营销圈引流学习，我拉你进直播课程学习群，每周135晚上都是有实战的推广引流技术和网络创业项目课程分享，当然是免费学！

UI设计里的一些专用术语，干货？

什么是信息流？

信息流的几种类型：

什么是Feed流？

什么是瀑布流？

瀑布流特点：

相关推荐