PPT扁平化设计的8个实用小技巧

PPT扁平化设计的8个实用小技巧

 

  扁平化是目前的主流设计风格,本文总结了扁平化设计的8个小技巧,字体、图标、排版、配色等都有提及,教程深入浅出,非常适合新手,学会可以直接拿来作海报和PPT设计。

  最近帮一个师兄做一个PPT,用了几乎每个人都听说过的扁平化风格。于是趁热打铁,找了一些扁平化的作品和文章看了,自己对扁平化做一个总结,希望对你ppt抑或海报设计有所帮助。

  注:此处所谈的扁平化指的是一个大的概念,将后面衍生出来所谓的“似扁平化”也包含进来。

  Tip 1:关于高光、渐变和投影

  网上所说扁平化风的三大要素:去高光、去渐变、去阴影。这么说是有点绝对了,我认为应该是去掉过渡式高光、过渡式渐变、过渡式阴影。在这篇文章里,扁平化高光、阶梯式渐变以及所谓的长投影是允许的。


  Tip 2:使用扁平化图标

  使用有明确含义的图标可以让你的设计不那么单调并且耐看。


  Tip 3:色块的形状和颜色

  色块在扁平化设计中占据着很重要的地位,几乎我们看到的所有扁平化设计都离不开色块。

  关于色块的形状,基础形状有圆形、三角形、四边形、五边形以及六边形,注意不要用超过六条边的形状,这样人们就会开始数形状的边数而忽略掉你要传达的信息。


  有的人在扁平化设计中更喜欢使用带有圆角的基础形状。

  关于色块的颜色,并没有特别的要求,但是我个人更加喜欢使用不那么鲜艳刺眼的颜色,使用温和、饱和度不高的颜色更对我胃口。


  在扁平化设计中,如果追求可靠、稳定、安全、平静的风格,那么我会选择一种主色以及与主色同色系的四五种辅色,如果我追求活泼、青春、充满生命力的风格,那么我选择的辅色就和主色便是完全不同色系。

  扁平化设计中,黑白以及不同程度的灰很重要,因为它们白百搭,所以在你不知道该用什么颜色的时候,黑白灰也许是不错的选择。

  Tip 4:色块的组合

  除了基础的形状之外,你可以由基础形状衍生出更多的组合形状。但是建议不要超过三种不同的基础形状组合,这样会让你的设计脱离扁平化简约的初衷。


  Tip5:字体的选择

  请选择无衬线体,常用的中文无衬线体有微软雅黑、黑体、幼圆、张海山锐楷体、方正智艺体等。


  Tip6:注重排版

  扁平化设计中尤其要注意排版,在这里再次祭出设计的四大原则:

  对齐、亲密性、重复、对比。在你放好一个色块或者文字后,请务必检查一下是否满足以上四条准则。

  注意,色块里面放置文字的时候,要留出呼吸空间。


  Tip 7:图片的使用

  扁平化设计中如果要用到图片,常见的处理方法有三种:

  普通的色块/文字+图片

  压暗处理

  模糊处理


  Tip 8:使用不同色块组合做出伪立体感

  这是所谓“似扁平化”的部分,但是它仍然能给我们的设计带来一种简约而不失美感的感觉,因此我在这里也归并起来总结一下。像我们之前很火的lowpoly以及长投影设计都属于这一类。


  最常见的手段是使用不同饱和度的色块打造伪光影效果,来给人立体感。


  最后,无论如何,请记住扁平化的核心就是简洁。

  规则是用来打破的,但在打破规则之前,你需要知道规则是什么。无论是设计的四大原则还是扁平化的这几条tips,都不是不可挑战不可违逆的,你可以大胆跳出这些规则,创新需要如此,但是在此之前,掌握这些规则是必须的。

时间: 2024-09-14 19:13:06

PPT扁平化设计的8个实用小技巧的相关文章

“类扁平化设计”时代到来

本文作者张悦是PICOOC公司创始人,PICOOC研发的第一款将于近期上市的智能设备是名叫Latin的智能秤,具体可见我们之前的报道.张悦之前还创办过移动应用开发培训公司博看文思. 前几天iOS 7正式版终于发布, 用户对其扁平化设计风格褒贬不一.其实我们早在三个月前就在 PICOOC 的 APP 上率先"痛苦地"决定了采用"类扁平化设计"(稍后会给出解释).基于 PICOOC 系列产品的特性,当时整个 App 的 GUI 上遇到了很多的问题和挑战. 比如Latin

扁平化设计在PPT中的应用

  随着IOS7的发布,扁平化被推向了设计的巅峰,扁平化设计风格最早由微软提出,当时微软公布了新图标设计,Metro风格界面设计,也就是目前流行的扁平化设计.它的设计初衷是还原信息的本质,去掉所有与信息不相关的修饰,如渐变.阴影,特效等.使读者能快速.直接获取信息. 如今扁平化设计已经风靡全球,各大网站都改变了设计风格.以拟物化设计著称的苹果公司也在新发布的IOS7中使用了扁平化的风格.所以我们在设计PPT的过程中,也可以借鉴微软的扁平化风格.此篇文章将为大家讲解一些简单的图示的扁平化使用. 相

扁平化设计终极指南

  苹果iOS 7将扁平化设计风格推向了一个顶点.目前,扁平化设计是当下最流行的设计风格.不少设计师或许都想要尝试一下扁平化设计,但却不知道该要如何开始.这里,我们就为大家搜集了一些扁平化资源,从UI套件到调色工具,再到字体选择和WP主题,从理论文章再到创意图库.我们将为大家呈现出体系化的扁平化资源,一起来看看: 不收藏都不好意思的扁平化设计终极指南 扁平化设计 对于设计师来说,扁平化设计是一种实打实的设计风格,不要花招,不要粉饰.从整体的角度来讲,扁平化设计是一种极简主义美学,附以明亮柔和的色

扁平化设计:扁平化UI套件推荐

文章描述:浅谈扁平化设计-– keep it simple. 2013可以说是扁平化设计的一年. 扁平化时代之前,设计师的作品往往非常的写实,非常的有立体感!但是现在即便是拟物设计的引领者苹果,也不得不转变设计思路,在iOS 7上开始着手扁平化设计的探索. 什么是扁平化设计? 对于设计师来说,扁平化设计是一种实打实的设计风格,不要花招,不要粉饰.从整体的角度来讲,扁平化设计是一种极简主义美学,附以明亮柔和的色彩,最后配上粗重醒目,而风格又复古的字体.扁平化设计简化了诸如按钮.图标一类的界面元素.

扁平化设计与质感设计: 他们有什么不同?

  两种相似的设计风格,一个基于另一个.一个是新热事物,另一个,有人猜测,已经以自己的方式成为一种时尚.一个是自发的-适应设计的趋势,另一个却是有目标-专用的设计指导规范. 你可能明白了扁平化与质感设计之间的冲突了. 但是,他们之间不同是什么呢,本质上是一个比另一个更好?在某些用途上更好?实际上,一些人想知道它们之间的差别有多大,让我们从最基本的开始:拟物化设计的身影出现在每一个身上. 拟物化设计, 在这个背景下,设计是为了模拟真实的物理世界.通常,这需要设计的在线应用的形式看起来像他们的真实世

扁平化设计和MATERIAL DESIGN有什么不一样?

  两种相似的设计风格,一个基于另一个.一个是新热事物,另一个,有人猜测,已经以自己的方式成为一种时尚.一个是自发的--适应设计的趋势,另一个却是有目标--专用的设计指导规范. 你可能明白了扁平化与Material Design之间的冲突了. 但是,他们之间不同是什么呢,本质上是一个比另一个更好?在某些用途上更好?实际上,一些人想知道它们之间的差别有多大,让我们从最基本的开始:拟物化设计的身影出现在每一个身上. 拟物化设计 拟物化设计, 在这个背景下,设计是为了模拟真实的物理世界.通常,这需要设

扁平化设计的前世今生

中介交易 SEO诊断 淘宝客 云主机 技术大厅 [摘要]"扁平化设计"是一种设计风格术语,它抛弃任何能使得作品突显3D效果的特性. 腾讯科技 冰尘 3月23日编译 如今一提到网站设计,就会不可避免地碰到"扁平化设计"(flat design)这个词.近几年扁平化设计趋势风生水起,也受到很多大公司的青睐. 但扁平化设计来源是哪里?为什么它风靡网站设计?在设计中,我们只有知道一种风格和技术的来源以及它背后的历史,我们在使用这种美学风格时才能更加得心应手.下面让我们追根溯

扁平化设计技巧:中空的图标用户体验

文章描述:扁平化设计反思:"中空图标"很难被理解吗? 随着IOS7的发布,苹果的界面做出了有史以来最大的改变.IOS7的设计语言强调了高光.极简,包括所有的按键以及app图标. 这个改变使苹果的操作系统更加时尚.简单,同时也影响了人们对扁平化的理解.当然有人欢喜有人愁,一些人对此颇有微词,认为这一改变并没有使IOS系统向好的方面发展. 使用IOS7的用户都知道,这款操作系统中所有的图标都是简单的线条构成,也正是这种"过于简单化"的设计引起了重大争议.尽管现在这些图标

扁平化设计资源:适合扁平化设计的圆形图标

文章描述:Codrops 出品的 9款适合扁平化设计的圆形图标悬浮(Hover)效果,原demo效果在此.从这些效果中可以看到,即使在扁平化设计中,魔鬼依旧藏在细节里. Codrops 出品的 9款适合扁平化设计的圆形图标悬浮(Hover)效果,原demo效果在此.从这些效果中可以看到,即使在扁平化设计中,魔鬼依旧藏在细节里. 1. 填充色变换 2. 填充色收缩 3. 填充色闪换 4. 描边由实变虚 5. 图标飞入效果 6. 图标内部旋转 7. 描边阴影闪现 8. 边界呼吸效果 9. 描边扩展下