商丘做网站,商丘网站优化,商丘网络推广,商丘网络公司
当前位置:首页 > 新闻资讯 > 网站运营 >

卡片式设计VS列表式设计 究竟谁更胜一筹?

发表日期:2020-08-09 06:56聚圣源浏览次数: 本文关键词:卡片式,设计,列,表式,究竟,谁,更胜一筹,现在,

现在网站中信息整合最常见的方法就是卡片式计划和列表式计划。列表式在UI计划中算是一枚"元老级"的上将了,而卡片式计划则是一匹"黑马",比年来异军突起,越来越受到大众的喜好。两种计划在实现精良的用户体验上半斤八两,卡片式计划实现了图文的完善联合,能给用户出现精良的视觉结果,同时具有直观的可操纵性(卡片的移动、翻转等),而列表式计划布局清楚,在有限的空间中展示更紧凑的内容,有助于用户快速欣赏内容,在信息查找获取方面更具上风。不外这两种计划方法给网站带来的正面影响都是基于某种的实用情境的,脱离了特定的实用情境,它们反而大概会带来"劫难"。因此,为了给用户提供更好的用户体验,和小飞一起探究探究这两种网站内容构造方法最佳的实用情境吧!

卡片式计划和列表式计划

为了更好明白卡片式计划和列表式计划的实用情境,我们起首必要相识一下这两种计划方法。

卡片式计划 ,信赖不消小飞多说了,前面在《解密网站计划潮水:为什么卡片式计划这么火?》已经举行过体系的先容了。卡片式计划是将网站中的种种信息构造成卡片,一张卡片就是一个信息容器,提供应用户进入某个功效或内容的入口。它具备得当相应式、排版整洁、简朴易读、直观可操纵等多个长处。只管卡片式计划是由扁平化计划衍生而来的,是内容扁平化的一种情势,但在不停的生长之中,它已渐渐与扁平化计划区别开来,自成体系,这是由于卡片式计划中开始利用玄妙的3D结果好比用阴影结果夸大举动引导按钮,以获取用户更多的留意力。假如你肯定要将其同扁平化接洽起来,那不妨称它为扁平化计划2.0吧!许多交际媒体好比Pinterest、Twitter等都非常偏幸卡片式计划。

列表式计划 通常布局比力简朴,以纵向列表展示很多雷同的信息栏,信息栏中一样平常是简朴的图文组合(标题+小图)或纯文本信息(好比知乎等阅读类产物,见下图)。在如许的界面上,用户可以快速滑动查找本身想要的信息。别的,列表式计划之中还常常设有搜刮栏,如许用户可以基于本身的搜刮条件举行查找。列表式计划在网站中由来已久,列表也是到处可见:导航列表、选项列表、消息列表等。由于列表垂直分列每一行内容,相对卡片式计划,在同样大的视窗中可以安排更多的内容,可供用户阅读的文章数目更多,不少消息类和数据类网站更青睐于这种计划。

在扼要相识卡片式和列表式计划后,信赖各人在明白这两种方法的实用情境上也会更轻易。下面小飞将分别先容这两种计划的实用情境。

卡片式计划的实用情境:

得当信息欣赏(而不是信息查找)

卡片式计划利用抓人眼球的图片,整洁同等的栅栏格,种种情势的元素,致力于给用户提供精良的视觉结果,从而吸引他们欣赏全文。这种卡片式的转动很风趣味性,能在肯定水平上吸引用户,很得当用户欣赏信息,但不得当信息查找。这是由于,一方面,卡片式计划越发注意差别卡片之间的排版契合,很少思量它们之间的先后序次或紧张水平。另一方面,卡片式计划也很难满意用户"F"型的欣赏风俗(眼球追踪研究表明用户会更轻易留意到网页上方和左侧的内容),在重点突出某项内容或方便用户查找方面比力逊色。相对而言,列表式可以更好的迎适用户这一欣赏特点,可对内容作重点突出。不外卡片式计划提供的视觉盛宴是列表式无法对抗的,不少交际媒体也正是看中了它的这一长处,纷纷在本身网页中实用卡片式计划。

得当多种元素的分类

在《解密网站计划潮水:为什么卡片式计划这么火?》中,我们也讲到卡片式计划可以轻松容纳多种情势的元素,不管是图片、文本、视频、链接或是按钮等。这是由于卡片的表面便于视觉分界限的创建,可以让种种情势的元素保持整洁有序,不显得紊乱无章。假如你的网站上涉及元素的种类比力多,展示的内容非常富厚,卡片式计划是很好的一个选择。

列表式计划的实用情境:

得当信息快速查找

列表从某种水平上来说要比卡片越发直白一点。这一点从它的组成中就可以看出,列表式计划经常利用标题加正文的格式,用户无需点击进入就能尽大概多的相识全文,还可以随意滑动页面找寻本身感爱好的内容或是在搜刮栏输入要害词敏捷得到效果页面。并且,列表式计划是以牢固的纵向列表的方法展示内容的,一行一项特定的内容,这比卡片式计划中随意组合的卡片更轻易查找。别的,在一些网站中,文本的影响力要远胜于图片,许多读者会直接跳过大图,阅读笔墨,消息类的网站就是一个典范,吸引人的标题每每更能劳绩老实的访客,这时列表式计划就是不二之选了。不外万万要记着,不能让全文内容表现过多,太多的笔墨只会让用户以为压力山大,低落用户点击欣赏全文的爱好,从而影响用户的转化率。

得当移动小屏幕

通常来说,与卡片式相比,列表式计划在办事器中占据的空间更小,这一点应该已经很显着了吧。卡片式计划包罗多种元素(大图、视频等),而列表式计划利用元素种类较少(小图或纯文本)。这决定了列表式计划越发得当小屏幕。当它在手机或平板等小装备上举行表现,网页相应缩小时不会出现排版庞杂、图片表现不全或视频无法播放的环境。并且列表式计划的页面加载速率也会更快,满意了用户的欣赏需求。

卡片式计划在吸引用户留意力,展示浩繁差别情势的内容上很有用果,但在提供笔墨信息上不太抱负,而列表式计划通过搜刮效果页面让用户可以快速找到本身想要的信息,同时更能顺应小屏幕上,但却轻易让用户以为乏味无趣。两种方法都有本身的长处和不敷,在您自助建站的历程中,联合自身的现实环境,公道阐发两种方法的利弊,选择最得当本身的。

腾飞页自助建站平台提供了浩繁模板,不管是卡片式计划的,照旧列表式计划的,小飞信赖在这你肯定能挑选到本身满足的,快来腾飞页自助建站平台做一个网站吧!

如没特殊注明,文章均来自网络! 转载请注明来自:http://www.jushengyuan.com.cn/news/wzyy/22096.html

网站设计案例推荐

热门文章

站长平台官网认证的实战经验之...

快速通过百度、360、搜狗站长平台内的官网认证,技巧和方法及工具。帮助您解决眼前的难题!...

日期:2018-04-03 浏览次数:1917

一个产品运营的自白:什么是运...

你拿到了第一份工作,一家名不见经传的小厂,入职的时候听着上司和老板的宏大蓝图,你信心满满,相信自己的才高八斗聪明绝顶,定能将这份工作做得有声有色。...

日期:2018-03-01 浏览次数:1017

南阳网络推广:Airbnb从失败到成...

跟大多数创业公司一样,Airbnb已经成立一段时间了,但还没有人注意到他们。整个公司的营业收入,每周都只是在200美元的水平上徘徊,而且三个创始人还要分这么一丁点钱、靠这笔钱生活。...

日期:2018-04-23 浏览次数:982

开封seo:商家如何防止刷单被骗...

在上述域名中,红色字体的部分是一级域名,蓝色字体+红色字体是二级域名,绿色字体+蓝色字体+红色字体是三级域名。想要仿照淘宝,其中只需要做一个类似于上述的三级域名。...

日期:2018-04-20 浏览次数:981

今日最热的20篇文章中你能学点...

在新榜,一个整合微信公众号文章数据信息的平台上,我们抽取了最近的科技热门发布文章,于是在截止2015年12月28日下午五点的时间内,前20篇的热门文章中我们发现了9篇与手机行业相关,其...

日期:2018-04-07 浏览次数:976

相关文章

模板设计行业酿造出一批跟风创...

本日我们来谈谈模板计划行业,站长小我私家对付这个行业来说也算小白了,由于天天都有太多的纠结!从2012年打仗模板下载站这个行业现在已经5年了,本日第一次公布关于这个行业的...

日期:2020-06-01 浏览次数:61

实例解析设计类网站到底该如何...

做网站赢利是我们每小我私家的想法,也是我们的愿望。但是在崇尚免费的互联网情况中,谈钱简直是一件很伤情感的事变。就似乎你做一个下载站,下载一个软件必要金币,而金币必...

日期:2020-09-19 浏览次数:62

背景设计在网站建设中的重要性...

网站的配景到底有多紧张?又该怎样来精确的计划?此中有很大的学问,乃至是要比用代码编写一个网站难的多。一个网站的配景就比如是房间的墙壁和地板一样,影响到到访者的印象。...

日期:2020-06-29 浏览次数:62

在网站设计中巧用色彩心理学...

当你开始动手做一个网站时,起首就碰面临一个题目:在网站上利用哪种颜色?一样平常而言,访问者们进入网站时第一时间就会留意到网站的配色,这也是为什么网站配色是整个网站的...

日期:2020-07-27 浏览次数:62

如何判断你的网站是否应该重新...

在现在这个信息大爆炸期间,种种事物都日新月异的变革着。像任何其他技能一样,互联网也是敏捷遍及的产生着变革,用户正在使用种种百般的装备来检察网站。而要利用户连续来访...

日期:2020-07-29 浏览次数:67

随机推荐

电商运营:商品详情页的转化率...

电商运营经验贴:明晰电商流量...

卡片式设计VS列表式设计 究竟谁...

网络营销为什么总没效果,看看...

那些年 虚拟资源类网站的盈利方...

好的社区都是运营出来的 如何运...