恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
常见的 10 大图标设计风格
31.8°
2024-08-14 原创文章 经验/观点 举报 7230 47 25 0

图标是产品中不可或缺的部分,随着设计趋势的不断变化,图标设计风格也在不断丰富。在产品中会出现哪些常见的图标设计风格呢?结合产品案例体验,今天黑马哥为大家简单梳理一下,列举出常见的 10 个图标设计风格。




1. 线性功能图标

线性功能图标是产品中最常见的风格,设计时控制好图标规范即可。常见的多为单色(无彩色系、品牌色等),也有用品牌色作为点缀色的案例。




2. 面性功能图标

面性功能图标与线性风一样,也是产品中最常见的风格。有单色单图形、多色叠加风、微渐变风格等表达形式。




3. 磨砂玻璃质感图标

磨砂玻璃质感图标是轻质感的表达形式之一,也是近些年较为流行的趋势。可以扁平也可以微质感,在立体感图标上面也可以运用这类效果。




4. 微质感图标

微质感图标相较于扁平化设计而言,更能突出细节的深入和真实感的体现。微质感图标的层次感也更丰富,该技法也是设计师的必备技能。




5. 晶白风图标

晶白风图标常用于金刚区栏目,利用白色不透明度关系和背景色关系进行图标设计,图标质感、层次感、空间感等都能得以体现。




6. 立体感图标

立体感图标分为 2.5D、伪 3D、3D 建模等形式,特别是随着三维设计趋势的普及,立体感图标的运用也逐步普及,也可以利用 AI 工具完成该类型图标。




7. 插画风图标

插画风图标是插画风格的简化融入,以此提升图标设计的特征感,使得图标具备差异化的视觉效果,也能烘托出整体设计的质量。




8. 主题化图标

主题化图标设计风格多样,会结合活动主题或者节日庆典等内容,根据主题设计图标更能体现产品温度。




9. 写实类图标

写实图标是以技法表现实物特征,比较考验质感表现、透视光影等技法能力。随着扁平化趋势,写实类设计逐步被淡化,但是也有部分产品会局部性运用。




10. 实物图图标

直接将产品实物图作为图标相对较少,但是依然有产品会选择使用,还原其内容表达的真实性。




以上为产品中常见的图标设计风格,根据不同需求采用。对于设计师而言,这也是首先需要掌握的图标技能。


本文由 @黑马青年(heimaui)原创发布。未经许可,禁止转载。

Powered by Froala Editor

微信公众号:我是黑马青年

更新:2024-08-14

收藏

47人已收藏

黑马青年

设计交流微信:heimaux

  • 152

    作品

  • 2.4w

    粉丝

  • 144

    关注

  • 大厂设计系统/规范/资源
  • 糖果风图标原来是这样画的
  • 2024 21D UI Design
  • 这个 B 端设计我纠结了很久

    猜你喜欢

      2024-08-14 原创文章 经验/观点 举报 7230 47 25 0

      常见的 10 大图标设计风格

      31.8°

      你确定要举报常见的 10 大图标设计风格

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2024年08月14日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      25
      47
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录