网页设计-感官体验要素之网站LOGO

前言

        作为具有传媒特性的网站logo，为了在最有效的空间内展示所有的视觉识别功能，一般是通过特定图案、特定文字以及图文组合形式三种方法来展现，达到对被标识体的出示、说明和沟通，从而激发浏览者的兴趣，增加美誉和记忆度。

        温馨提示：这里存在平面设计知识点，需要大家提前对平面设计有所了解

        传统logo设计，主要传达一定的形象与信息，真正吸引我们的不是logo本身，而是logo设计背后的含义与故事。网站logo的设计与传统logo设计有很多相通之处，但由于网络本身的限制，以及浏览习惯的不同，前者也有了一些与传统logo设计不同的特点。

        作为独特的传媒符号，logo一直是传播特殊信息的视觉文化语言。

        无论是古代繁杂的龙纹图腾，还是现代洗练的抽象纹样、简单的字标都是在实现标识被标识体的目的，即通过标识的识别、区别，引发联想，促进被标识体与其对象之间的沟通交流，从而树立并保持对所标识体的认同，达到高效提高认识度和美誉度的效果。

        作为网站标识的logo设计，应该遵循企业CIS中所规定的配色原则以及表现方式。

 网站logo形式一般分特定图案、特定字体、合成字体三种表现方式。

1、特定图案

        特定图案属于表象符号，具有独特、醒目的优点，图案本身容易被区分记忆的特点，通过隐喻、联想、概括、抽象等绘画表现方法表现被标识体，对其理念的表达概括而形象，但与被标识体不直接关联。虽然浏览者容易记忆图案本身，但对其与被标识体的关系认知需要相对曲折的过程，一旦建立联系，印象就会比较深刻。

2、特定文字

        特定文字属于表意符号。在沟通与传播活动中，反复使用被标识体的名称或者其产品名称，用一种文字形态加以统一，含义明确直接，与被标识体联系紧密，容易理解、认知、记忆，对所表达的理念也具有说明作用。由于文字本身的相似性，这也很容易使浏览者对标识本身的记忆产生模糊。

        完整的logo设计，一般都要考虑至少有中英文以及单独的图案、中文、英文组合形式。这篇文章的倾向篇平面设计，如果对logo设计感兴趣的可以查看平面设计相关文章。

3、合成文字

        合成文字是一种表象表意的综合表现方式，指文字与图案结合，也称图文混合形式，兼备文字与图案的属性，但对相关属性的影响力相对弱化。这种形式的logo可以直接被标识体的印象透过文字造型让浏览者理解；造化的文字也比较容易给浏览者留下记忆。

        在网页中使用logo时，要注意给logo预留出安全距离（这个是VI中的logo使用规范术语，详细解释请查看平面设计文章）

设计网站logo的一般流程（传统logo也适用）

1、明确需求——我们的logo需要什么类型的？卡通？扁平？图文混合？文字？

        在开始设计前，需要对该网站的相关资料进行充分收集整理分析，如网站性质、网站从属行业、网站针对客户、网站竞争对手等。

2、思维拓展，头脑风暴

        用铅笔在纸上绘制思维导图，通过关键词发散性联想相关内容。

        思维导图如软件有：Xmind，office word、WPS等

3、绘制草图

        通过分析的关键词，结合优秀logo案例参考，进行具体的图形化的演变。纸笔是最简单也是最好的绘制草图的工具，不建议一开始就是用电脑绘制草图。

4、精细化草图

        通过电脑软件将以确定的草图进行具体矢量化，AI、PS、CDR等工具绘制

5、logo标准字

        将图案与文字结合，这里要将字体进行简单变形处理，避免侵权。如果是纯文字logo，则可以根据风格对字体进行适当的处理和特定设计。

总结补充：

        设计网站logo时，面向应用对象指定相应的规范，对指导网站的整体建设有着极其现实的意义（一般在VIS制作的时候会给出，也可以单独制定）。

        一般来说，需要进行规范的有logo标准色、恰当的背景配体体系、背景使用规范、反白、最小尺寸显示、以及logo在一些特定条件下使用的配色与辅助色等。另外，注意字体与图案边缘的一个安全距离，确保logo不被其他元素干扰，文字与图案不宜重叠，可以考虑logo竖排效果以及logo作为背景使用时的排列方式。

       不管是网页UI还是平面设计，两者都有很多的相通之处，都是可以互相贯通的，大家在学习技能的时候不要仅仅将思维局限在我们所处的行业范围内，可以适当的向周边扩展的去思考和学习。