iOS7 Icon展示

uidec他(她)的空间>>4年前

人气452

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

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

144485

 

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

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

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

形状

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

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

 

144486

网格系统

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

144487

 

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

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

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上的图标设计范例:

144488

 

144489

144490

144491

144492

144493

144494

144495

144496

144497

144498

144499

144500

     
TA的上传
  • 红色风格企业后台管理系统界面设计
  • 4张后台管理系统界面UI
  • 几张系统管理登录页设计
  • 国家电网管理系统后台界面
  • 简约大气后台登录页
  • 员工考勤系统后台界面
  • 飞哥网站
  • 一起海带APP设计
  • 扁平风格手机主题UI
  • 25个优秀UI图标ICON设计作品
查看全部

只有登录之后才可以评论,请点击进行登录

全部评论: 0

登录

忘记密码

如果您尚未注册,请选择以下方式登录

Q Q 登 录 微 博 登 录
已有账号?快去登录>>

注册