iconfont 图标宽高出问题_细节猎人04期 | PPT图标的分类和使用注意事项 上篇
哈喽大家好,我是二木,前几天我在钉钉群做了一场改稿直播,比较有趣的是这场改稿并不是修改真实的PPT案例,而是把收藏夹吃灰的模板拿出来做进一步视觉美化:
Before↑ & After↓
在线直播改稿是一场很烧脑的体验,一边要跟观众解释设计调整的理由,一边还要脑子想着下一步操作,同时手里继续操作。
通过这一次直播我发现很多人都存在的问题:
对图标的认识不够
如果对图标不够了解,很容易出现这些问题:
1,PPT添加的图标不精致,加分做的不够
2,图标搭配错误,导致画面失衡
那么下面我将会通过比较直白的方式,来跟你谈谈PPT图标的一些使用注意事项,了解这些内容将能帮助你更好的完成PPT设计,我们往下看:
01.
粗略分类
首先从大方向来说,图标可以分为功能性图标和装饰性图标。这两者的区别在于:
在上面的分类中,我们将诸多风格的图标归类为两类,两者的区别其实非常明显:以图标的丰富程度为区分依据。
例如说,在阿里Icon中搜索到的阿里云官网的图标,就是功能性图标,作为功能性的图标来说,尽量是以更简洁的方式让用户快速感知到该icon的功能,所以避免使用太复杂的设计。
有趣的是,笼统的将图标分为这两类,是一种错误的分类方式,之所以这么分类,是想让你知道怎么算功能性图标的同时可以知道:
大部分情况下,PPT不适合搭配功能性的图标
例如下面这一页PPT,只是把图标换成比较简约的功能性图标,画面的视觉感觉还是会发生些变化(设计感偏低)
但是我跟学员经常强调的就是:设计没有绝对性,同样的套路不适合于任何一个场景。
不绝对性的告诉你这个东西就一定有用,是因为希望你可以带着自己的思考多去理解这些内容。
那么,从更专业一些的角度来说,既然图标不能分为两类,那应该有哪些分类呢?下面才是正菜,我将通过一些案例展示帮助你理解图标的几大分类:
02.
线性图标 & 面性图标
大分类来看,分为线性图标和面性图标是比较好理解的,他们两者有什么区别呢?很简单,前者线条感重一些,后者面的感觉重一些。
关于两种分类的图标在PPT上可以怎么使用?咱下一篇文章揭晓。
除此之外,线面分类也是个比较笼统的分类,下面这几个分类的图标,都是类似的设计特点:
03.
MBE图标
这种图标风格相对比较Q,看着视觉效果很棒,但其实里面也是涉及到了几组设计参数的叠加,我们先来看看效果:
接着,我们可以怎样用PPT做出这种效果的图标呢?只要认识到MBE风格的以下几个常用组合参数就可以了:
MBE图标特别适用于比较卡通可爱的PPT主题上,如果自己做这些图标的话,设计时间成本太大。
所以不妨打开阿里Icon在里面输入关键词【MBE】就能找到大量相关图标,那么之后,如有人问起你MBE图标的风格规律,希望你能想起上图的分析总结~
阿里icon https://www.iconfont.cn
04.
多色图标
除了单色图标之外,使用多色图标,例如双色,三色等等,都会一定程度上让PPT更加惊艳。
我们PPT上常用的就是单色图标,它也很好理解,图标只有一种配色:
而双色图标,甚至是多色图标,能让画面的图标部分更加有设计感,增添画面的设计细节。
《颜值教师》配套高质量双色系图标
又一份免费PPT模板 设计力作-《颜值教师》
不难发现,双色系图标的使用技巧是将复杂的图标其中一部分结构替换为其他颜色,多色系图标同样也是如此。
白色+浅灰色 双色系图标
多色系的图标在PPT上是比较推荐使用的图标风格,只需要借助PPT插件【iSlide】下载可编辑的图标,替换部分结构即可,简单,又比普通的图标要好看的多。
以上,就是PPT图标的分类和使用注意事项的上篇内容。
稍微做个总结:
05.
总结环节
① 不建议在PPT添加功能性图标,细节不够丰富
② 图标大体可分为线性&面性图标
③ MBE图标和多色系图标的规律分析
思考:为什么这里用线性不用面性图标?
06.
下篇预告
在下一篇后续中,我将会为你继续分享跟图标相关更详细的知识,例如图标常用的组合搭配,渐变图标,拟物图标,以及剪影图标等一些设计套路。
尤其值得关注的是,我还会在下篇文章向你分享,这些诸多不同的图标应该如何更好的运用在PPT设计上。
07.
最后说一说
细节猎人是我花大量时间更新的一个PPT设计专栏,我会在里面非常详细的向你介绍一些能给你设计习惯带来变化的细节部分。
在前几篇中分别介绍了PPT阴影,书法字体,以及首行缩进的使用细节,非常建议你回看一下。
原创不易,为了更好的视觉化表达我要分享的内容,基本上新的每篇文章都要花大量时间做相关配图:
PS做的相关配图延申
所以我希望能得到你更好的支持,感谢~
END
未经允许,禁止转载
原创不易
喜欢分享评论请一条龙
下篇文章继续爱你~
iconfont 图标宽高出问题_细节猎人04期 | PPT图标的分类和使用注意事项 上篇相关推荐
- iconfont 图标宽高出问题_阿里巴巴Iconfont加入部分图标后导致所有图标高度拉升问题...
现在是移动互联网时代,而随着这个时代的到来网页设计也偏向于扁平化,对于很多网页使用的图标都不再像以前那样使用一些写实的图标了,而都是使用一些扁平化的图标了.当前,不管是在PC端还是在移动端,很多ico ...
- iconfont 图标宽高出问题_一个技巧,100,000,000+PPT图标就可以任性使用!【黑科技第11期】...
#Hello,我是安少# 视觉传达展示好,巧用图标不能少. 提及图标,大家应该都不陌生,生活中处处可见,机场路牌.道路指示.手机App等等,小图标,大作用,一个图标能快速简明扼要的传递信息. (交通指 ...
- 不固定图片宽高瀑布流_类百度图片的固定高度横向瀑布流js方法及纯css实现的方法记录...
微信图片_20190117105118.png 纯css实现代码: Document div{ display: flex;/*显示模式设置为弹性盒子*/ flex-wrap: wrap;/*进行强制 ...
- 不固定图片宽高瀑布流_图片横向等高瀑布流,每行占满,限制行数 的实现
图片的横向瀑布流,其实简单地按顺序排列就可以了 但要实现每行中各图片都等高(各行不一定等高,但每行里面等高),且每行都占满,就需要用到flex的特性了 控制每行图片高度都一致,可能会影响图片的比例,所 ...
- app图标角标产品设计_新手如何设计App的图标Logo?
想要设计一款App图标logo,却不知道从何下手,也不清楚尺寸规范.针对新手,如何快速搞定app logo图标设计?今天和大家分享移动App 的logo图标设计,现学现用容易上手的4个小套路! 一.品 ...
- java输入长宽高计算表面积_设计一个C语言程序计算长方体体积和表面积,长宽高通过键盘输入?????...
展开全部 # include int main (void) { double l, w, h;//定义变量62616964757a686964616fe4b893e5b19e313333656463 ...
- java输入长宽高计算表面积_设计一个C语言程序计算长方体体积和表面积,如何通过键盘输入长宽高?...
展开全部 # include int main (void) { double l, w, h;//定义变量 double s, v;//定义变量 printf("please input ...
- img设置宽高不生效_便宜 好用 不掉盘 保姆级粒子云刷机攻略
大家好,我是黄昏百分百,今天为大家带来的是粒子云/我家云刷OMV系统,打不掉盘补丁,以及设置SMB共享等操作的保姆级教程,希望对大家有所帮助.其实这个粒子云很久以前就到我手里了, 只不过当时需要硬改才 ...
- echarts中如何配置图例形状、图标宽高、图标和文字间距、图例位置、文字颜色、字体大小
1.代码和注释如下 var option ={legend: {bottom: '5%',//图例距离整个容器底部的距离left: 'center',//图例距离整个容器左边data: ['完成', ...
最新文章
- mysql 5.7 1055_mysql 5.7报1055错误的解决方法
- java private 接口_java接口中 定义 private 私有方法
- Intel Realsense D435 当摄像头运行过程中突然USB线断开,对RuntimeError: Frame didn't arrived within 5000的异常捕获及处理
- JAVA File方法各类文件复制操作
- boost::multiprecision模块将 std::numeric_limits 用作 multiprecision.qbk 上的多精度文档片段的示例
- [LeetCode] Permutations
- ES6重点--笔记(转)
- java seek指针 换行符_Java网络编程探究|乐字节
- 因曝光“同事被抬上救护车”被开除?拼多多:该员工在匿名社区发布极端言论...
- MFC之MessageBox用法
- 字模提取工具-PCtoLCD2002使用说明
- 群晖NAS、硬盘及路由器选购及组网,打造家庭资源共享环境
- 电子计算机一直在响,电脑硬盘一直响个不停怎么解决
- 计算机语言lc-3,GBT 15969.3-2005 可编程序控制器 第3部分 编程语言.pdf-全文可读
- 大禹电子:元宵佳节逛花灯,猜灯谜好不热闹
- webservice安全验证
- Project Ara 手机,拼装的DIY手机
- 【区块链108将】区块链无权威,参与之前多了解才可能赚钱
- 一个查询错误:A query was run and no Result Maps were found for the Mapped Statement ‘com.kuang.dao.BookMap
- 2020 - 04 - 30 个人笔记
热门文章
- Hobbit玩转Zynq MPSoC系列之2:TPG输入+VCU编码+rtp网络传输
- 从零开始实现主成分分析(PCA)算法
- 力扣:7整数反转(python)
- filter(HTML)滤镜用法
- Java设计模式(7)装饰模式(Decorator模式)
- 基于Exchange 2003的搭建高可用的邮件平台 之一:群集的配置
- 解决SQL Server 阻止了对组件 'Ad Hoc Distributed Queries' 的 STATEMENT'OpenRowset/OpenDatasource' 的访问的方法...
- ASP.NET GetPostBackEventReference
- Java 定时任务调度(8)--ElasticJob 入门实战(ElasticJob-Lite使用)
- Java的if判断对象为null时,null放在比较运算符的左边还是右边较好?