转载 卡片式设计特点有哪些?

发布时间:2020-04-28 15:13:05 浏览 2715 来源:博学谷 作者:Clippp

    卡片式设计特点有哪些?卡片式设计采用图像与文字说明,多用于信息流广告或移动端页面,其呈现形式多样、 纵深布局灵活、信息层级直观。影响力遍布网页及移动端的使用场景中。


    1、呈现形式多样
    在运用卡片设计的过程中,出现形式较多的是卡片颜色与背景底色有明显的颜色区分,即在视觉上能轻易区分卡片的存在,当光标悬浮在卡片上时会出现一层轻微的阴影。

    多样的呈现形式

    另一种相对简洁的设计形式是整个卡片隐藏于背景的底色中。 虽然视觉上缺少了矩形卡片的存在,但在浏览的过程中仍能清晰地识别卡片之间成组的信息。
    这种形式最大的亮点是呈现及时的反馈效果,当光标悬浮或点击卡片时,显现的卡片与周围信息有明显区分。

     

    显现的卡片与周围信息有明显区分
    2、纵深布局灵活
    界面设计中卡片的形式与生活中实体卡片的样式有着异曲同工的效果——将图像与文字组合在一起来传达信息。和实体卡片相比,界面中卡片的高度能够上下伸缩、灵活多变,做到有弹性地调节卡片内不同容量的信息。

     

    灵活的纵深布局
    3、信息层级直观
    在瀑布流的界面中,每个卡片都是独立存在的小个体。它们之间共同存在但不互相影响,促成了页面的整齐统一,所以保证用户在巨大的信息量下也不至于产生混乱、迷失方向。

     

    直观的信息层级
    多数的卡片在有限空间中乘载着很多相关联的信息,内容各不相同但信息的层级关系却相似。卡片上的资讯虽然只是看似简短的标题或摘要,却是卡片背后真正有价值的内容能够呈现与否的关键。所以卡片上信息层级的直观性不言而喻,分明的层级能够引导用户的浏览视线,有秩序地阅读与点击。


    卡片式设计多采用图像与文字说明相结合的方式将信息传达给受众,在有限的矩形空间中建立了无限的可能性。卡片式设计是一种设计趋势,一种潮流,影响力遍布网页及移动端的使用场景中。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: UI设计零基础要学多久?学到什么程度才能工作? 下一篇: UI设计师需要掌握哪些软件?

相关推荐 更多

热门文章

  • 2021年开源就业报告来了!它透露了以下几个信息
  • 看到这位老程序员的补丁,我陷入了思考......
  • 一篇关于程序员的复仇笔记
  • 都说C++难,那么它到底难在了哪里?
  • 清华应届生要求月薪3万+期权,被HR狂喷
  • 大学生就业调研报告,超六成大学生认为自己十年后是这个薪资
  • 整洁代码有多重要,看了这个你就懂了
  • C++的校招的面试题,看看你能答对几个?
  • TIOBE 9月编程语言排名!它终于出圈了
  • 9月份的数据库排名来啦!速来围观
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码