• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 大盘点!互联网产品Logo 的分类及特点总结

大盘点!互联网产品Logo 的分类及特点总结

作者:马璐 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含logo,logo设计,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 更加另类一些,这样很有可能赢得更多的点击。

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

欢迎关注作者的微信公众号:「PM之路」

图片素材作者:Yoga Perdana

「靠这些方法搞定LOGO设计」

  • 《这11个基本免费的LOGO设计平台,总有一个适合你》
  • 《为了让LOGO 更有个性,高级设计师都学会了这招!》
  • 《网易资深设计师:我用这7个流程做LOGO设计》
  • 《超实用!轻松4步搞定一个APP的LOGO设计》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://

您可能想查找下面的文章:

  • 40个知名网站Logo使用的字体推荐
  • 大盘点!互联网产品Logo 的分类及特点总结
  • 高手的平面课堂!解锁LOGO设计新技巧
  • 「得到」的猫头鹰Logo 是怎么诞生的?来看主创设计师怎么说!
  • 这个网站用AI 帮你做LOGO,还可以免费下载!
  • 这个「以用户为中心」的图标设计法,恰好很多设计师不会
  • 平面高手课堂!系统梳理 LOGO 里的正负形知识
  • 超全面的LOGO 造型手法效果和风格汇总
  • 为了让LOGO 更有个性,高级设计师都学会了这招!
  • 网易资深设计师:如何建立可信赖的品牌形象?

相关文章

  • 2018-08-23从设计指南说起,详解iOS系统组件分类体系
  • 2017-08-06设置网页图片热点链接以及坐标值示例代码
  • 2018-08-23腾讯的设计到底好在哪?高手是从这3个维度分析的!
  • 2018-08-23如何选择设计保真度?来看 IBM 设计师的经验!
  • 2018-08-23谈产品的差异化思路:进可攻退可守
  • 2017-08-06修改网页中的FlashSWF文件的方法
  • 2018-08-23老妈,才是那个最难搞的甲方!
  • 2018-08-23关于六一儿童节页面设计,你早就该换个思路了!
  • 2018-08-232017年,这5个网页设计风格可能会成为主流趋势
  • 2018-08-23超详细的 2018 年设计师面试指南

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 从历代iPhone 官网设计,纪念 iPhone 诞生十周年
    • 进阶知识!超全面的标记系统设计总结
    • Sublime Text—设置浏览器快捷键的方法推荐
    • 如何使整个页面内容居中使高度适应内容自动伸缩
    • 风骚一点!在网页中玩转霓虹色的正确姿势
    • 腾讯设计师:极速适配 iPhone X 的技巧揭秘!
    • 高手的平面课堂!网格系统的入门基础知识+案例演示
    • 讲道理,这些都是最基础的字体设计知识
    • 专题页设计的5个基本功(阿里巴巴UED 山木)
    • 「这个控件叫什么」系列之Popover/气泡弹出框/弹出式气泡

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有