PPT扁平化设计总结
注:以下内容基本都来自知乎,由于已经不记得网址了,所以未能附上所有相关链接,抱歉。
PPT扁平化设计原则
一、亲密:意思相近的内容放在一起
二、对齐:页面上的某两个元素之间总是围绕一条直线对齐
三、对比:有意识的增加不同等级元素之间的差异性
四、重复:分析元素等级后,选择相同等级的元素来重复
基本知识
选色:鲜艳而不刺眼(适当降低饱和度和亮度)
配色:
背景色:白色
暖色:不建议,容易视觉疲劳
冷色:注意兼容性,即跟图标、色块的颜色对比一定要大
图片:简单的也直接使用,负责的需要做模糊、调暗处理或者加色块
搭配颜色:多色系:选定主色调,然后选4~5中辅色做色块的颜色
单色系:以主色为基础,改变颜色的饱和度和亮度
复古色
配色网站:https://www.materialpalette.com/purple/deep-purple(推荐)、http://www.bootcss.com/p/flat-ui/、http://colorhunt.co/
色块:
色块是扁平化PPT最主要的特征,使用色块主要有3中目的:
一、纯色背景图上直接插入色块,以对内容进行相应分类,凸显层次;
二、当需要在全背景图上写字时,如果背景素材过于复杂,比如下图这样的,可以考虑添加透明色块,以防止文字看不清楚的状况;
三、构成视觉平衡,即当图片不能插满全屏,且需要写字时,可以将字放在色块内。
形状:结构尽量简单,建议简单规则的图形
样式:去高光、去阴影、去渐变
色块大小取决于内容:要留有一定的空白
素材使用:
一、多使用象征化的图形,如果不是必要,尽量不要使用立体的,实物素材;
二、
图标提炼:可以从标题或者内容中提炼
图标资源获取网站:http://www.iconfont.cn/
全景图网站:http://www.quanjing.com/、http://sucai.zcool.com.cn/、https://pixabay.com/
字体:
选择无衬线字体(有衬线字体:在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同,常用的衬线字体为Times New Roman,宋体,常用的无趁线字体为Verdana、Arial、雅黑)
常用字体:中文:微软雅黑、方正幼线、方正细圆、方正兰亭;应为:MS YAHEI、Nexa Free、Cicle Gordita、QUICKSAND
PPT高大上指南
一、排版
第一步拆解:把一整段的文字内容,按照内容相似性原则,分成小部分
第二步提炼小标题,突出重点
第三部美化:更换字体、排列对齐等,并结合上面的基本内容。
二、一致性
字体类型1~2种最为合适,不能超过3种;
色彩不要太杂乱,比如在使用多色系时,不同颜色的饱和度和亮度尽量一致;
背景尽量干净。
三、封面设计
纯色背景图,文案可以上下或者左右排版;
有图背景中,左右或者上下结构的文案可以放在图片正中间位置、左下角、右下角、中间居左、中间居右
1.注意标题与文字的层次感,也就是说字体要有大有小,不要把字号设置成一样。
2.在套用有图背景的封面制作时,尽量为背景图“贴膜”,也就是说在背景图的上方插入一个相同尺寸的色块,透明度调整为50至70之间都行。
四、尾页设计:PPT封底的作用可以是:表达礼仪、传递特定信号、为了让别人找到你、号召、强化主题、宣告结论、回顾。
一些提高PPT制作效率的辅助神器
在线信息图标制作工具:https://venngage.com/
多图片排版工具
PPT专用压缩软件
PPT遥控器:https://ppt.baidu.com/
PPT使用秘籍
1、文件加密
第一步,点击文件,另存为,选择保存地址。
第二步,选择工具中的【常规选项】:我们在修改权限密码那里,输入密码,但不要在打开密码那里填写,否则,别人就打不开了。
第三步,一定要选择保存为 【PowerPoint放映】,否则,别人也是打不开的。
然后,选择保存,即可。
2、一键替换字体
在【开始】选项卡中的,【替换】功能可以找到。
3、字体的保存,PPT传给别人后怕字体变掉怎么办?
第一步:点击左上方的“文件”
第二步:点击左下方的“选项”
第三步:点击“保存”→“将字体嵌入文件”这个选项打√→选择嵌入的方式→点击“确定”,一般选第一种嵌入方式就可以了,第二种方式会使得文件变得比较大。
4、如何在制作前就快速统一全文字体?你可以在“设计”→“变体”→“字体”中进行设置,也可以自定义字体。
5、PPT尺寸设置:“变体”的隔壁“幻灯片大小”(见上上图),一般默认标准(4:3)和宽屏(16:9),可自定义。
PPT扁平化设计总结的更多相关文章
- 11款扁平化设计的 Twitter Bootstrap 主题和模板
扁平化设计和 Bootstrap 框架是2013年网页设计领域的两大设计潮流.把这两者集合起来不是件容易的事情,使用下面这些主题和模板将节省我们的开发时间,因为我们可以修改已有的基础代码,而不是从零开 ...
- 16个时髦的扁平化设计的 HTML5 & CSS3 网站模板
创建网站最好办法之一是使用现成的网站模板或使用开源 CMS 应用程序.所以,今天这篇文章给大家带来的是16款基于 HTML5 & CSS3 的精美的扁平风格网站模板,大家可以借助这些优秀的网站 ...
- 扁平化设计五大原则(转自CSDN翻译)
Cousins表示他虽然对扁平化设计的感觉非常强烈,但并没有特别热爱或者特别讨厌扁平化设计.他认为好的设计不应当局限于某种设计风格,而需要更注重可用性.有用性.如果因为时尚的缘故,那就顺其自然吧.但该 ...
- 扁平化设计的最新趋势 – 长阴影(Long Shadow)
随着互联网的发展,网页设计变得越来越复杂,如今设计的外观和感觉实现网站功能说使用的开发技术一样重要.互联网的功能远远不只是基本的信息共享,现在人们对网站的期望是远远大于几年前的. 如今,HTML5 & ...
- (旧)子数涵数·UI设计——扁平化设计
一.基本资料 1.由来 扁平化设计这个概念,是由Google(谷歌)在2008年提出的:它的首个实践者是microsoft(微软),microsoft在2012年发行了win8系统,这个系统的外观主题 ...
- 腾讯CDC谈扁平化设计
扁平化设计无疑是当前讨论最多,最火的设计形式,自ios7面世以来更是将扁平化设计的讨论推向风口浪尖. 在这里我不想分析拟物设计和扁平化设计的优劣,更不想说谁更好!在形式服从内容的今天,我只能说哪种设计 ...
- jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍
jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍 这几天开发的web app使用了jquery mobile,jquery mobile自带的样式比较适合做企 ...
- 【UI设计】扁平化设计之流行色值
收集了一些颜色值 顏色表示方法: 以命名方式定义经常使用的顏色,如color="green".可是自由度较低,何况单词量...... 以RGB值表示.如#FF0000表示red(红 ...
- C# winform 界面美化技巧(扁平化设计)
关于C#界面美化的一些小技巧 在不使用第三方控件如 IrisSkin 的前提下,依然可以对winform做出让人眼前一亮的美化 首先,我们先来实现主界面的扁平化 此处分为两个步骤,第一步是更改winf ...
随机推荐
- docker安装nginx , 安装mysql5.6,安装redis3.2
安装nginx 拉取镜像 docker pull nginx 查看镜像 docker images 创建多个目录 mkdir -p /data/nginx/{conf,conf.d,html,l ...
- 遇到了NameError: name ‘name’ is not defined 这样的错误。
改正:__name__ == "__main__" name的左右两边各有两条下划线,不是左右两边各有一条
- Python3实现一个简单的tcp客户端,用于测试服务端端口开放情况
需要Python的socket模块儿,windows使用netstat -an查看端口状态,Linux使用netstat -tunlp查看端口状态. # client 客户端 # TCP必须建立连接 ...
- Hadoop2.8.4集群配置
建hadoop用户 #添加用户hadoop adduser hadoop 这个过程中需要输入密码两次 Enter new password: Retype new password: passwd: ...
- Hadoop之MapReduce流程
hadoopMapReduce 1. MapReduce流程 2. Shuffle流程 1. MapReduce流程 MapReduce流程 切片: 对数据进行逻辑划分,默认大小是一个block块大小 ...
- Web应用和Web框架
一.Web应用 二.Web框架 三.wsgiref模块 一.Web应用 1.什么是Web应用? Web应用程序是一种可以通过Web访问的应用程序,特点是用户很容易访问,只需要有浏览器即可,不需要安装其 ...
- HTML学习摘要4
DAY 4 text-align 属性规定了元素中文本的水平对齐方式: <html> <body> <h1 style="text-align:center&q ...
- jQuery 名称发生冲突怎么办【问题】
[问题]jQuery 名称发生冲突怎么办? [答案]jQuery 使用 $ 符号作为 jQuery 的简介方式.某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号 ...
- TR-业务流程图
今天看到一篇关于票据业务的培训文档,介绍比较全面,分享下: https://wenku.baidu.com/view/f3dd3ee988eb172ded630b1c59eef8c75ebf9577. ...
- Swift面试题
class 和 struct 的区别 1.struct是值类型,class是引用类型. 值类型的变量直接包含它们的数据,对于值类型都有它们自己的数据副本,因此对一个变量操作不可能影响另一个变量. 引用 ...