当前位置:首页 > UI设计

logo总结|一个好的UI图标应该如何设计

栏目分类:UI设计 发布日期:2018-06-26 16:06:07 浏览次数:

产品logo 不需要过多的语言来阐述,一个简单的图标就可以代表这个产品。比如:一个被咬了一口的苹果,飘扬的旗帜(微软),一只大多数人都不知道是哪只眼睛睁开的企鹅,一个蓝色的爪印(百度)。

一个好的 logo 至少应该包括以下几个特点:

  • 首先是辨识度高,这是基础,如果一个 logo 不能够被用户从其它 logo 中区分出来,那么其它的优点将没有意义。
  • 其次是符合公司定位,互联网公司的 logo 就应该有互联网的感觉,医药公司的 logo 就应该有医药公司的感觉。这种感觉不是很好描述,但切实存在。比如:苹果公司的 logo 虽然是一个苹果,但它真的不是很适合被用于水果销售品牌。因为其整体设计过于科技化,没有食品的感觉。
  • 接着是能够和产品有一定的联系,比如:可口可乐的 logo 就是其产品名称的英文字母,苹果公司的 logo 是一个苹果。只有产品和 logo 统一起来,才能够加强用户的认知度。一个用户看了后,不能记住是什么产品的 logo设计,绝对算不上完美。
  • 最后就是吸引度了,人经常以貌取人,这一点在其它事物中也是存在的,两个产品的功能差不多,但是一个 UI界面美观,用户很有可能就会向该应用进行倾斜,人都有追求美的天性。logo 是用户使用产品前就可以看到的,是一个产品给用户的第一印象,其重要意义不亚于 UI界面。在同质化十分严重的情况下,如果不是大公司的产品,要想能够获得自然流量,一个重要的措施就是让自己的 logo 更加容易被用户点击。很多应用使用美女或者抽奖等字样作为自己的产品logo,就是这个原因。

一、常见logo分类

1. 字母/汉字变化型

\

\

\

该种类的 logo 数量还是很多的,比如上面提到的三个。百度糯米以及知乎都是直接使用汉字,作为自己的 logo,而饿了么则是使用英文字母,这种 logo 的优点是辨识度高且和产品的关联性很强。是一种很实用的 logo。

不过缺点也是有的,和苹果、微软等图形式的 logo 比起来显得不是那么用心。试想如果所有公司都采用这种方式设计自己的 logo,打开应用市场后将会看到什么?

产品列表的左边是一列各种字母以及文字组成的 logo,右边是软件介绍,硬生生的把图形界面改成了字符,缺乏美观的基础上还有可能导致重复。对于汉字而言重复难度比较大,但是对于英文字母而言,数千家的公司就采用26个字母显然太容易重复。

当然可以使用多个字母来解决,比如:Adobe全家桶,不过这些应用是作为电脑软件存在的,如果是手机屏幕,过多的字母显然不利于提升辨识度。且方形或者圆型的 logo 规范,对于多字母组合也不是很友好。

\

上图为 Adobe 官方网站的产品展示,可以看到:Adobe 几乎都是采用了两个字母命名的方式,来为自己的产品设计 logo。

2. 图片型

\

图片型的 logo 几乎是游戏专属了,其它分类的软件很少采用这种方式设计自己的 logo,这与游戏的定位有很大关系。

游戏作为娱乐类型的产品,用户可以忍受其 logo 色彩鲜艳,不是很严肃。且这种设计一定程度上还可以增加用户点击的概率,不少 logo 都使用了游戏中的人物作为自己的 logo。

而其它类型的产品,尤其是生产类型的产品一旦使用这种类型 logo,很容易给人留下不够严肃的印象,且这种很复杂的 logo,也常常会给用户该产品是小公司制作,以及该产品很有可能会捆绑很多插件的感觉。

3. 常规型logo

\

大多数的产品 logo 都是属于此类,比如:上面的5个 logo,复杂度一般,色彩较少,是最常用的做法,这种形式符合大众审美。

很多早期的产品以及大厂的产品都采用这种设计风格,显得比较庄重,是全年龄向的设计。这样的设计比较保守,不一定很吸引人,但也不会犯错。

4. 极简型logo

\

极简型 logo 的数量并不多,它不是一种全年龄向的设计,更多针对年轻人,其特点是颜色一般仅仅有两种且一种是白色。此外线条非常简单,大多数情况下也很难通过 logo 识别出产品的种类。

这种设计的优势是可以在很多的 logo 中脱颖而出,毕竟这种设计总体还是很少见的,人总是倾向于发现一堆东西之中不同的那一个。

二、代表性logo解读

1. 苹果

\

关于苹果商标的解读很多,而且很多故事和段子也流传甚广。这里作者将不去理会那些内容,仅仅说自己的看法。

  • 首先苹果 logo 显然是之前分类中的常规型 logo,符合大公司的做法,设计并不是很超前,能够满足全年龄段用户的使用。
  • 其次,苹果商标在表达内容方面做得很出色,用户通过这个商标可以很清楚的知道该 logo 是哪一家公司的,辨识度很高。在 logo 的复杂度上,苹果logo 已经接近了极简的范畴,是科技感的体现,能够比较好的展示其科技公司的特点。

至于被咬了一口这个设计,说法很多,但是大多数都是故事,作者认为有可能的原因是为了让这个图形不是那么对称。

大多数的 logo 都是非对称的,这点和建筑是不同的,对称的 logo 并不是很好看,缺乏美感。因此苹果的设计有可能是出于这点考虑,毕竟企鹅的标志还闭着一只眼睛呢。

此外该标志还有一个优势是作为单色标志,可以随意改变颜色,无论是什么颜色的都很不错,这点配色超过三种的 logo 就很难做到了。毕竟不好搭配颜色,无论如何都会看起来很奇怪。

2. 百度

\

百度的 logo 还是很有意思的,是一个爪印,掌心有个度,整个标志由蓝色和红色共同组成。而在手机APP 中,没有红色的部分,仅有这个爪印。某种程度上,这个蓝色的爪印可以看做是其 logo。

爪印的寓意很好猜,即探索未知,第一个留下脚印的人象征着探索,符合百度搜索「百度一下,你就知道」的探索向定位。

3. 微信

 

微信的 logo 是绿色背景的对话界面,绿色寓意着安全沟通。主要图形是两个聊天气泡,这个 logo 可以很清楚的说明该软件的作用是通讯。

同样也是采用了不对称的设计,两个对话气泡有层级、大小的区别,应该是出于美观考虑。

4. WiFi万能钥匙

 

WiFi万能钥匙的图标非常简单粗暴,直接把无线标志和钥匙的标志拼接了起来,钥匙的两边是两个 WiFi 标志。这种图标的优势在于简单易懂,能够让用户直接知道该应用的作用是什么。

这种设计的特点就是让用户抵触心理减小,用户偏向于选择自己熟悉的东西,在同质化很严重的领域,使用这种 logo 可以减少用户点击的顾虑。

 

总结

综上所述,虽然 logo 的样式非常繁杂,但大致上分为文字转化、图片、通行、极简4种做法。其中图片以及极简都有特定的用户群体,文字转化受限制于有限的字符,所以大多数 logo 都属于通行做法。通行做法的适应性最好,适合于成熟的公司。

如果一个公司的产品刚刚起步,且公司名气较小。可以考虑在符合审美的情况下,让自己产品的 logo 更加另类一些,这样很有可能赢得更多的点击。

毕竟,人总是倾向在很多的东西中找到那个不同的。这样,至少被留意这一步完成了,至于之后能否留住用户,取决于产品本身的表现。

一个好的 logo 至少应该包括以下几个特点:

  • 首先是辨识度高,这是基础,如果一个 logo 不能够被用户从其它 logo 中区分出来,那么其它的优点将没有意义。
  • 其次是符合公司定位,互联网公司的 logo 就应该有互联网的感觉,医药公司的 logo 就应该有医药公司的感觉。这种感觉不是很好描述,但切实存在。比如:苹果公司的 logo 虽然是一个苹果,但它真的不是很适合被用于水果销售品牌。因为其整体设计过于科技化,没有食品的感觉。
  • 接着是能够和产品有一定的联系,比如:可口可乐的 logo 就是其产品名称的英文字母,苹果公司的 logo 是一个苹果。只有产品和 logo 统一起来,才能够加强用户的认知度。一个用户看了后,不能记住是什么产品的 logo设计,绝对算不上完美。
  • 最后就是吸引度了,人经常以貌取人,这一点在其它事物中也是存在的,两个产品的功能差不多,但是一个 UI界面美观,用户很有可能就会向该应用进行倾斜,人都有追求美的天性。logo 是用户使用产品前就可以看到的,是一个产品给用户的第一印象,其重要意义不亚于 UI界面。在同质化十分严重的情况下,如果不是大公司的产品,要想能够获得自然流量,一个重要的措施就是让自己的 logo 更加容易被用户点击。很多应用使用美女或者抽奖等字样作为自己的产品logo,就是这个原因。

一、常见logo分类

1. 字母/汉字变化型

\

\

\

该种类的 logo 数量还是很多的,比如上面提到的三个。百度糯米以及知乎都是直接使用汉字,作为自己的 logo,而饿了么则是使用英文字母,这种 logo 的优点是辨识度高且和产品的关联性很强。是一种很实用的 logo。

不过缺点也是有的,和苹果、微软等图形式的 logo 比起来显得不是那么用心。试想如果所有公司都采用这种方式设计自己的 logo,打开应用市场后将会看到什么?

产品列表的左边是一列各种字母以及文字组成的 logo,右边是软件介绍,硬生生的把图形界面改成了字符,缺乏美观的基础上还有可能导致重复。对于汉字而言重复难度比较大,但是对于英文字母而言,数千家的公司就采用26个字母显然太容易重复。

当然可以使用多个字母来解决,比如:Adobe全家桶,不过这些应用是作为电脑软件存在的,如果是手机屏幕,过多的字母显然不利于提升辨识度。且方形或者圆型的 logo 规范,对于多字母组合也不是很友好。

\

上图为 Adobe 官方网站的产品展示,可以看到:Adobe 几乎都是采用了两个字母命名的方式,来为自己的产品设计 logo。

2. 图片型

\

图片型的 logo 几乎是游戏专属了,其它分类的软件很少采用这种方式设计自己的 logo,这与游戏的定位有很大关系。

游戏作为娱乐类型的产品,用户可以忍受其 logo 色彩鲜艳,不是很严肃。且这种设计一定程度上还可以增加用户点击的概率,不少 logo 都使用了游戏中的人物作为自己的 logo。

而其它类型的产品,尤其是生产类型的产品一旦使用这种类型 logo,很容易给人留下不够严肃的印象,且这种很复杂的 logo,也常常会给用户该产品是小公司制作,以及该产品很有可能会捆绑很多插件的感觉。

3. 常规型logo

\

大多数的产品 logo 都是属于此类,比如:上面的5个 logo,复杂度一般,色彩较少,是最常用的做法,这种形式符合大众审美。

很多早期的产品以及大厂的产品都采用这种设计风格,显得比较庄重,是全年龄向的设计。这样的设计比较保守,不一定很吸引人,但也不会犯错。

4. 极简型logo

\

极简型 logo 的数量并不多,它不是一种全年龄向的设计,更多针对年轻人,其特点是颜色一般仅仅有两种且一种是白色。此外线条非常简单,大多数情况下也很难通过 logo 识别出产品的种类。

这种设计的优势是可以在很多的 logo 中脱颖而出,毕竟这种设计总体还是很少见的,人总是倾向于发现一堆东西之中不同的那一个。

二、代表性logo解读

1. 苹果

\

关于苹果商标的解读很多,而且很多故事和段子也流传甚广。这里作者将不去理会那些内容,仅仅说自己的看法。

  • 首先苹果 logo 显然是之前分类中的常规型 logo,符合大公司的做法,设计并不是很超前,能够满足全年龄段用户的使用。
  • 其次,苹果商标在表达内容方面做得很出色,用户通过这个商标可以很清楚的知道该 logo 是哪一家公司的,辨识度很高。在 logo 的复杂度上,苹果logo 已经接近了极简的范畴,是科技感的体现,能够比较好的展示其科技公司的特点。

至于被咬了一口这个设计,说法很多,但是大多数都是故事,作者认为有可能的原因是为了让这个图形不是那么对称。

大多数的 logo 都是非对称的,这点和建筑是不同的,对称的 logo 并不是很好看,缺乏美感。因此苹果的设计有可能是出于这点考虑,毕竟企鹅的标志还闭着一只眼睛呢。

此外该标志还有一个优势是作为单色标志,可以随意改变颜色,无论是什么颜色的都很不错,这点配色超过三种的 logo 就很难做到了。毕竟不好搭配颜色,无论如何都会看起来很奇怪。

2. 百度

\

百度的 logo 还是很有意思的,是一个爪印,掌心有个度,整个标志由蓝色和红色共同组成。而在手机APP 中,没有红色的部分,仅有这个爪印。某种程度上,这个蓝色的爪印可以看做是其 logo。

爪印的寓意很好猜,即探索未知,第一个留下脚印的人象征着探索,符合百度搜索「百度一下,你就知道」的探索向定位。

3. 微信

\

微信的 logo 是绿色背景的对话界面,绿色寓意着安全沟通。主要图形是两个聊天气泡,这个 logo 可以很清楚的说明该软件的作用是通讯。

同样也是采用了不对称的设计,两个对话气泡有层级、大小的区别,应该是出于美观考虑。

4. WiFi万能钥匙

\

WiFi万能钥匙的图标非常简单粗暴,直接把无线标志和钥匙的标志拼接了起来,钥匙的两边是两个 WiFi 标志。这种图标的优势在于简单易懂,能够让用户直接知道该应用的作用是什么。

这种设计的特点就是让用户抵触心理减小,用户偏向于选择自己熟悉的东西,在同质化很严重的领域,使用这种 logo 可以减少用户点击的顾虑。

总结

综上所述,虽然 logo 的样式非常繁杂,但大致上分为文字转化、图片、通行、极简4种做法。其中图片以及极简都有特定的用户群体,文字转化受限制于有限的字符,所以大多数 logo 都属于通行做法。通行做法的适应性最好,适合于成熟的公司。

如果一个公司的产品刚刚起步,且公司名气较小。可以考虑在符合审美的情况下,让自己产品的 logo 更加另类一些,这样很有可能赢得更多的点击。

毕竟,人总是倾向在很多的东西中找到那个不同的。这样,至少被留意这一步完成了,至于之后能否留住用户,取决于产品本身的表现。

本文仅为提供更多信息,不代表AAA教育同意其观点或描述,如需转载请注明出处。
标签