在扁平化设计兴起与最初的 Macintosh 图形界面问世之间的近 30 年，是拟物化设计从萌芽、发展、成熟到转型的阶段。上世纪 80 年代，几乎所有研究机构和 3D 制作公司都聚焦于提高 3D 图形的真实感。随着技术成熟，设计师们争相绘制愈发逼真复古的图标，到 2012 年左右，拟物化设计达到极致。然而，过度精细的肌理、装饰、光影让人们视觉疲劳，且用单一逼真设备作为图标，因设备更迭可能导致功能识别断代，比如年轻一代对指南针喻指地图、磁带喻指录音等设计可能陌生。
近十几年，互联网快速发展，花大量时间雕琢图标细节已无法满足软件快速开发和迭代的需求。2010 年微软发布 WindowsPhone，在 Zune 界面基础上创造出简洁明亮、扁平磁贴、极具现代感的 Metro 风格，对移动界面影响深远，其动态磁贴和大字体界面将扁平化设计推向新高度，交互和层级上也力求贴近用户，理念超前。这种风格还被应用到 2012 年 10 月发布的 Windows8 及后续的 Windows10 上，虽在应用市场兼容等方面受诟病，但仍广受喜爱，甚至被苹果效仿。
2013 年 9 月，苹果发布 iOS7，这是 iOS 系统面世以来界面最大的一次改变，全面抛弃拟物化设计，去除所有图标和界面的细节、质感、光影，进行 “压扁” 式的颠覆性调整。凭借苹果庞大的粉丝基础，国内主流网络产品如腾讯 QQ、360、新浪微博、微信，以及魅族 flyme3.0、小米 MIUI6 等操作系统，纷纷采用扁平化设计风格，在产品界面、图标和 logo 上化繁为简，推动全球掀起扁平化设计热潮，使其成为移动互联和界面设计领域的热门词汇。
随着扁平化设计席卷软件行业，卡片式设计也随之诞生，其实在 iOS7 系统中就能看到最早的卡片式设计界面。
卡片是含有图片或文本信息的容器，能将所需信息归纳在一起形成独立个体，将其引用到线上界面中，也具有出色的信息归纳效果。
在界面设计中，常用卡片样式进行信息分类，加之卡片具有延展性、承载性强且便于设计等特点，深受众多 UI 设计师青睐。从用户角度看，一个个卡片将内容分类清晰，使用户阅读信息时感觉逻辑分明、页面整洁，极大提升了使用愉悦感。
在卡片式设计中，每个卡片可看作独立盒子，同类型信息放在同一盒子，不同盒子放置不同信息，形成分类清晰的信息集合，类似重庆九宫格火锅，自然实现信息的整合与分类。
清晰的信息分类能减少用户浏览页面时的思维判断停留，降低因判断产生的疑惑感。如顺丰小程序、懂车帝 APP、站酷 APP 的页面设计，都通过卡片式设计清晰承载信息，带来一目了然的体验。
卡片式设计通常为规则矩形容器，拉伸和压缩都利于内容扩展。这种延展性对设计师而言降低了设计门槛，对用户来说，更贴近真实生活的设计接受度更高。
常见的卡片内容扩展样式丰富，如 banner 的滑动切换、卡片内内容滚动、通知条展开等。以喜马拉雅 APP 为例，首页 banner 可在 X 轴自动和手动左右切换，切换时位置标识点同步移动，给用户延伸的空间感；部分卡片初始状态下右边对内容有切割样式，提示用户右侧有更多内容，用户形成视觉习惯后会自然左滑查看。
在交互中，常出现点击卡片内容后，卡片缩放铺满全屏进入详情的交互方式。卡片作为规则形状的容器，在缩放适配方面优势明显，能更好地适应各种场景，提升 APP 页面兼容性。
由于卡片是内容盛放容器，可自由变换大小，因此在跨终端响应中表现出色，在不同平台展示时，能根据分辨率自适应调整。
卡片式设计可操作性强，能纵向滑动、横向滚动、点击上下伸展、长按拖动等。
卡片设计因自身上下内边距和卡片间外边距，往往有充足留白，加上轻投影形成合理层次感，视觉上自然舒适。这种接近真实世界的设计，易让人们产生熟悉感和亲切感，视觉体验更优。
卡片式设计多结合图像与文字说明传达信息，在有限矩形空间中创造无限可能，主要应用场景有以下几种：
流式布局让单屏能显示大量信息，在内容较多时，卡片式设计能很好地规划内容。
卡片式的 feed 流设计十分常见，Feed 流作为长内容展示方式，用户需长时间拖动筛选有效信息，卡片式设计能有效区分内容，使用户在长屏拖动中也能清晰识别各部分内容。
悬浮卡片分为动态和静态两种，可悬停在固定位置，无论页面滑动到何处，用户都能第一时间操作，一般用于重要级别较高的功能。
作为非页面固定内容，卡片式设计让 tips 提示更灵活，在符合用户体验的前提下，可出现在用户需要的任何位置。
要在设计工作中充分发挥卡片优势，可采用以下设计方法：
为使页面视觉干净简洁，无特殊颜色要求时，卡片通常填充纯白色，这可能导致与背景融合，失去信息分类作用。可通过增加适当阴影或填充颜色渐变，使卡片与背景纯色区分开。
适当的圆角度数能让卡片更圆润可爱，拉近与用户的视觉距离。可规范一个单位圆角度，在此基础上按倍数选择，使所有卡片圆角统一有序。
投影色和投影数值设置很关键，稍不注意会让页面显脏或有强烈割裂感，采用轻淡的方式设置更符合当下视觉流行趋势。
看清社会现实后，会发现 “加油、努力” 或许只是资本的鞭策，但它也是一个通道，一个增加博弈筹码的通道。希望我们都能在这个通道前方看到光明。
归纳总结，沉淀出新，让我们一起努力大步向前！
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
