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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
iOS7 Icon展示
0.0°
2014-11-26 原创文章 经验/观点 原作者: 原作者 举报 9828 36 33 0

iOS7正式版终于发布任何一款应用都离不开图标。用户会很主观的根据图标的外观来评定应用的质量。因此图标设计要在符合标准的基础上,做到与众不同,能够吸引用户

IOS 7 图标设计简略规范以及优秀作品展示Y

 

iOS7正式版终于发布,设计师看来又要忙活一阵子了,抓紧时间学习新指导规范,保持与时俱进。

任何一款应用都离不开图标。用户会很主观的根据图标的外观来评定应用的质量。因此图标设计要在符合标准的基础上,做到与众不同,能够更好的吸引用户。

简略的讲一下iOS7的图标设计要点

形状

Apple使用了一种新形状,Michael Flarup管这叫做“超椭圆”(我觉得描述的很到位)既然Apple没有放出这种iOS7形状的官方设计模板,那么可以试着用一下非官方设计模版,大致差不多。

目前我找到最好的一款叫做“App Icon Template”,是学习iOS7图标设计的良好切入工具。

 

网格系统

Apple采用了黄金比例的网格系统,可以用来合理的修改元素尺寸、对齐元素。尽管图标设计中的网格系统还没有被广泛的接受,但是使用这种网格系统无疑会让设计更加严谨。

 

尺寸:不同设备上的图标尺寸

如果为跨平台的应用设计图标,那么一般需要提供四种尺寸的图标。

iPhone和iPod touch的“应用程序图标”,尺寸一般是:

120 x 120pixels

60 x 60 pixels (标准分辨率)

iPad的“应用程序图标”,尺寸一般是:

152 x 152

76 x 76 pixels(标准分辨率)

“App Store图标”尺寸可以大一点,这样看起来舒服:

 1024 x 1024 pixels

 512 x 512 pixels (标准分辨率)

iPhone iPod touch iPad上“Spotlight搜索结果图标”,尺寸一般是:

 80 x 80 pixels

 40 x 40 pixels (标准分辨率)

iPhone, iPod touch, and iPad上的“设置图标”,尺寸一般是:

 58 x 58 pixels

 29 x 29 pixels (标准分辨率)

推荐使用PNG格式,不要使用交错PNG

图标的标准位深度为24 bits——红绿蓝各8位——阿尔法通道再8位

 

iOS7上的图标设计范例:

 

更新:2014-11-26

收藏

36人已收藏

BIGS

对就是对,错就是错

  • 72

    作品

  • 1321

    粉丝

  • 61

    关注

  • Light Color--流动的轻色
  • Light Color-轻色
  • 蝙蝠侠大战超人--定制主题
  • 为什么Android开发最抢手?
相关标签
设计经验分享

    猜你喜欢

      2014-11-26 原创文章 经验/观点 原作者: 原作者 举报 9828 36 33 0

      iOS7 Icon展示

      0.0°

      你确定要举报iOS7 Icon展示

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

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

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      33
      36
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录