相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

商业图标的汇总及创意拆解

GJYW发布于:2019-5-22 10:03 |原作者: laycka|
GJYW
黑龙江省 哈尔滨市 平面设计师
发私信 + 关注
简介: 现平台内有关icon文章大多都讲的规范,想给大家讲讲创意方向的拆解,内容是我的一个总结吧


b10.径向渐变

讲解:渐变类型是径向渐变。如私人FM的图标,后面的园底是一个饱和度的径向渐变,而且饱和度的跨度很大,给人一种朦胧感。

商业图标的汇总及创意拆解 飞特网 设计理论

制作难度或注意事项:注意把握径向渐变的大小

延展方案:*和别的创意点融合是否可行?

制作难度:



b11.线型前景+渐变修饰色块

讲解:线性图标后面加上一个渐变底块。如演唱会这个图标,是个线状,但略显简单,但设计了一个渐变底块,起到了很好的装饰作用。

商业图标的汇总及创意拆解 飞特网 设计理论

制作难度或注意事项:修饰底块不宜太满

延展方案:装饰色块的面积大小是否可以变化?

*和别的创意点融合是否可行?

制作难度:

b12.低饱和背景+高饱和前景

讲解:图标是一个低饱和明度高的背景和一个饱和度高的前景组成。如地址这个图标,同样是蓝色系,只是在饱和度上形成了反差,这样使整个图标不会单调,有光影层次的感觉。

商业图标的汇总及创意拆解 飞特网 设计理论

制作难度或注意事项:前景和背景都应该用同色系

延展方案:*和别的创意点融合是否可行?

制作难度:

b13.低饱和暗面设计

讲解:图标绘制存在暗面,暗面用饱和度低的主色系。如芝麻信用这个图标,前面的图形刻画了轻微的暗面关系,颜色用的是主色系调低饱和度的浅绿色,整体感觉很干净也有光影关系。

商业图标的汇总及创意拆解 飞特网 设计理论

制作难度或注意事项:颜色尽量保证在主色系附近

延展方案:*和别的创意点融合是否可行?

制作难度:



b14.线性不同明度

讲解:无色线性图标上,对不同线条做不同明度的处理。如侃侃社区这个图标,用到了两个灰度,一个是爱心的灰度,一个是气泡的灰度,给人具有明暗变化的感觉,丰富性提升了很多。

商业图标的汇总及创意拆解 飞特网 设计理论

制作难度或注意事项:明度跨度不宜太大

延展方案:是否可以尝试多个明度?

*和别的创意点融合是否可行?

制作难度:



b15.拼色

讲解:图标含有多个色相的颜色拼接在一起。如视频这个图标,用了白色、粉红、宝蓝三种颜色,组合在一起带来一种不一样的感觉。

商业图标的汇总及创意拆解 飞特网 设计理论

制作难度或注意事项:颜色搭配要和谐

延展方案:配色数量是否可以变换?

*和别的创意点融合是否可行?

制作难度:



b16.黑边

讲解:黑色的线性图标,加上了有色色块。如服务保障图标,整个图标是黑色,但加上了粉色底块后显得不太单调,丰富了整体感。

商业图标的汇总及创意拆解 飞特网 设计理论

制作难度或注意事项:色块不宜太满

延展方案:黑边的明度是否可以变换?

*和别的创意点融合是否可行?

制作难度:



总结

本次的列举是目前上线产品中80%-90%的设计结构创意点,文章反复强调多个结构创意点是否可以重组,肯定是可以的,这样运用数学算法是否会发现,这个创意发散是非常多的,也许可以运用到你的工作学习上哦!

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

1234
18

好评
21

差评

刚表态过的朋友 (39 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

GJYW
黑龙江省 哈尔滨市 平面设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计