在线客服
扫描二维码
下载博学谷APP
扫描二维码
关注博学谷微信公众号
卡片式设计特点有哪些？卡片式设计采用图像与文字说明，多用于信息流广告或移动端页面，其呈现形式多样、 纵深布局灵活、信息层级直观。影响力遍布网页及移动端的使用场景中。
1、呈现形式多样
在运用卡片设计的过程中，出现形式较多的是卡片颜色与背景底色有明显的颜色区分，即在视觉上能轻易区分卡片的存在，当光标悬浮在卡片上时会出现一层轻微的阴影。
另一种相对简洁的设计形式是整个卡片隐藏于背景的底色中。 虽然视觉上缺少了矩形卡片的存在，但在浏览的过程中仍能清晰地识别卡片之间成组的信息。
这种形式最大的亮点是呈现及时的反馈效果，当光标悬浮或点击卡片时，显现的卡片与周围信息有明显区分。
2、纵深布局灵活
界面设计中卡片的形式与生活中实体卡片的样式有着异曲同工的效果——将图像与文字组合在一起来传达信息。和实体卡片相比，界面中卡片的高度能够上下伸缩、灵活多变，做到有弹性地调节卡片内不同容量的信息。
3、信息层级直观
在瀑布流的界面中，每个卡片都是独立存在的小个体。它们之间共同存在但不互相影响，促成了页面的整齐统一，所以保证用户在巨大的信息量下也不至于产生混乱、迷失方向。
多数的卡片在有限空间中乘载着很多相关联的信息，内容各不相同但信息的层级关系却相似。卡片上的资讯虽然只是看似简短的标题或摘要，却是卡片背后真正有价值的内容能够呈现与否的关键。所以卡片上信息层级的直观性不言而喻，分明的层级能够引导用户的浏览视线，有秩序地阅读与点击。
卡片式设计多采用图像与文字说明相结合的方式将信息传达给受众，在有限的矩形空间中建立了无限的可能性。卡片式设计是一种设计趋势，一种潮流，影响力遍布网页及移动端的使用场景中。
— 申请免费试学名额 —
在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！
上一篇：
UI设计零基础要学多久？学到什么程度才能工作？
下一篇：
UI设计师需要掌握哪些软件？
相关推荐 更多
PC端与H5移动端交互设计的区别
移动端和PC端最根本的区别就是屏幕的大小，PC端与H5移动端交互设计的区别还有什么呢？经常遇到一些设计师之前负责PC端产品突然改做移动端，会不自觉的把PC端的一些设计理念“移植”到移动端出现了水土不服现象。
15733
2019-06-13 16:36:36
UI平面设计培训讲师岗位要求有哪些？
UI平面设计培训讲师岗位要求有哪些？平面设计培训讲师学历大专以上，熟练掌握设计软件、善于表达有责任心、有相关的教学经验、平面设计相关工作经验、讲授专业平面设计课程、口齿清晰良好的表达能力等。
10187
2019-09-29 15:14:12
导航栏UI设计规范及注意事项有哪些？
导航栏UI设计规范及注意事项有哪些？设计不仅凸显了产品的主次，并引导用户行为，以标题为例，在内容非常丰富、层级结构较深的产品当中，大标题能够帮用户快速确认自己的位置。设计好导航栏不仅仅是视觉上的工作，表现的方式、承载的按钮与组件、滚屏时的组合操作还能给用户带来极大的体验增益。
11161
2020-02-11 18:25:36
UI设计是做什么的？需要学什么？
如果要说哪个行业和互联网密不可分，高薪还不用敲代码的话，就不得不说UI设计这个职业了。虽然大家都或多或少听说过UI设计，但是UI设计是做什么的？需要学什么？还是有很多人完全不了解的。简单来说，UI设计师就是设计用户界面的人。想要成为一名合格UI设计师需要学习各种设计软件，还有字体设计、色彩理论、排版和视觉等设计基础知识。下面小编就来揭开UI设计的神秘面纱，和大家好好聊聊这个行业。
6635
2020-04-14 19:25:39
电商页面设计中的常见错误盘点
移动电商的崛起，让我们的生活变得越来越便捷。作为时时刻刻影响着用户体验感的重要环节，电商页面设计的重要性毋庸置疑。本文将为大家盘点电商页面设计中的一些常见错误，大家可以从中多多吸取教训，避免给用户带来这些负面体验。
6273
2020-06-26 17:10:07
