远知教育网

当前位置 : 远知网 > 看新闻>详情

【远知网】UI图标设计的秘诀
【来源】远知教育    【时间】2019-02-11 10:38:26    【阅读量】90

  很多人都对UI设计图标的设计很感兴趣,今天远知网小编就给大家分享UI图标设计的秘诀,我们一起来看看吧。

UI图标设计的秘诀

  1 UI图片最广应用于手机上,所以每个手机APP都需要一个美丽的造型。第一,容易识别,简单易懂,让人一看就能知道是干什么的。客户不希望太复杂的东西。就算是儿童也可以很容易上手。

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

  3 抽象化,使用抽象画元素,切记不要使用截图或图片代替,图片或截图很小的尺寸是难以看到的,最好用艺术形式来表现出来,这样做可以强调出问题来 ,客户也比较容易注意到。

  4 专注于一个独特的形状:尽量避免使用文本,尝试使用只有一个符号或图标作为你的应用程。

  5 谨慎使用颜色:在一般情况下,最好只使用一种到两种色调。虽然你可以做很多好看的颜色,但很难决定。

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

  7 网格系统 苹果开发出黄金比例的网格系统(文章附件提供下载),它可用于尺寸和正确地对准上的图标元件。 就像PS里的标尺一样好用。

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

  以上就是小编分享的UI图标设计的秘诀,希望能够帮助到大家。

  更多查看:
  学习UI设计北京哪家机构好呢?
  【远知网】UI设计中的文字该怎么设计?
  UI设计

※远知网声明※

(一) 由于各方面情况的调整与变化,本网所提供的考试信息仅供参考,敬请以权威部门公布的正式信息为准。

(二) 本网注明来源为其他媒体的稿件均为转载稿,免费转载出于非商业性学习目的,版权归原作者所有。如有内容、版权等问题请在30日内与本网联系。

(三)联系方式:邮件 px58_vip@163.com

当前位置 : 远知网>看新闻>>详情

【远知网】UI图标设计的秘诀

【来源】远知教育2018-10-26

  很多人都对UI设计图标的设计很感兴趣,今天远知网小编就给大家分享UI图标设计的秘诀,我们一起来看看吧。

UI图标设计的秘诀

  1 UI图片最广应用于手机上,所以每个手机APP都需要一个美丽的造型。第一,容易识别,简单易懂,让人一看就能知道是干什么的。客户不希望太复杂的东西。就算是儿童也可以很容易上手。

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

  3 抽象化,使用抽象画元素,切记不要使用截图或图片代替,图片或截图很小的尺寸是难以看到的,最好用艺术形式来表现出来,这样做可以强调出问题来 ,客户也比较容易注意到。

  4 专注于一个独特的形状:尽量避免使用文本,尝试使用只有一个符号或图标作为你的应用程。

  5 谨慎使用颜色:在一般情况下,最好只使用一种到两种色调。虽然你可以做很多好看的颜色,但很难决定。

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

  7 网格系统 苹果开发出黄金比例的网格系统(文章附件提供下载),它可用于尺寸和正确地对准上的图标元件。 就像PS里的标尺一样好用。

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

  以上就是小编分享的UI图标设计的秘诀,希望能够帮助到大家。

  更多查看:
  学习UI设计北京哪家机构好呢?
  【远知网】UI设计中的文字该怎么设计?
  UI设计
关于我们| 合作伙伴| 诚聘英才| 联系我们| 免责声明| 网站地图
Copyright 2010-2018 远知网版权所有 京ICP备13041461号-1