提升档次!8个必学Logo设计准则

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。

Logo设计的优劣直接影响整个品牌的美学和价值感。如果想要让logo正确、符合预期地发挥价值,这需要一定的准则来进行规范。这就是我们所说的logo使用准则(guideline),是所有品牌策略和样式设计的重要组成要素之一。

那么,logo使用准则是指什么呢?Logo使用准则应成为所有公司品牌准则的一部分, 规定其logo在不同背景下的外观、不同页面上的方向,及logo的形状、比例等。

这些准则有助于避免logo被以任何方式修改、拉伸或以其他与品牌定位不符的方式呈现,而失去完整性。

每个品牌都应为自己的logo使用设置准则。 以下是一些基本的logo使用准则:

  • Logo四周留白
  • 调色板
  • 版式和字体
  • 尺寸
  • 描述
  • 色彩
  • 版本
  • 错误的logo用法

接下来,跟随摹客的小伙伴一起来探索每个准则的含义及其原因吧~

1. Logo四周留白

“Logo四周至少应提供与我们在下面显示的内容相同的填充,使其整洁美观。” --《 Squarespace logo准则》。

Logo周围应保持足够的留白空间,提高logo辨识度和视觉冲击力。这听起来很简单,但并非所有人都知道。没准就有人把你的logo用到非常狭窄的页面上,没有足够的留白,让人觉得压迫和窒息。

示例:99designs的间距准则

99分隔符开创了logo间距的先例。

“99designs的logo使用“开放式白色画布”作为隐喻,支撑了品牌的视觉语言-大量的空白。logo两边的“99”分隔符不是留白间距的期望值,而是绝对最小值。”

通过以上两个案例,你大概可以了解logo四周留白的必要性和重要性。

2. 调色板

设计师巧妙地展示了该品牌的调色板。

你的品牌色是什么呢? 庆祝地球日的时候,你的logo是否也会随主流,使用经典的绿色?或者是坚持自己的品牌色调,与众不同?

体验摹客在线原型设计

品牌的调色板通常由四种或五种颜色组成,与其logo颜色互相包含或互补。

经验总结

  • 浅色背景
  • 深色文本
  • 中性阴影
  • 一个突出色彩

纽约州的品牌概述中使用的调色板.

根据logo使用指南,你的调色板应显示你使用的颜色及其准确的信息,包括:Pantone颜色名称和编号,CMYK(打印颜色)以及RGB和十六进制代码(数字颜色)。

3. 版式和字体

版式和字体规定了哪些字体与你的logo和品牌相匹配。如果你认为在具有现代感的迷你logo下搭配的脚本字体不利于你的设计,那么最好通过设计准则进行说明。以下是一些可帮助你在logo使用准则中设置优秀版式的规则。

easyGroup的品牌手册规定了每种字体的使用场景。

  • 你的品牌字体是什么?

这是你需要确定的版式指南的第一个步骤。

  • 为什么选择该字体?

描述选用该字体代表你的品牌的原因。

  • 你其他通讯方式中使用的字体是什么?

你是否允许品牌周围的字体出现任何阴影或字体效果。

以下是来自Open Source Initiative的logo使用指南示例:“我们建议使用Open Sans Ultra-Bold字体对应“开放”,使用Open Sans Semi-Bold字体对应“源计划”作为OSI logo的补充字体。”

简单、简洁,不会混淆。

4. Logo尺寸

Medium的最小数字尺寸强调了其对品牌标识的重要性。

这是logo使用指南中最简单的一点:设置最小尺寸。最小尺寸一般使用像素作单位,需要印刷的使用英寸或毫米作单位。与最小尺寸同等重要的是设置logo的比例值,用于保证你的logo不管是在信头、产品,或数字应用与打印中都能保证同样的比例和大小。

最小尺寸和比例值准则也很简单:

  • Logo在任何尺寸下都应该清晰易读。除非有足够的空间,否则请勿使用完整的Medium logo。
  • 请勿拉伸或变形。

或者:

  • 网站图标必须保证为16 x 16像素。
  • 字标和徽标的最小尺寸均为20像素。
  • 所有的数字签名最小尺寸为35像素。

5. Logo描述

用清晰明了的文字描述你的logo的正确拼写方式,以防有人误读。人们只是知道这个品牌而不知道它的logo的正确拼写的话,还不足以形成强烈的品牌认同感。

Logo本质上是品牌名称,但并非所有logo都必须包含名称,例如Apple。大家都知道它的logo是一只被咬了一口的苹果。Logo与品牌名同义。

Logo描述是其外观以及品牌理念的简要说明。例如下面这个设计:

“缺少单词的logo设计,创意十足。”

6. 色彩

Logo设计最主要的原则之一就是以最简单的黑白色彩呈现,不加任何其他效果。是否还有其他的颜色搭配方案呢?这是你在logo使用指南中必须明确的内容。以下是logo颜色使用注意事项:

  • 白色背景上的logo颜色
  • 深色背景上的logo颜色
  • 黑白色搭配的logo效果
  • 灰度logo vs 彩色logo
  • 反差色logo

你的准则里应明确包含logo的所有在接受范围内的颜色变化。

Google的logo和商标页面上有关于其logo颜色使用的明确规定。

7.Logo变体及其使用环境

根据不同使用场景,公司一般会准备几套logo及商标的设计方案,例如一个完整版本的logo有文字标记、字母标记,一个简化版的logo,avicon和avatar。所有变体版本都需要互相映衬,并保持统一的风格。

Logo 变体示例。

例如,文字标记是一种基于字体的logo,它能使公司的名字朗朗上口、记忆深刻。通常,文字标记类型的logo会被赋予简洁的视觉效果包装在一个正方形框内。简化版的设计与复杂、视觉繁忙的背景搭配更有利于视觉协调。

Logo使用准则应该包括各种变体及给出具体的使用建议。例如:规定标准logo的样式,并应该在所有商品上出现。标准文字标记,以及需要签署的文件有哪些。

8.Logo错误使用示例

学习错误的logo用法也能帮助你进步和提升。由此,你可以总结出一些常见的logo使用上容易出现的问题,例如变形、颜色搭配错误,比例不协调等。

常见Logo错误使用示例:

  • 视觉实际呈现与预想不同
  • 低分辨率降、模糊、方向混乱

通过优劣对比的方式在使用准则中明确出哪一种展示方式更好。

Wordpress logo变体示例。

Facebook的品牌资源中心清楚地展示了其Logo的正确和错误的用法。

总结:优秀的使用准则会让你的logo看起来更协调

设置logo使用准则最重要的意义是明确它所有可能会被用到的地方和通过错误的使用示例向用户展示什么才是正确的使用方式。构建准则是一个创造性的过程,充满可能性和灵活性。设置准则可以确保logo在实际使用环境中不会出错,并且能正确的展示你的品牌。

学习工具,但不受限于某种工具。摹客iDoc,高效协作,从产品到开发,只要一个文档,让你的团队高效协作!

原文地址:https://www.cnblogs.com/mo311/p/12395155.html

时间: 2024-10-08 12:12:39

提升档次!8个必学Logo设计准则的相关文章

Java反射机制大神必学系列之 ,高级与低级的差别在哪里?

Java反射机制大神必学系列之 ,高级与低级的差别在哪里?java学习爱好者 2019-05-20 19:08前言今天介绍下Java的反射机制,以前我们获取一个类的实例都是使用new一个实例出来.那样太low了,今天跟我一起来学习学习一种更加高大上的方式来实现. 正文Java反射机制定义 Java反射机制是指在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法:对于任意一个对象,都能够调用它的任意一个方法和属性:这种动态获取的信息以及动态调用对象的方法的功能称为java语言的反射机制.

想转行做web前端工程师,必学这6大技能!你都知道吗?

web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业. 大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如设计师.后台程序员.网虫.大学其他专业.策划.编辑等等. 要学习web前端开发,需要掌握哪些知识呢? 下面总结了转行必学的6大技能.1.html 这个是最简单的,也是最基础的.要熟练掌握div.form table.ul li .p.span.font这些标签,这些都是最常用的,特别是div和table,div用于布局.table也可以用于布局,但是不灵活,

南京邮电大学课程设计——加速度检测应用

2周的课程设计花了3天(其实真相是花了2个小时就写好了,只是老师一会让我改这一会让我改那而已)..这个时间可能有点长了,况且读者们看以下的的题目或许就要开始嘲笑我了,"这么简单的一个东西居然还要用那么久"...哈哈,不喜勿吐槽.... 题目3.压力监测应用 (1) 检测压力是否超过阈值 (2) 若超过压力阈值,则通过一条短信通知联系人,短信内容需包含当前压力. (3) 可设置联系人名称和联系手机号码 (4) 可设置压力阈值 (5) 记录告警信息到数据库,方便查询 以下开始直接贴代码:

Linux必学的60个命令【转载】

Linux提供了大量的命令,利用它可以有效地完成大量的工 作,如磁盘操作.文件存  [转载地址]http://blog.chinaunix.net/uid-16728139-id-3154272.html 自己留着,用得着. Linux提供了大量的命令,利用它可以有效地完成大量的工作,如磁盘操作.文件存取.目录操作.进程管理.文件权限设定等.所以,在Linux系统上工作离不开使用系统提供的命令.要想真正理解Linux系统,就必须从Linux命令学起,通过基础的命令学习可以进一步理解Linux系统

Linux必学的60个命令

Linux提供了大量的命令,利用它可以有效地完成大量的工作,如磁盘操作.文件存取.目录操作.进程管理.文件权限设定等.所以,在Linux系统上工作离不开使用系统提供的命令. 要想真正理解Linux系统,就必须从Linux命令学起,通过基础的命令学习可以进一步理解Linux系统.不同Linux发行版的命令数量不一样,但Linux发行版本最少的命令也有200多个.这里把比较重要和使用频率最多的命令,按照它们在系统中的作用分成下面六个部分一一介绍.◆ 安装和登录命令:login.shutdown.ha

戴着镣铐起舞——从logo设计说起

一天中午走在路上,顺道去看了学校新媒体艺术与设计系的学生优秀作品展.看到一个logo设计时引发了我很大的兴趣,觉得设计的非常清新活泼,不过并没有拍下来,在这里不能贴图.但是logo设计大家应该都有所概念,也没必要解释. 出来的路上我在想为什么这个logo设计可以如此吸引我,让我觉得设计得很赞.我想,所谓的logo设计就是利用尽量少的元素组合出尽量多的内涵.当我们惊叹于一个logo是如此简约,但是却能给我们视觉或者思维上深刻的印象冲击时,这种少与多的对比就体现出来了. 这里,我倒是还能拿我自己给自

学ui设计能找到好工作吗?

最近身边有好多人都在讨论去学ui设计,讨论来考虑去,纠结得不行,不过想想,其实大家考虑就是学ui设计能找到好工作吗?ui设计有前途吗?这么多人在学ui,我能找到工作吗?那海文小编就带你们先来了解下学ui设计是学什么. 学ui设计是学什么? 学ui设计是学什么?所谓的UI设计师,到底是干嘛的?山东海文小编今天就给你科普一下下.首先复习一下UI的概念:UI即User Interface(用户界面)简称.UI设计则是指对软件的人机交互.操作逻辑.界面美观的整体设计.好的UI设计不仅是让软件变得有个性有

想学UI设计,没基础怎么办?

说说很多人都担心的几个问题 问题一:一个朋友想学UI设计,没有任何基础的,也没有美术功底,想问问有经验的人需要多久能学会?想从事UI设计这方面的工作? 问题二:北京有好的UI培训班吗? 问题三:我了解的有一个培训的,是上午学画画,下午上课,学习6个月.不知道这么短的时间能学会吗? 问题四:六个月是不是只学习了皮毛?好就业吗? 问题五:没有学历的,不知道在成都这边学完好找工作吗? 问题六:UI设计发展前景怎么样?好像分很多种?哪种最好? 一.关于UI设计前景.就业问题 首先UI培训设计伴随着新媒体

学点设计

学点设计 其实一直就想学一下Photoshop,做点设计方面的东西,以前如果有作图的需要就一直在画图里简单搞搞,然后用其他软件加个滤镜或者材质,但是这样做实在是太受限制了,最近趁着最后一段大学闲时没啥事情做,学一些设计相关的,从概念到工具 概念方面,之前图灵社区的刮刮卡换了本<写给大家看的设计书>,主要是讲一些布局的设计原则,和书的名字一样,是比较简单易读了.然后还买了<配色设计原理>,不过这本还没有看 工具嘛其实先开始学了一下Keynote,感觉一份好的幻灯片也算是一种设计了,学