更多课程 选择中心


UI培训

400-111-8989

什么是卡片式设计?


当一种设计技巧或者设计手法趋近于成熟的时候,我们常常可以总结出足够完整的最佳实践了。在这个移动端逐步占据主导而桌面端设备仍然是主导生产力的时代,强调同时兼顾两大平台的设计,是自然而然的事情。对于许多人而言,在桌面端和移动端上来回切换是一件非常平常的事情,UI设计需要让设计兼容不同屏幕,而卡片式设计,正是这种语境下诞生,并且蓬勃发展到了今天。

什么是卡片式设计?

无论主推卡片式设计的Android,还是卡片化元素越来越多的iOS,又或者是将卡片元素玩的得炉火纯青的 Facebook、Twitter 等巨头,我们可以清晰地看到卡片式设计的普及和巨大的能量。它足够整洁,有着良好的参与感,能够更好地组织内容,易于扩展且非常灵活。

同时,诸多的优势和可能性也意味着,你想要设计出体验足够好的卡片元素,需要有足够好的策略和审慎的构思,否则,你的设计很可能是个失败的产物。

什么是卡片式设计

在真正开始探讨卡片式设计的最佳实践之前,我们还是需要梳理一下卡片式设计的基本概念和它的优势。

UI中的卡片借用了现实世界中的卡片的特征和概念。通常UI中的卡片是矩形的,其中承载图像、文本、链接、按钮等不同元素。卡片是容器,但是通常一个卡片中会集中承载一种或以一种元素为核心的一小组元素。不同的元素在不同的卡片中各司其职,不同的卡片组合到一起,构成功能性的页面,或者组合。

什么是卡片式设计?
上图为典型的卡片结构

例如在一个电商网站中,设计师会使用卡片来承载类目列表,在设计媒体中,卡片被用来承载用户发出的一条条内容,在新闻类网站中,卡片则常常拿来承载不同的新闻。

卡片的优势也很明显:

承载着不同元素的卡片有着千变万化的玩法,适合用来展示尺寸不同,属性不同的各种元素。

1.响应性:卡片移动端屏幕当中显示效果颇为精美,移动端需要流畅而灵活的布局,这一点卡片非常合适。卡片使得布局更为灵活,三个卡片在桌面上可以显示为并排的3列,在移动端上可以纵向拍成1列,这两种布局都能贴合用户的阅读习惯。

2.组织性:卡片可以将不同类型的元素有效地组织到一起,无论是图片、视频、文本还是CTA按钮,由于卡片本身的灵活性,设计师可以灵活地、有针对性地调整每一个元素而不用担心影响其他的的元素。卡片构建出统一的用户模式,使得用户可以更好地、快速地完成任务。

3.极简:极简主义的设计是目前主流,也是流行的设计风格。极简主义风格下用户更容易理解内容,外观上也更为优雅。卡片式设计在精神上和极简主义相通。

结语

卡片式设计如果能够好好运用,对于整个体验的效果是明显而巨大的。现如今的设计师已经在卡片式设计上有了足够深入的探讨,多钻研实例能够让你更好地掌握这一设计技巧。

感谢大家阅读“什么是卡片式设计?”希望对大家有所帮助,更多精彩内容请关注UI培训官网

免责声明:本文由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除

预约申请免费试听课

填写下面表单即可预约申请免费试听! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:马赛克背景是可以这样制作的
下一篇:平面设计教程:适合ps菜鸟的抠图技巧!

浅谈设计中的加载

平面设计中的印刷知识与印刷尺寸

教你如何把手机里的自拍照片转成手绘照

如何将品牌基因融入到产品设计中?

  • 扫码领取资料

    回复关键字:视频资料

    免费领取 达内课程视频学习资料

Copyright © 2023 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
贵州省

广西省

海南省