广州总部电话:020-85564311
广州总部电话:020-85564311
20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

设计赏析|卡片UI好做吗?方寸之间的小卡片,却蕴涵了很多设计巧思

发布日期:2025-02-17 16:53:19 浏览次数: 941 来源:UX设计Studio

小卡片会出现在手表或者大屏幕的模块内,是一种常见的设计形式。如果在一个大屏幕内进行很多小卡片的组合,就叫Bento UI(便当盒设计)Bento box(便当盒)。

小卡片的布局并不容易,设计师需要在仅有的区域内,尽量做到视觉节奏轻盈、颜色搭配合理、布局清晰。

在表盘内的设计,只要关注当前内容的清晰度和美观度即可。配色和留白就看设计师自己的能力发挥了。

作者 clarissa

但如果在区域内进行小卡片的模块组合,需要考虑不同模块间的视觉重量、配色的呼应度,信息密度的均匀。可以试试重颜色+轻内容,搭配轻颜色+重内容,来交错使用。

作者 Brandi

当然,不同模块间如果可以做到颜色呼应,就更好了。

作者 MOWU DESIGN

一个小卡片内尽量留20%-30%的间距留白,可以让卡片内容显得更加轻盈。如果信息密度太大,会让页面过于臃肿圆角和卡片间的留白也要做到尽量留空。

作者 Ethan Pierce

作者 Jakub Wojnar-Płeszka

果然,好看的设计,还是需要留空再留空~

本文图片均来自网络,仅供学习研究使用。版权属于原作者。

优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
联系专属顾问
联系专属顾问
联系专属顾问
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询

和我们在线交谈!