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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
图标的认知与设计步骤
0.0°
2015-12-18 原创文章 经验/观点 举报 2871 13 15 1

第一次写文章,写完后挺高兴的,收获也挺多的。这事我从做设计到现在做图标的过程中对图标的认知与设计心得,很高兴跟大家一起分享。希望和大家一起交流学习。

  1. 什么是图标?

图标就是电脑,手机或其它设备中为各种文件,应用程序或快捷方式设置的一种图形标志。


图标的分类

按功能分类图标分为:1启动类图标,2应用类图标,

1启动类图标

比如像微信,QQ等代表并启动此应用的一类图标(如下图所示)

                             


2,应用类图标

比如像返回,删除,保存等代表当前功能,或操作的一类图标。(如下图所示)

                               

                  

按设计形式分类分为扁平化图标和拟物化图标

1扁平化图标,


扁平化设计特点:简洁,清新,设计感强,没有更多的细节与特效修饰。直接明了的表达出出图标的本意。缺点是识别性差。

2拟物化图标

                          

特点,精致,细腻,识别性强,比较接近真实物品

图标设计设计原则

1可识别性原则

可识别性原则即清晰明了的表达清楚相应的功能和和操作。通俗的将就是用户一眼看过去就知道它是做什么的。比如拨打电话图标,用户不需要看文字只需要看图标就知道是拨打电话用的


2差异性原则

即每个图标之间要有一定的差异性,这样比较容易辨别与区分

如下图所示如果每个图标彼此之间很相似的化就会很难分辨


3统一性原则

统一性原则表现在形状,样式等风格层面。如下图图标都用了线条,并且图标都比较圆滑。


4尺寸大小尺寸与格式

  图标一般有以下几种尺寸                   

256x256       256x256       128x128    64x64      32x32     16x16

图标有以下几种格式

png , jpg ,svg

图标设计设计步骤

1 必须明确设计需求

即从开始到结束必须牢记并且明确说设计的图标说代表的功能需求。

比如在设计电话图标时不能偏离打电话这一需求。这样设计出来的图标才会实用,好用,易用


2明确设计风格

即必须定一个设计风格,是拟物化,扁平化,还是卡通图标。在定了风格后要严格按所定的风格去设计其它图标。保持统一性。

3草图设计

在定了设计风格后,开始草图设计,用草图绘出你要设计的图标形态。绘制草图是一个很重要的步骤,可以用手绘或一些软件。个人建议用手绘,如下图所示。

              

4低保真设计

根据草图用自己所熟悉的设计软件设计出整个图标的形状,等所有元素。 如下图的梅花图标,先设计出此图标的所有元素。

             

5高保真设计(视觉稿)

在低保真的基础上添加颜色,高光与阴影等细节,最终完成视觉稿如右上图的梅花图标所示。

6输出图标的格式

一般是png,jpg等


更新:2015-12-18

收藏

13人已收藏

小蝶设计

梦想是一定要有的,万一实现了呢?

  • 10

    作品

  • 16

    粉丝

  • 4

    关注

  • 咪咕爱看UI界面设计
  • 设计师必备的资源网站和灵感作品社区(附链接)
  • 把握住2017年的这10个UI设计流行趋势,成为设计牛人!
  •  App share design

    猜你喜欢

      2015-12-18 原创文章 经验/观点 举报 2871 13 15 1

      图标的认知与设计步骤

      0.0°

      你确定要举报图标的认知与设计步骤

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2015年12月18日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      15
      13
      1

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

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

      登录

      手机号

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

      登录
      第三方账号登录