成都网页设计中的卡片式设计

搜搜 · 发表于 2015-11-23 11:24:40

昨天在街角偶遇成都网页设计大咖肖大仙，大仙拉着我去九眼桥喝酒。酒过三巡，大家谈到技术方面的情况，包括最近比较热门卡片式设计。
观察手机上的应用，你会发现采用“卡片式设计”的应用越来越流行——Twitter、Google Now、Spotify等等，成都网页设计中的卡片式设计起源于栅格装饰，当时国外有网页设计师在网页上增加栅格，据说其灵感来源于苏格兰裙，后来这种设计在欧洲小范围内流行，欧洲就是这样文化多元化。后来有人将栅格下的内容移动到栅格内，于是网页内容就像若干个卡片，后来逐渐演变成卡片式设计。这样的设计在处理PC和手机多平台页面一致性时有很好的效果，典型例子就是Google+了。
成都草扑介绍成都网页设计中的卡片式设计
卡片式设计类似现实生活当中的名片、生日卡片、明信片等等，它们都善于表现简短而有力的信息，在成都网页设计中常常应用于碎片化的内容页面，这时内容消费就在小小的卡片上完成非常方便，例如大家都熟悉的微博、pinterest。卡片式设计使网页设计变得简单，至少新人更容易入手，这种模式容易适应各种场合，比如说，完全可以在卡片里塞入各种各样的内容，包括图片、视频、音频等等。这就是卡片式设计的典型好处，可以将不同大小、不同媒介形式的内容单元以统一的方式进行混合呈现，最简单的就是图文混排，既要做到视觉上尽量一致，又要平衡文字和图片的强弱，用肖大仙的话来说就是小混乱大有序——让混乱（文字图片视频等各种元素自由自在的出现）的卡片有序的排列。
卡片式设计还有一个优点，在手机屏幕尺寸越来越多的情况下，卡片拥有极高的灵活性，它能够完美的适应手机及平板电脑的各种不同尺寸的屏幕，在小屏幕上，它可以显示成垂直的，在大屏幕上，它可以显示为横置的。它拥有灵活的高度与宽度。
成都网页设计中的卡片式设计也存在弊端，其对页面空间的消耗非常大，并且因其天生容量小（全屏就不是卡片了）导致一屏呈现的信息量很小，所以当用户需要大范围扫视、接收大量相关性的信息然后再过滤筛选时，使用卡片式设计会让用户的使用效率降低，带来不好的用户体验。

九九--小欢 · 发表于 2015-11-23 11:25:31

我是来坐沙发的！

点亿联盟张娟 · 发表于 2026-03-03 01:50:06

内容很干货，没有多余的废话，值得反复看

		自动登录	找回密码
密码			加入怎通

[其他] 成都网页设计中的卡片式设计