卡片排版PPT_B站版-库克最爱的这张发布会PPT!google也常用,高级!
热门回复:
- Iinne:库克怎么可能会用ppt呢[doge],keynote呢
- 蓝羽丿冰殇:最佳课代表
一、卡片的绘制细节
1、卡片边缘:角部用圆角,直角卡片,但是会给人攻击感,圆角更有亲和力,看上去更加舒适
2、卡片颜色选择:颜色采用建议使用渐变色填充,线性渐变,方向自左上到右下,光圈保留两个,第二个保留原色,第一个选择同色系较浅颜色,还可以提高亮度增加深浅颜色的对比感
3、阴影使用:阴影可以增加空间感,可以把阴影颜色换成与背景相近的颜色,大小调小,模糊度调高,距离拉远一点更加柔和
二、卡片排版的隐藏细节
保持间距一致,卡片内容用两段对齐,顶部数字减小,增加一定的呼吸感
采用浅色块会代替线框,使整体看上去更加轻爽
三、四大排版布局
并列排版法 错位排版法 大小错落式排版 三维异性排版
并列排版法内容较少并列排,也可使用错位排版调整高度,更有活力,可以调整字体的字重、大小和颜色来让关键词更加突出
大小错落式排版,当内容较多时卡片大小不一致时使用,可以更有效的利用空间,拆分各个的特点,更加明显
三维异性排版之前讲过https://www.bilibili.com/video/BV1MD4y1m7qf
图标网址阿里巴巴矢量图标库www.iconfont.cn
求赞啊
- imair_:好像第一次运用在发布会上是苹果的wwdc发布会[笑哭]然后就看见后面所有手机发布会就成这种了[笑哭]
- 光叫兽:一、卡片的绘制细节
1. 使用圆角矩形绘制卡片
直角卡片的排版给人尖锐的感觉,而使用圆角卡片排版更有亲和力和舒适感,边界的区分也更加明显。
2. 使用渐变色来为卡片填充颜色
单一的卡片颜色略显呆板沉闷,而使用渐变色填充可以让卡片的细节更加丰富,更有光泽感。
渐变填充操作方法:填充方式选择渐变填充--类型选择线性渐变--调整方向--光圈只保留两个--第一个光圈选择同色系的较浅颜色--提高亮度增加对比感
3. 为卡片添加阴影增加空间感
不建议使用默认的阴影预设,把阴影颜色替换成与背景相近的颜色,阴影大小调小,模糊度调高,距离拉远,这样使卡片阴影更加柔和。
二、卡片排版的隐藏细节
1. 保持卡片之间的间距一致,使页面更加均衡
2. 卡片中的内容与边缘要保持适当边距,增加页面的呼吸感,文板框采用两端对齐,顶部的数字小一些来保持视觉平衡。
3. 卡片中的文本进行内容或者层级区分时,建议采用浅色的色块代替线框,可以使页面更加清爽。
三、卡片排版的布局样式
1. 并列式排版
当内容包含多个层级时,分点提炼小标题,套入小卡片并列式摆放,添加图标和色块装饰页面
图标可以使用“阿里巴巴矢量图标库”下载,https://www.iconfont.cn/
2. 错位式排版
在并列排版的基础上,使卡片上下错位,用做目录页也非常适合。
3. 大小错落式排版
卡片大小不一的时候,错落排版可有效利用页面空间。把产品的各个特点拆分开,用大小不一的卡片承载,根据文字信息含义适配上不同的图片作为卡片背景填充,最后调整文字突出关键词。
4. 三维异型排版
调整卡片的三维旋转使页面拥有立体感。
礼盒什么的不重要,我编辑好文字了,就下楼吃个饭就已经来了这么多课代表啦[呆]
- 这碗饺子凉了:课代表来了:
1. 如何做好一张小卡片
角部弧度:直角卡片更板正,但是会给人尖锐感,圆角更有亲和力,边界区分更明显
颜色:建议使用渐变色填充(线性渐变,方向自左上到右下,光圈保留两个,第二个保留原色,第一个选择同色系较浅颜色)还可以提高亮度增加对比感
阴影:不建议使用自带的预设(可以把阴影颜色换成与背景相近的颜色,大小调小,模糊度调高,距离拉远一点更加柔和)
2. 隐藏细节:
间距:保持一致(卡片间距一致,卡片内容和边缘保持一定距离)
点缀元素:不建议线框作为区分符号,可以使用浅色色块
3. 实用排版布局
(图标可以去阿里巴巴矢量图标库搜索www.iconfont.cn)
1. 并列排版法:让小卡片间距相同,高度一致
2. 错位排版法:可以调整高度不一
3. 错落排版法:用大小不一的图片来承载,可以调整字体的字重、大小和颜色来让关键词更加突出
4. 调整三维旋转:见https://www.bilibili.com/video/BV1MD4y1m7qf