即使你没有对你的网站设计业务做太多的思考,你的客户可能已经对你的业务有了一个看法。你甚至可能已经因为从事某种类型的工作而享有声誉。这个声誉是你应该管理的品牌基础之一。
品牌是重要的网页设计师。你不仅必须为你自己的网络业务开发一个可识别的品牌,以保持竞争力,而且客户经常期待他们的设计师对品牌的帮助。如果你不能帮助你的客户的品牌,他们会找到其他人谁可以。希望这篇文章能帮上忙增强你的创造力因此,你的客户的完整品牌包装正是你们两个都想要的。
这就是为什么韶关网络公司网页设计师必须了解一些关于品牌的基本原则。在这篇文章中,我们将描述六个基本的品牌原则,并解释它们与网页设计的关系。
您的网站设计品牌需要针对您的潜在客户。(同样,客户的品牌应该针对潜在客户。)
你想让你的客户了解你的业务与他们的需求之间的关系。你想让他们理解你的网页设计业务给他们带来的价值。潜在的客户还需要了解您的网页设计工作是如何不同于其他网页设计师的设计工作。
为了创建一个相关的品牌,你首先需要了解你的客户和潜在客户。这意味着要做一些研究。与现有的客户和潜在的客户交谈,以发现他们已经相信你的网页设计业务。你甚至可能会发现,你需要改变对你的业务已有的看法。
使你的品牌与你的前景相关有时被称为定位。(不过,并不是每个人都同意定位的定义。)
相关性只是品牌设计人员需要关注的一个方面。外表是另一个方面。
图片来源:水肺3asteveo
当品牌主题出现时,外观通常是许多网页设计师首先想到的事情。外观包括以下特征:
· 商业标志
· 网站设计
· 配色方案
· 影象
· 字体
· 名片与文具
显然,当涉及到外观时,网页设计师可以为他们的客户提供很多帮助。
当涉及到你自己的网站时,外表往往会决定潜在客户的第一印象。这种短暂的第一印象决定了前景是否停留在网站上,还是很快就会继续下去。
虽然外表是一个重要的品牌因素,但它并不是所有的品牌。
内容是品牌的另一个重要方面。如果您的网站或客户的网站包含一个博客,这一点尤其正确。
记住,博客文章在搜索引擎结果中的索引可能更高,也可能在社交媒体上被分享。所以,你在博客上发表的内容可能会吸引潜在的客户访问你的网站。您发布的所有内容都反映了您和您的网页设计业务。
由于您的网站内容代表您的业务,自然您只想发布最高质量的内容。然而,在你的网站上写得好的内容如果你不一致的话,是没有帮助的。
一个品牌应该是可识别的。顶级品牌的一个共同点是,他们的潜在客户在阅读(或听到)一两个字或浏览一个标志设计后,就知道自己是谁。
所有关于你的网站应该加强你的品牌-从设计内容到字体使用。您设计的客户端网站也是如此。
一致性只是原因之一。网站设计师和内容策略师应该一起工作。。如果你不一致,你会制造混乱,而不是一个强大的品牌。
虽然这听起来很简单,但很难为一个网站和它的内容保持一致的基调,特别是随着时间的推移。你想要有足够的灵活性来满足你的客户的需求,但是要保持足够的一致性,这样你的品牌的信息就不会被冲淡。
你需要关注的品牌的另一个方面是你的商业声誉。
你的声誉会影响你的品牌的有效性。
声誉与别人如何看待你有关。虽然你似乎无法控制自己的声誉,但你的行为和你所说的话会极大地影响别人对你生意的看法。如果你说你的生意代表着特定的价值,而你的行为却与你所说的不一致,那么你的品牌可能会受到损害。
为了建立一个良好的声誉,注意你的客户的需要。兑现你的承诺。总是交出你最好的作品。你想传达的品牌信息应该与别人看待你的方式相匹配。
信任是树立良好声誉的首要目标。潜在客户越信任你,他们就越有可能和你做生意。
当然,如果很少有潜在客户听说过你,或者潜在客户有时间找到你,那么在少数客户中拥有良好的声誉也于事无补。
品牌的另一个重要部分是为你的品牌建立一个存在。如果潜在客户找不到你或者不了解你,他们就不能和你做生意(甚至不能形成对你的看法)。
这里有三种方法,你可以建立你的存在:
1.
广告。
2. 这可能是一个有效的方式,以增加您的存在,但许多广告是昂贵的开始网页设计师。如果你做广告,确保你投放广告的媒介针对你的潜在客户。
3.
社交媒体。
4. 社交媒体是建立一个在线存在的一个很好的和廉价的选择。有许多社交媒体可供选择。社交媒体面临的一个危险是,它的行为方式与你正在打造的品牌不同。别忘了你的品牌信息。
5.
社区参与。
6. 参与社区是建立你的形象的好方法。您的社区参与应该针对您的前景。向当地商业组织作报告是社区参与的一个可能例子。
一般来说,在你的目标市场建立一个强大的存在需要时间。重要的是要认识到,这可能需要数周甚至几个月的时间才能看到任何结果。
无论是塑造新身份,还是与现有身份一起工作,品牌指南对整个创作过程来说是非常重要的。品牌指南(也称为风格指南或品牌手册)为任何可能需要品牌的人提供了一套关于公司品牌的规则。这些规则可能指向谁?
基本上,任何人谁可能需要一个公司的品牌添加到他们自己的工作。作者、编辑、文案撰稿人、营销者、网页设计师和/或图形设计师只是几个例子。品牌指南的目的是提供一个逐步复制公司身份的过程。
虽然这似乎是一个基本的过程,品牌指南需要非常明确和相对具体。每一家公司都会根据如何在野外使用自己的身份来制定自己的规则。由于这种类型的项目很容易陷入混乱状态,所以我已经为设计师们整理了这个方便的指南。你会发现一吨伟大的例子,以及实用的提示,可以应用到您自己的品牌指南。
这整个品牌指南的事情可能听起来像一堆工作,但回报很少。但是,就像一个强有力的职业或关系,你得到了你投入的东西。风格指南旨在阐明公司身份的特点。这些特色应该得到其他人的吹捧和支持,他们把你的风格指南称为一个可靠的品牌概念集。
另一个主要目的是供内部公司使用。当员工或高管提出一个新的想法时,它通常需要一些设计工作。这可能包括包装,产品设计,营销,甚至一个新的网站设计。
通过公司的身份结构在一个易于参考的指南,它成为一个设计师的完美的右手男子(性)。品牌指南中的每个部分都应该帮助设计团队,或者为任何新产品设计最好的设计。它也适用于其他内部公司的工作,如通讯设计或新的营销活动。
同样值得一提的是,品牌指南对新闻关系的价值。当然,这包括报纸和在线杂志,但是其他合作公司呢?例如,Invision应用程序使用客户标识列表来展示它们在市场中的价值。
一本实用的品牌指南将同时满足所有这些不同的需求。看上去该公司似乎没有从这笔交易中获得多少好处。但这相当于编写干净的文档;在编写本报告时,它似乎不太值得--但几周或几个月后,您将认识到它的巨大好处。
我持有两个有点自相矛盾的意见,包括在品牌指南。显然,您应该尽可能地包含更多有用的信息,但是指南也应该是轻量级的和易于浏览的。在这两种意识形态之间找到平衡是很困难的。但是,在选择包含多少内容时,这是一种必要的邪恶。
内容数量取决于每个部分的相关性和有多少公司身份可用。例如,通常最好包括公司徽标的资源,例如向量或PNG图形。
您是否选择包含公司的写作风格、字体或颜色方案的内容是一个相关的问题。这些额外的信息会对指南有好处吗?还是把它打压下去?
例如,以谷歌设计信息页面。这包括许多链接到材料设计资源,视频和其他很酷的东西。它主要关注于设计,避免了编程或文案等主题。
但是如果你在其他地方搜索,你会发现写作指南对于Android应用程序,风格指南对于Google代码项目,以及YouTube准则为您自己的API应用程序打上品牌。对于应该包含多少内容,没有一个单一的答案,因为每个公司都有不同的需求集。
组织公司认同感的重要领域,并根据需要填补其他空白。因为每个项目略有不同,所以每次都会产生不同的结果。但创作过程总是相似的,并将必要性放在比内容数量更高的优先位置。
简单是令人欣慰的。太多的信息可能会让人望而生畏,有时简直是令人恐惧。一个出色的风格指南应该是温暖的,欢迎的,和疯狂的简单。
风格指南大多是围绕设计构建的,但实际的指南内容需要大量的写作。您选择编写每个页面的方法将在访问者如何使用信息方面发挥作用。一定要删除那些似乎妨碍了手边主题的多余的句子。此外,尝试添加标签,要点,或快速提示,不是很完整的句子,但仍然传达准确的信息。
这个销售风格指南只有几页,但重要的东西可以在主页上找到。他们的UI图包含了解释即时视觉特性的标注。所有的东西都很容易找到,而且网站本身也设计得很好。
简洁的措辞和简洁的内容将产生最高质量的指南。这不是一篇关于食盐利弊的大学论文。一个风格的指南应该仅仅以轻松的方式传达信息,这样它就可以被拿起来并在其他地方重复使用。
若要查看更复杂的示例,请参阅Mapbox样式指南。这将使用更多的页面,并将重点放在书面复制、设计和开发领域。虽然它感觉更专业一些,但是页面实际上是意指走这条路。
Mapbox创建了一种与在线文档相融合的风格指南。它可能看起来很复杂,但它仍然很容易阅读和导航。如果您需要创建一个包含数十页的相当大的指南,请确保每个页面都是可访问的。
在下面的章节中,我已经概述了不同的想法,应该帮助设计师确定哪些标识应该包含在品牌指南中。除了相关的技巧,我还包括了真实风格指南在网上找到的活生生的例子。
利用这些例子向最好的人学习。风格指南和品牌书籍是非常主观的,因为它们涉及到每一家公司。因此,复制这些精确的布局可能没有你想要的那么好。相反,复制一般的概念,并向他们灌输你自己的设计理念。
很可能品牌指南中最重要的部分是包含身份资产。这将是标志,标语,吉祥物或相关的图标,伴随品牌。希望将公司徽标包含到他们网站中的人将依赖于这些资产。
举个例子Twitter品牌资产页面。它有EPS和PNG文件格式,可以以高分辨率下载它们的徽标。但它也包括一些非常具体的规则,颜色和放置他们的标志。颜色、字体、间距和位置都非常重要。
每一家公司都应该决定他们希望资产规则有多具体。一些徽标可以在不同的颜色工作,因此指南可以更轻松。请记住,游客是依靠这个风格指南来解释如何正确使用徽标。
MailChimp品牌资产使用这些特性中的许多。他们的指南演示了如何使用徽标、好的和坏的例子、字体、颜色和位置。他们还选择使用EPS和PNG文件作为资产。这通常是资产文件的两种常见选择。
EPS通常是与AdobeIlluStrator关联的文件类型,包含向量数据。这些文件可以在Photoshop等其他程序中打开,这使它们成为矢量编辑的理想选择。但是PNG最适合那些不想编辑矢量文件的人。PNG仍然允许透明性,并且将比JPEG图像高得多。
大型企业风格的指南将比初创公司或网络项目更详细。大公司通常雇用数十万人,管理阶层更加混乱.与小公司相比,设计规则往往变得杂乱无章,更加混乱。
可能是最干净的例子之一。百思买品牌识别网站。这是公司的一大部门,拥有自己的博客和YouTube页面。个别的指导原则被划分为不同的百思买品牌,如Geek Tead,Insignia,Dy蕾丝,当然还有百思买本身。
我最喜欢的是每个页面都有自己的内容和独特的选项卡和资源。一切仍属于百思买(BestBuy)的保护伞,但个别品牌拥有自己的资产页面,从而获得了些许主权。
我与百思买风格指南的一个缺点是导航。虽然它很直截了当,但它也被称为非常“公司”(因为没有一个更好的术语)。我的意思是,我的意思是,设计似乎是作为对内容层次结构的一种事后考虑而放置的。大多数页面都是图像幻灯片,只有很少的HTML网页副本。撇开这一点不说,它仍然是一个优秀的公司指南,有着坚实的信息。
您会注意到类似的设计效果万事达卡品牌指南而Adobe品牌PDF。所有的东西都很容易阅读,但是小风格的指南和更大的公司页面有着明显的区别。如果你曾经在一家大公司工作,或者从一家大公司寻找品牌资产,请记住这一点。
如果我不得不为每一种风格的指南推荐一种特质,那就是一张清单,上面列出了“做”和“不做”。人们通常通过榜样学习得最好,所以如果你能在行动中表现出自己的身份,它的力量就会大得多。
“做”清单应该包括所有对身份有用的东西。颜色、间距、位置和一般编辑将保持真实的身份。显然,“不要”列表应该包括人们应该避免的事情。但更具体地说,这些东西应该是人们在使用品牌资产时经常犯的常见错误。
就像Facebook的Do和Don‘s页面上,你可能会发现自己在“不”列表中会有更多的东西。这是意料之中的,因为通常会有比正确更多的错误。尽你最大的努力避免过多的读者不要--特别是那些不太可能完成的事情。坚持常见的错误和调整,真正混乱的身份。
基于网络的公司将更多地依赖数字身份。这显然包括徽标,但它也可能包括网站的颜色和字体。例如,以WooThemes风格指南涵盖了很多不同的话题。
WooThemes包括了公司标识,忍者吉祥物Hiro,网络排版,甚至编码标准。代码标准将被模仿或合并WooThemes内容的附属网站使用。您将找到按钮、表单字段、图标,甚至通知框。
关于他们的风格指南,我最喜欢的是如何在一页上找到所有的东西。有很多内容要筛选,但仍然很容易浏览。
特定的颜色选择和字体系列经常被提到第三方开发人员。这类信息对于公司内部的项目自然是有用的,但其他人也可能希望建立在现有品牌之上。例如,迪克斯有一个漂亮的风格指南,主要针对使用DisqusAPI的开发人员。
页面中都提到了颜色、图标和字体。他们的指南很小,除了典型的前端设计,没有太多额外的东西。但有时,这是你真正需要的一个充分发展的风格指南。
除了共同的标志资产,可能有一些替代图形,可以被归类到品牌。这些图标可以是内部图标,也可以是开源图标,如字体太棒了。它有助于包含一些与公司设计相关的图形和图标样式的信息。如果在网站或移动应用程序界面中始终使用图标,则尤其如此。
这个谷歌视觉资产指南在Behance上发现的就是一个令人震惊的例子。虽然这不是一个现场指南,你仍然可以通过研究质量和书面副本学到很多东西。它似乎是为网页和印刷而设计的,直接关注图标的组合。网页涵盖的主题,如透视,阴影,设计风格,和颜色变化。这是迄今为止我所见过的最全面的图标风格指南!
当然,你可能不会为一家规模只有谷歌一半的公司创建风格指南。但这并不意味着一套详细的图标设计规则将是完全无用的。请记住,设计风格指南是为了进一步提升品牌本身,所以如果图标是公司设计的一个重要部分,那么一定要包含一些有用的提示。
韶关网络公司为操作系统创建程序的设计人员和开发人员也依赖于通用样式的支持。这些样式并不总是与公司品牌相关,而是可能与操作系统的品牌技术相关。例如,MicrosoftWindows有一个专门针对用户界面设计的应用程序设计页面。
微软目前的标准是Win 8或Win 10,它们都使用平面地铁样式。你会发现许多类别,从图标到导航,视觉身份。您可能不会为微软这样的大公司创建风格指南,但其他软件公司,如Adobe或Symantec,可能需要类似的内部资源。
说到开源软件,没有什么比Linux环境更好的了。大多数刚开始的家庭用户在Ubuntu上都有自己的介绍。设计指南。该网站是为了软件设计和营销的目的,所以你可以找到很多很酷的东西。
我特别喜欢他们的页面品牌资产和画廊Ubuntu设计样本。请记住,示例适合于向渴望更直观的媒体的读者传达信息。将桌面软件看作是公司品牌的延伸,包括界面指南和身份设计。
移动应用程序设计的世界是一个新的地方,充满了蓬勃发展的想法和巨大的技术飞跃。目前,大多数智能手机用户都是由Android或iOS组成的。它们都有各自的优点,也有自己独特的界面设计方法。
虽然您可能没有为Google这样的公司创建样式指南,但是认识到它们选择如何构造文档仍然是有用的。例如Android风格指南把很多信息塞进一个网站。它提供了有关设备、接口模式、常见样式和UI元素的信息。
这些文档应该为任何新的Android应用程序设计人员提供足够的信息。因此,如果你要在一个不同的移动应用程序上创建一个风格指南,它应该遵循类似的原型结构。
苹果的人机界面指南基本上是相同的概念,并且使用非常相似的导航。当涉及到冗长的在线文档时,下拉菜单是一个巨大的好处。链接组织是构造样式指南时的另一个重要主题。
您能把不同的主题放在同一个父页面下吗?或者一堆内容可以合并在同一个页面上吗?当然,每个项目的答案都会改变,但是这些类型的组织问题是值得考虑的。
写作风格并不总是品牌指南中必不可少的一部分,但是我忽略了这个主题。很多公司都有一种深思熟虑的文案风格,这对作家和设计师都是有用的。写作风格与排版风格的不同之处在于,我们更关心的是文本是怎样的写成而不是看上去。
示例指南“经济学人”杂志包括一个庞大的术语和规则词汇表。大型出版物通常会组织类似风格指南概念的写作规则。虽然他们似乎没有任何在视觉品牌的方式,书面内容更有吸引力的网站,因此更突出的特点。
对于视觉和上下文的综合努力,请看一下MailChimp风格指南。整件事都写在一页纸上,把注意力直接放在写作上。标有“为MailChimp写作“列出了为MailChimp站点编写副本的可能原因。
整个页面非常擅长用MailChimp的声音来解释如何写作。这与MailChimp视觉风格指南并驾齐驱,更侧重于图形和品牌。
另一个您可能想要退房的站点是声调。它还专门为MailChimp编写了样式,并使用了更具体的示例。通过查看页面,您可以很容易地看出,MailChimp团队为他们的品牌投入了大量的工作。
当我看到这样的公司时,很明显他们真的很喜欢他们的工作。如果我不得不命名一个品牌指南设计的典范,MailChimp将是我的提名。
根据您的样式指南的大小,为项目使用CMS可能是明智的。如果您只是构建一个3-5页的指南,那么通过直接HTML更新可能会更快、更容易。但更复杂的品牌指南可能真的受益于他们自己的管理小组。
随着公司的发展,他们的身份往往会发生变化。这些变化可能在外观或结构上,但它们仍然是重要的变化。这应该是很容易纠正这些变化的风格指南,而没有太多的多余的工作。无论指南是在线托管还是以PDF格式管理,最终都需要进行更改。
为了便于访问,我建议将所有资产保持在同一个位置。这意味着HTML/CSS文件以及任何PDF文档。内部样式可能更容易编辑,因为新文档可以托管在公司Intranet上。但编辑并不总是困难的部分;它正在创建一个可伸缩且易于随时间编辑的样式指南。
尽管如此,为创建一个新的指南所做的初步工作是非常有影响的。当需要进行更改时,结构易于导航是至关重要的。避免过于复杂的内容会让未来的员工不知所措。相反,选择透明度,把重点放在更小的细节和更大的前景上。
虽然有一些东西在网上,这是令人惊讶的很难找到真正令人敬畏的文章谈论风格指南。下面的文章对我来说非常突出,并在展示、品牌和视觉设计方面提供了一些很好的信息。如果你有时间浏览这些帖子,你可能会学到一些关于品牌指南的宝贵建议。
·
6网站设计师不能忽视的品牌基础
·
·
用你的品牌讲述一个难忘的故事的秘密
·
·
如何打造网络专业人士的强势品牌
·
韶关网络公司通过学习活生生的例子并不断地练习,你将学会如何创建一个高效的风格指南。我当然希望这篇文章对初学者和专家都有足够的细节。并不是每一家公司都需要一份个人品牌指南,但很多公司都需要。因此,作为一个设计师,了解为什么和如何构建一个是值得的。