首页
业务
关于
客户
服务
联系
13520390899
资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 动态

如何利用“卡片式设计”提升用户体验?

如何利用“卡片式设计”提升用户体验?网十科技告诉您:

卡片一般是指那些包括必定图像和文本信息在内的一个长方形,作为指向更多详细信息的一个进口。现如今,在确保界面具有优异可用性的同时,卡片式的规划乃至变成了平衡界面美学的默认做法。由于卡片很便利的显示出界面中的内容由不一样的元素构成的。

1、杰出的隐喻效果

由于看起来好像实在国际中的卡片一样,在界面规划中的卡片具有十分棒的隐喻效果。本来,在移动设备出现之前,卡片现已遍及咱们周身——商业手刺、棒球卡片、扑克牌等等,它已然变成一个运用及其广泛的实体性质的交互模型。因而,关于用户来讲,他们能更直观地意识到界面规划中的这些卡片好像实体卡片一样都代表必定的信息。

在迅速的传递信息时,卡片是一个优异的东西。拿棒球卡片来讲,你需求了解的棒球运动员的根本信息就包括在一张小卡片的正反两面。

2、杰出的内容安排

卡片在占用较少屏幕空间的情况下将信息有安排的划分到不一样的区域中。类似于文本阶段是对句子的安排成果,卡片聚集多样的信息形成一个连接的内容体。

Facebook充分运用卡片式的规划将每个事情的概要信息打包到卡片中。卡片式的规划规划恰是在比方Facebook这么的巨头的引领下变得盛行开来。

3、视觉上赏心悦目

根据卡片式的规划一般都严重依赖于其视觉效果。而卡片自身又对图像有很强的依赖性。多项研讨都现已指出图像的确可以提高网站或运用程序的规划效果和阅览体会,由于图像可以迅速有效地招引用户的注意力。因而,在卡片中假如能杰出运用图像,那天然会对用户发生更强的招引力。

无妨看看Dribble——一个闻名的专心于展示规划师著作的社区网站,不得不说,卡片式的规划的确是出现这类信息的最适宜的办法。

在一样的规划下,卡片应当坚持宽度不变,但高度可以不一样。其最大高度受限于地点平台中可用空间的最大高度,不过这个高度也可临时拓展。

卡片可以是固定高度或可变高度

从规划美学的视点来看,卡片应当具有必定的圆角和暗影。由于圆角使得卡片看起来更像是一个内容块,而暗影则能体现出层级深度的效果。

这些元素在不涣散用户注意力的条件下为规划增添了一些光荣,它们也使得卡片跟页面间看起来有层次感。

另外,咱们也可以运用动画和动态规划。

假如运用妥当,卡片可以在必定方面提高运用程序的用户体会。由于它们的功用特性和形状,它们自身变成一种运用上更具直观性的招引人的界面元素。

1、摘要性的格局易于消化

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
版权所有 © 北京网十互动科技有限公司 网站 APP 小程序 软件 备案号:京ICP备16050073号-2

电话咨询