加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 运营中心 > 网站设计 > 教程 > 正文

探探和 Linkedin 都在用的卡片设计,怎样才给你好的体验?

发布时间:2017-03-17 00:14:06 所属栏目:教程 来源:爱范儿
导读:副标题#e# 君导读:最近,越来越多 app 开始使用「卡片式设计」,例如我们所熟知的高端职场社区 Linkedin 领英和 Facebook。 到底这种卡片式设计怎么用,才能给我们良好的体验?AppSo(微信号 appsolution)为你带来了 5 个实践原则和案例。 卡片是简洁小巧的

当开始动手设计卡片时,你应当特别注意以下几个方面:

图片

基于卡片的设计通常主要依靠视觉设计,而使用大量图片就是卡片设计的一大亮点。研究发现已证实,图片可以提升网页或 app 的整体设计。所以,加入图片也使得基于卡片的设计更加引人入胜。

探探和 Linkedin 都在用的卡片设计,怎样才给你好的体验?

图片来源:Dave Gamache

阴影和渐变

加入阴影和渐变这两种元素,可以有效地让用户将你设计的卡片与现实生活中的对应实物联系在一起。

但在设计时,一定要仔细思考如何运用这两种元素:如果卡片四周和角落都加上阴影,要再想让用户将它与现实生活中的对应实物联系在一起就有点难了。

探探和 Linkedin 都在用的卡片设计,怎样才给你好的体验?

带有圆角的卡片从视觉上看来就像是一张扑克牌。图片来源:Material Design

排版

当然,要想吸引用户注意力,还可以通过排版来实现。卡片所有内容都应该简单易懂,不妨试试从最大可读性角度来设计:

  • 选择简单的字体和易于阅读的配色方案(文本内容在纯色背景下,且背景颜色和文字颜色有鲜明对比的,这样的文本才是最清晰易读的)。
  • 尽量控制字体的种类数量。对于绝大多数情况而言,单一的字体足矣。

(编辑:云计算网_泰州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读