iOS 图标设计规则,为什么iOS 的图标设计需要这样做

fivemeteor
fivemeteor 这家伙很懒,还没有设置简介...

0 人点赞了该文章 · 65 浏览

iOS 图标设计规则,为什么iOS 的图标设计需要这样做

  如果你有注意iOS 的图标设计,你会发现iOS的图标设计使用的底色是白色。为什么iOS图标设计不适用自己商标本身的颜色用来做底色呢,这个就是设计iOS图标设计的规则。就上网。


  总结出的 3 条设计「规则」:

  1. 如果品牌 LOGO 在「颜色」上的展示诉求大于「造型」的话,可用白色背景加品牌 LOGO;

  2. 如果品牌 LOGO 「造型」足够独特具有高识别度,或对「颜色」诉求相对较小的话,则可用品牌色做背景;

  3. 如果产品拥有具象的形象物或场景的话,可设计「拟物化」或「 场景化」的图标。

  先让我们来看下适用于第一条规则的。

  如果品牌 LOGO 在「颜色」上的展示诉求大于「造型」的话,可用白色背景加品牌 LOGO。

  怎么理解这句话。

  首先我们第一眼可以感觉到这些图标里的 LOGO 颜色都是较为丰富的。

  其次,像「Google」、「Bubble Chat」、「Hyperlapse」等都是造型非常简单的,「Hyperlapse」甚至就只是一个圈。这些 LOGO 比起形状,颜色会给人更深的印象。

  另外像「Google」、「Medium」将带色彩的 LOGO 作为主要形象充满 VI 系统中,被人们所熟知。因此使用白色背景,用形象的 LOGO 更将有辨识度,被人所接受。

  再来看下第二条规则。

  如果品牌 LOGO 「造型」足够独特具有高识别度,或对「颜色」诉求相对较小的话,则可用品牌色做背景。

  理解了第一条的话,这条比较好说了。上面这组图标中,除了「Memoir」外,大家可以发现图标中的 LOGO 图形都是比较有独特性、高识别度的。并且这些 LOGO 图形自身对颜色的诉求也并不大,因此可直接使用品牌颜色做背景,上面放个 LOGO 形状。

  当然出于差异化或美观,可以让 LOGO 多些细节,如「Airbnb」的阴影和「美拍」的渐变色。

  再来看下第三条。

  如果产品拥有具象的形象物或场景的话,可设计「拟物化」或「 场景化」的图标。

  相信这个很好理解。游戏图标自然不用说,比如「Monument Valley」、「Hearthstone」。像 「Dueling」和「Twitterrific」这类自身有形象物的产品,也可以用形象物直接作为图标。「Sooshi」和「Wunderlist」也类似,只是「Wunderlist」的这枚图标直接作为 LOGO 使用,被人所知。

  

发布于 2022-09-30 23:17

免责声明:

本文由 fivemeteor 原创或收集发布于 火鲤鱼 ,著作权归作者所有,如有侵权可联系本站删除。

火鲤鱼 © 2026 专注小微企业服务 冀ICP备09002609号-8