1、什么是卡片风格?
卡片风格,顾名思义,就是模仿现实中的卡片,在页面中形成一个或多个整洁的「区块」,作为图片、文字等素材的容器。
看看我们身边的卡片都有哪些:
拍立得相片
明信片
国画或书法作品经过艺术设计的装裱,会显得更加整洁美观,提升档次,甚至有「三分画七分裱」之说。
手机里的卡片风格更是随处可见
这种设计非常适合于用手指滑动操作,同时在不同尺寸的终端屏幕上(比如手机、PC、iPad等)具有统一的外观显示,可以实现用户的无差别体验。
许多网站也采用了卡片式风格进行内容展示,比如Dribble、behance、花瓣网等。
2、卡片风格有哪些优点?
①便于制作。卡片会占用较大的页面空间。一般情况下,一张卡片中放置一张图片比较美观,因此无需考虑多图情况下的排版问题,便于构图,降低了制作的难度。
②容易理解。区块化结构让层次清晰易读。同一种大小、方向的卡片很自然的会被归结为同一种逻辑类型。
③重点突出。利用卡片形成的画面区域,内容呈现更加集中。
④整齐美观。卡片式设计其实也是一种栅格布局,将整个页面的内容切割为N个区域。在视觉上,卡片之间具有统一的设计风格、规整的边界,完全符合排版要求。整齐划一的几何之美,看着就让人觉得赏心悦目。另外,卡片周边有大量留白,增加了画面的呼吸感。
⑤布局灵活。卡片之间可以被堆叠, 覆盖,可置于图片、纹理等背景之上,具有明显的层次感,排版形式非常灵活。
⑥界面友好。手机APP中大量卡片式风格的运用早已被观众所熟知,所以面对卡片式风格有亲切感,容易接受。
3、如何制作卡片风格?
卡片风格的形式非常简单,就是利用矩形框作为容器,放置图片或文字。卡片内的常用布局形式如下
另外,还需要注意几点细节。
①边角处理
分直角和圆角两种。
直角
最简单,只需插入一个无边框的矩形即可
圆角
看起来更精致,但圆角的角度不宜过大。选择插入圆角矩形,并调整边角的角度
使用圆角后,为了看起来更真实,卡片上的图片或色块也要做圆角处理。这里要用到PPT的形状相交功能
②阴影处理
卡片风格常常通过阴影来勾画轮廓。为卡片添加阴影时要调整阴影选项中的模糊度,使阴影呈现弥散外观,模拟卡片悬浮效果,形成层次感。
③背景处理
卡片要与背景形成对比,使观众目光聚焦于卡片区域。常采用以下几种背景。
纹理背景
图片模糊背景(模拟景深效果)
添加了浅色蒙版的图片背景
渐变蒙版背景
关于渐变蒙版的制作,这篇文章有具体操作步骤
那些美得不像话的PPT背景,如何打造?
具有页面留白的图片
④段落处理
卡片中的文字多采用:
「标题+描述文字」的形式
标题与描述文字在外观上要有明显的区别,比如使用不同的字号或字体等。
限于卡片的尺寸,对说明文字要进行适当的精简,多采用左对齐或居中对齐
⑤多卡片处理
多个卡片同时出现时,要注意每张卡片中的文字段落大体相同,确保段落外观的一致性
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>