9款适合扁平化设计的图标悬浮效果

2016-02-17 00:06 8 1 收藏

想要天天向上，就要懂得享受学习。图老师为大家推荐9款适合扁平化设计的图标悬浮效果，精彩的内容需要你们用心的阅读。还在等什么快点来看看吧！

【 tulaoshi.com - 平面设计】

继上次《21个适合扁平化设计的创意链接效果》备受好评，本周让我们再来看看同样由关注网页设计新技巧和新趋势的Codrops出品的9款适合扁平化设计的圆形图标悬浮(Hover)效果，原demo效果在此。从这些效果中可以看到，即使在扁平化设计中，魔鬼依旧藏在细节里。

1. 填充色变换

9款适合扁平化设计的图标悬浮效果,PS教程,图老师教程网

2. 填充色收缩

9款适合扁平化设计的图标悬浮效果,PS教程,图老师教程网

3. 填充色闪换

9款适合扁平化设计的图标悬浮效果,PS教程,图老师教程网

4. 描边由实变虚

9款适合扁平化设计的图标悬浮效果,PS教程,图老师教程网

5. 图标飞入效果

9款适合扁平化设计的图标悬浮效果,PS教程,图老师教程网

6. 图标内部旋转

9款适合扁平化设计的图标悬浮效果,PS教程,图老师教程网

7. 描边阴影闪现

9款适合扁平化设计的图标悬浮效果,PS教程,图老师教程网

8. 边界呼吸效果

9款适合扁平化设计的图标悬浮效果,PS教程,图老师教程网

9. 描边扩展下过

9款适合扁平化设计的图标悬浮效果,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160217/1576684.html

上一篇：浅谈网页动作按钮可没你想的那么简单
下一篇： 50个有用的国外扁平化设计PSD素材

看过《9款适合扁平化设计的图标悬浮效果》的人还看了以下文章更多>>

PS如何制作扁平化风格图标

标签：平面设计

本文将传授你多样的扁平化设计风格，绝对时髦教程！读完本文，你将轻松掌握时下最热门的设计手法：）四种风格包括：常规扁平化、长投影、投影式、渐变式。一、常规扁平化步骤 1: 宽度: 500px, 高度: 400px. 背景色#e8d59b. 步骤 2: 参考线设置：垂直...

21款精致细腻的扁平化网页设计欣赏

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

扁平化网站蜂拥而来，想脱颖而出，就得在细枝末节上下功夫。今天搜集的这组网站，将扁平化的细微之处打磨得非常漂亮，感受下。 Mountainview Agency Apparatus Studio Dickson Fong Trippeo Kevin Tresor Portfolio Gogoro Genn.org VI Hart Island Project Online Photo Mosaic Maker Part Design. Pa...

Illustrator绘制扁平化风格的宝石图标

标签： Illustrator CorelDRAW

本教程主要使用Illustrator绘制扁平化风格的宝石图标，教程算是一个系列的珠宝、宝石系列的图标设计教程，挺不错的，推荐过来和图老师的朋友们一起分享学习了，下面就一起来学习吧。我们先来看看最终的效果图吧：使用线段工具画两根垂直交叉的直线，让它们的交点正好在正方形的中心。然后使用路径查找面板中的分割功能把正方形切成四个...

话说扁平化设计“一二事”