网页设计师要有品牌意识

　

为什么要谈品牌？

这是源于一件让我印象非常深刻的事情：有一个大公司的设计师，在公司官方博客上发表了一篇有关iPhone的文章，由于他在文章中把“iPhone”拼成了“iphone”，遭到了一个读者愤怒的指责。这名读者激动的斥责作者以及他所在的公司，是多么多么的不专业。

这件事让我很愧疚，因为如果当时让我去拼，我也一定会拼错。从这件事情里，我总结出了三点：1.苹果的品牌做的非常好 2.我们作为大公司的设计师，也许并没有别人想象中专业 3.只有懂得尊重品牌，别人才会尊重你的品牌

品牌的作用

作为一个普通的设计师，我对品牌的理解可能还很粗浅。我个人认为：好的品牌可以成为一种信仰：对内凝聚员工；对外树立形象

品牌怎样凝聚员工？好的品牌会吸引专业人士加盟，好的品牌会提高员工的忠诚度；品牌怎样树立形象？好的品牌让用户更容易信任，好的品牌给用户带来更大的附加价值（为什么很多人喜欢买名牌包？其实更重要的是拥有这个品牌给自己带来的满足感）。

为什么设计师要有品牌意识？

品牌管理其实是个复杂的工程。logo、slogan、用户体验、名誉等等等等，都和品牌有关。那么到底该由谁来负责对品牌的维护呢？市场部？公关部？技术部？设计部？……貌似推到哪个部门都有道理。或者专门成立一个部门？也不太现实。

其实塑造、维护品牌靠的是所有人的努力，更是自觉。对于我们设计师来说，我们确实不是专门做品牌的。但我们可以通过做好本职工作，为品牌建设添砖加瓦。是什么让你与别人不同？就是每一个细小的闪光点。

设计师该如何做？

很多设计师都希望自己的作品独树一帜，精美绝伦。但作为产品设计中的一员，有时候正确的表达比美观的设计更重要。《触动人心——设计优秀的iPhone应用》中说到：创意的真谛，是在保证可用的情况下，寻求更好的表达方式。优秀的设计遵循规则，而又不会被规则所束缚。以下就是我近期总结出来的提升品牌形象的一些设计规则：

1、保证关联性

首先，你要保证你设计的东西是和产品相关的，做不到这点就不算一个合格的作品。这看起来很简单，但做起来并不容易。因为设计师未必能真正的了解产品定义：产品功能、目标群体、产品特色。这样就有可能设计出外表华丽，但却和产品方向相差甚远的作品。所以，要正确的理解产品。

拿iPhone应用的logo来举例子。logo要体现这个产品的名称或者功能或者特色（目标群体间接体现了功能或特色），千万别弄个“三不沾”。

借鉴产品在Web版（Facebook）、实体店（星巴克）的logo、通过图片描述产品名称（地窖鼠）；直接把功能（不太容易用图片表现出来的）写出来（布丁优惠券）、通过图片描述产品性质（手电筒、可爱MM记事本）；借鉴应用界面的样式和材质（Cellar）……这些方法，均可提高产品的识别度及用户的忠诚度。

接下来举两个反例（纯属个人见解）：

每次点击京东的logo，我都会不由自主的想到淘宝（和京东Web版的风格不太像，和淘宝的倒是很像）……至于第二个logo，你能猜出来这个应用是做什么的吗？

2、力求一致性

与产品内容相关联只是最基础的一步，是每个合格的设计师都应该做到的，要想成为专业的设计师，光有这点还不够。就像我前面提到的，还要注重对基本规则的学习和研究，融会贯通，使设计出来的作品不仅正确，并且有很好的易用性，间接提升品牌形象。

a 应用内一致

a_1 初次见面三部曲

中国人常说：一而再，再而三；事不过三；一鼓作气，再而衰，三而竭……可见“三”这个数字对于人的记忆、认知、影响起到重要的作用。初次见面，凭借这三轮轰炸，想不记住这个应用都难啊。“USA TODAY”给我留下深刻的印象，腾讯的产品在这方面做的也不错。

来看一个反例：

logo和启动画面风格完全不一致。并且，“折”和“掌上优惠”，哪个才是它的主标识？你可能会使用这样的应用，但它未必会给你留下很深的印象。所以，设计师在设计这三个部分时，一定要放在一起对比一下。

a_2 衣着品味

我们都知道，西装不能配球鞋穿。应用的界面也是一样，不仅内外要协调，上下也要搭配呼应。常见的标准样式一般有两种：自定义导航样式+黑色标签栏；自定义导航样式+自定义标签栏样式（上下要呼应）

另外，配色要尽量统一。我们常听人说，身上的服装颜色不要超过三种。界面也是一样，太过花哨的界面让人找不到重点，更记不住你的品牌。比如下面这个应用，以黑白为主色调，需要强调的部分用橙色突出。底部标签栏上有一个橙色的窄条，与上面呼应。

控件要尽量保持一致。一个应用会有若干个界面，每个界面又会有若干控件。让这么多的内容保持一致的风格并不容易，它们可以让让你的应用显得更专业，更有档次。

举个例子：对于一般的应用来说，导航栏左右的按钮样式、风格、尺寸要尽量保持一致（这个不是绝对的，但是这么做肯定没错）。

为了降低风险，在不是很有把握的情况下，尽量使用iPhone标准控件。另外当视觉稿完成后，把所有控件统一集中在一个页面上，来查看风格是否统一，这样也有利于日后形成界面规范。

a_3 表里如一

同样性质的东西表里必须如一；不同性质的东西表里必须不一。左边的“网易阅读”，首页的logo样式和实际的logo是一致的；右边的“网易乐得惠”，首页的logo样式和实际的logo不一致（少了外沿部分）。

首页的logo样式（不可点）和其他页面的“返回”按钮（可点）做成了同样的样式，使用户极容易误操作（以为首页的logo可点）。