8858cc永利

网站专题BANNER

8858cc永利常识:什么是列表流、卡片流、瀑布流、Feed流呢?

发表日期:2021-12-11 文章编辑:洛壹网络 文章来源:深圳8858cc永利

什么是列表流、卡片流、瀑布流、Feed流呢?这几个词的含义与区分你是否清楚呢?这几个词看到的频率很高,但对其认识有点模糊不清。这些概念放在一起看,肯定容易混乱,关键是理清它们之间的区别和联系,才能更好地在设计中使用。


8858cc永利常识_什么是列表流、卡片流、瀑布流、Feed流呢?


先把这四个概念分为两组,列表流和卡片流为一组,瀑布流和 feed 流为一组。


接下来咱们就展开说说为什么要这样分组,分组的依据、目的。如果你对这些概念也有点模糊不清,就一起来看看吧~


列表流与卡片流

1. 列表流


说到列表,首先想到的就是一行一行的内容排列形式,列表流其实就是一种以文字为主导的布局形式,内容以列表的形式表现出来,最典型的例子就是手机里的信息,进入之后会看到一行行的信息列表。


除了信息这种以文字为主的布局形式,列表流常见的形式还包括图文并排的布局,图文的位置可以很灵活,左图右文、左文右图、上文下图都是常见的布局方式。


列表流多用在资讯、信息、资讯类产品中,以文字内容为主导的布局形式既能快速突出重点,又能让用户浏览起来很方便。


除了使用单一的布局方式,多种布局形式的混合使用变得越来越流行,混合使用能够打破单一的布局,让页面变得有节奏,通过布局的穿插变化让页面和内容更加多元化。


2. 卡片流


无论在 APP 上还是网页上,卡片流都是最常用的布局形式。卡片式设计采用图像与文字相结合的方式将信息传达给受众,在有限的矩形空间中建立了无限的可能性。


对比列表流来看,卡片流相当于把图片尺寸放大,内容图文结合以卡片的形式展现出来。


公众号就是一个很标准的卡片式设计,以卡片流的形式来推送内容,一行只有一个卡片,并且每个卡片尺寸都是固定大小。


除了标准的单列卡片流,双列卡片流在产品中用的更多,每个卡片在宽度上相等,但高度上有可能不一样,而且卡片流中每个卡片不一定要严格地水平对齐。


卡片流除了可以承载以图片为主的内容,层级结构清晰的文字内容也可以灵活使用卡片式设计,简单清晰地展示信息。


通过前面的先容能够看出来,列表流、卡片流都是设计形式的变化。


比如列表设计的宽一点、卡片设计的大一点或小一点等等,直接呈现出直观的视觉效果,带给大家最直观的视觉感受。而且两者并不是对立存在的,而是可以相互联系、相互搭配使用,比如一个页面上可以结合使用多种形式,在使用列表流的时候我可以穿插使用一些卡片流,两者的混合使用往往能产生 1+1>2 的效果。


瀑布流与 Feed 流

为什么将这两个概念放一块说呢?大家可以根据上面讲到的列表流和卡片流的特点,一起来对比思考下。


1. 瀑布流


瀑布流是指在滑动页面的时候,内容会源源不断地刷新出来,感觉一直滑不到底,Pinterest 大家应该都很熟悉,有网友提到 Pinterest 是最早使用了瀑布流设计。


瀑布流代表了内容呈现的方式,呈现的内容可以是源源不断的列表,也可以是源源不断的卡片,看到这里,大家是不是有点明白瀑布流跟列表流、卡片流的根本区别了。


另外需要注意的一点是,瀑布流只负责展现内容,并不会对内容进行干预,会把内容无差别地展示给用户。


在 500px 网站的图片中,无论用户是否登录网站、有什么喜好,网站都不会干预内容的呈现,所有的用户都会看到相同的图片内容。


2. Feed 流


和瀑布流不同,Feed 流在呈现内容的时候,会对内容进行干预,会根据用户的喜好来更新和推荐内容。在算法加持下,可以说所有人都是透明的,产品会记住每一位用户的喜好,为用户匹配相应的内容。所以 Feed 流经常跟推荐这个词一起使用,组成 Feed 流推荐系统,会通过数据算法为不同用户推荐他们感兴趣的内容,吸引用户长时间的留存。


淘宝、小红书这类产品都是依托算法推荐,根据用户画像、用户兴趣推送特定的内容,以达到千人千面的效果。这种推荐模式现在已经成为主流,基本上大多数的头部产品都逃不过这样的设计。


8858cc永利常识_什么是列表流、卡片流、瀑布流、Feed流呢?


相关内容
设计网站中有哪些关键技巧?

设计网站中有哪些关键技巧?有哪些陷阱?在这里,世界上一流的8858cc永利专家,让你共享他们的秘密,告诉你:使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具App以及他们喜爱和厌恶的网站。

8858cc永利中的色彩学,8858cc永利中如何更好地运用色彩搭配

大部分网站或产品的按钮色彩都不会超过3种,指向“动作”的按钮应当统一为同一种颜色,比如谷歌的“搜索”按钮是蓝色,而Twitter的“注册”按钮则是明亮的黄色。色彩能够帮助品牌极为简易的建立用户认知:

深圳8858cc永利,什么样的网站导航设计会吸引你?

今年,许多网站都将这个小元素纳入界面,成为页面导航的重要组成部分。除了导航设计趋势,还有各种设计方法,如全屏导航,底部导航等,所有这些都有利于8858cc永利师。

好的8858cc永利应该具备什么条件?

  8858cc永利必须简约,任何无用的特质都必须移除;与此同时,8858cc永利必须能够满足用户需求。

做8858cc永利时,大家应该考虑哪些因素?

做8858cc永利时,大家应该考虑哪些因素?在做的过程中设计师应该思考哪些问题,怎么样才能做好8858cc永利?

8858cc永利中设计师到底要实现什么价值?

用户体验好的方案,用户感受到的体验真的好吗,真的在意吗?用户愿意为这个体验更多的使用?还是愿意付更多钱? 如果设计希翼被认可价值,那么就必须清晰表明:设计到底实现了什么价值,以及设计是如何稳定实现这些价值的。 8858cc永利中设计师到底要实现什么价值?

什么是玻璃拟态?玻璃拟态风格赏析

玻璃拟态(Glassmorphism),更直观的说就是玻璃拟物化。它是在2020年末开始在各大设计平台流行起来的设计趋势。当时苹果新发布的Mac OS Big Sur操作系统中也使用了这种风格

如何设计玻璃拟态效果,玻璃拟态呈现方式

8858cc永利师想出了一些非常聪明的技巧,让他们的作品有一种实体感。玻璃拟态(Glassmorphism)就是这样一种技术。当您将模糊效果与透明度相结合时,像素会呈现出磨砂玻璃的略微不透明的品质——为设计增添一丝质感和维度。

大家
定制
咨询
联系
在线咨询
您的浏览器版本太低

请升级您的浏览器: Internet Explorer11 或以下浏览器: Firefox  /  Chrome  /  360极速浏览器

XML 地图 | Sitemap 地图