最近小米8发布会看的手痒痒。
然后就不禁进了小米官网看看各商品~
额,敲重点,并不是要做广告,只是感觉每个产品品类分割比较好看。
那么怎么制作这种卡片风格的PPT呢?
小白将从3个方面介绍关于卡片风格:
何为卡片风格;卡片风格应用方面以及卡片风格的做法。
1何为卡片风格
卡片在各种网页中普遍存在,并且未来将越来越流行。
各种运用中卡片突出的特点就是层次感,容易分割信息,避免了排版的单调。
实际上,Google,Twitter和Facebook网页基本都是按照卡片风格设计的,那么,卡片的广义定义是什么?
2简单的回答,卡片就是交互信息的承载体,通常以矩形的方式呈现。就像信用卡或者棒球卡,网页卡片以一个浓缩的形式提供了快速并且相关的信息。
卡片风格应用
01.封面图
卡片式封面图比较新颖,观众注意力比较集中于中心卡片。
常用做法:深色/浅色背景+渐变卡片+微立体
02.分观点
当有多个观点且文字合适时,使用卡片风格也是不错的选择。
常用做法:色块+纯白卡片+图片+微立体
03.价格标签
如果你经常逛各种网上商城,就会发现基本所有网站都会运用到卡片风格。
运用卡片风对比很容易突出促销的产品,所以针对价格方面卡片也是不错的方式。
常用做法:色块+纯白卡片+价格说明+微立体
04.联系方式
运用卡片式风格作为联系方式页面比较清新,容易营造简单明了的感觉。
常用做法:色块+地图背景+蒙版+卡片+微立体
3卡片风格做法
卡片风格,用一言以蔽之就是色块为底,纯白色块为卡片,微立体凸显立体。
那么,关于卡片风格的具体做法应该是怎样?
小白这里就以一张常见卡片风格作为案例:
具体步骤如下:
第一步:
插入选项卡→形状→矩形→将矩形填满整个页面
第二步:
右键单击矩形→设置形状格式→纯色填充(背景为深色或浅色)→无线条
第三步:
插入选项卡→形状→圆角矩形→适合页面的圆角矩形
第四步:
选中圆角矩形,拖拽黄色圆圈至合适位置→设置形状格式→纯色填充→无线条
小提示:圆角矩形能够调节圆角程度,调整至较小的圆弧较之直角更活泼。
第五步:
在形状格式界面选择效果选项→预设→偏中→数值调整为小白设置好的数值(按个人喜好)
第六步:
添加文字,排版即可大功造成了~
网友评论