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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
iOS图标设计9个秘诀
0.0°
2014-11-18 原创文章 经验/观点 原作者: 原作者 举报 55596 396 170 13

iOS图标设计原则及方法,非官方版更实用。

每一个应用程序都需要一个美丽的,令人难忘的在App Store中和手机的主屏幕上突出的图标。

1 易识别

一般情况下,避免使用一个有2种含义的图形元素或着费解的一面。例如,邮件程序图标使用一个信封,而不是农村的邮箱,一个邮包,或邮局的象征。 

2 保持简洁

保持简洁,尤其要避免添加过多的图形元素到你的图标。寻找一个表达你应用程序的本质的表达简单、造型独特的1个元素,并谨慎添加细节。如果图标的内容或形状过于复杂,细节就会变得更加复杂,并且在更小的尺寸可能会很模糊。iOS的自带应用程序图标都很简洁,就算设置中的小尺寸依然清晰可见。

3 抽象化

创建你的应用程序的主要思想的抽象解释。避免使用照片或截图作为应用程序图标,因为照片的细节在很小的尺寸是看不到的。通常情况下,最好以艺术的方式来解释现实, 因为这样做可以让你强调这个问题,你希望用户注意的方面。 

4 专注于一个独特的形状

最好的应用程序图标都是独一无二的,整洁,有魅力,令人难忘。有的有很多颜色或功能梯度,但这些图标的中央设计元素应该是一个醒目的形状,你马上识别。 

5 避免使用大量文字

如果你可以逃脱使用任何文本,那么它可能是最好的办法。尝试使用只是一个符号或标识的应用程序图标。这个伟大的例子包括Ness , Pocket and Pinterest。 

6 谨慎使用颜色

在一般情况下,最好只使用1~2种主色调。虽然你可以做很多漂亮的颜色,但很难决定。

7 超椭圆

图标的圆角不再是准确的半径值,iOS 7以后的应用程序图标都使用超椭圆的形状。虽然App Store提交不需要圆角裁剪,只需 apple  官方会进行处理。由于苹果没有公布形状的官方模板,你将不得不使用一个非官方的模板,因为你要在其他地方很有可能要用到裁决后的超椭圆的图标。 

8 网格系统

苹果开发出黄金比例的网格系统(文章附件提供下载),它可用于尺寸和正确地对准上的图标元件。苹果多数图标的按照网格系统进行规范话设计,也为设计师们提供了方向。当然你也可以随意打破规则,如果你的图标不采取新的网格系统的情况下看起来依然很不错。 

9 重新设计为iOS

该应用程序的图标是你的应用程序的品牌的重要组成部分。如果你已经有pc端的产品图标存在,建议你重新设计为iOS。你可以在原来图标的基础上适当的提取图形和配色元素加以简化进行设计。

浅草域整理,转载注明出处。

参考资料:《iOS人机界面指南》、“six tips from apple on how to create better-app-icons”、“how to design beautiful ios app icons,according to apple”、“the iOS design guidelines-ivomynttinen”。

更新:2014-11-18

下载
收藏

396人已收藏

浅草域

PM、UX、UI

  • 7

    作品

  • 803

    粉丝

  • 86

    关注

  • 3DTouch Quick Action Menu Icon
  • 初级设计师vs资深设计师
  • teehanlax iOS 8 GUI PSD (iPhone 6)
  • UI8精心打造UI资源包

    猜你喜欢

      2014-11-18 原创文章 经验/观点 原作者: 原作者 举报 55596 396 170 13

      iOS图标设计9个秘诀

      0.0°

      你确定要举报iOS图标设计9个秘诀

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2014年11月17日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      170
      396
      13

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

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

      登录

      手机号

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

      登录
      第三方账号登录