漫谈网站的logo设计

网站标识设计

漫谈网站的logo设计[转帖]

当今信息技术迅猛发展，尤其是PC和网络的普及，上网已经成为我们新的生活方式
。在网络空间里，网站是我们发布和获得知识与信息的基地，网站是个人、企业和政府
机关在网络空间的形象和存在。因此，网站的制作和发布成为这个时代的热门技术。无
论是为了工作还是因为兴趣，也无论是机构还是个人，对网站设计的要求也是越来越讲
究。作为一个网页设计的爱好者，下面我就网站Logo的设计原则、设计手法、设计技巧
、设计工具等谈谈个人的看法，另外还对几个经典站点的logo进行了简单分析，希望对
设计网站的朋友能有所帮助。

　　Logo，译为标志、厂标、标志图等，顾名思义，站点的logo，就是站点的标志图案
，它一般会出现在站点的每一个页面上，是网站给人的第一印象。logo的作用很多，最
重要的就是表达网站的理念、便于人们识别，广泛用于站点的连接、宣传等，有些类似
企业的商标。因而，logo设计追求的是：以简洁的符号化的视觉艺术形象把网站的形象
和理念长留于人们心中。

　　 首先，谈谈logo的设计原则，与其他标志图案设计原则一样：遵循人们的认识规律
，突出主题、引人注目。所谓认识规律，比如从上到下，从左到右，从小到大，从远到
近的视觉习惯；比如由前因推理到后果，有源头才有流水的思维习惯；还有人们的审美
能力和审美心理等。要做到突出主题，就要求设计者非常了解站点的定位和发展方向，
能够在方寸之间概括出站点的理念。引人注目，是指视觉效果要强烈——容易识别、辨
认和记忆。

　　logo的设计手法主要有以下几种：

　　①表象性手法；

　　②表征性手法；

　　③借喻性手法；

　　④标识性手法；

　　⑤卡通化手法；

　　⑥几何形构成手法；

　　⑦渐变推移手法。

　　其中标识性手法、卡通化手法和几何形构成法是最常用的网站logo设计手法。标识
性手法是用标志、文字、字头字母的表音符号来设计logo；卡通化手法通过夸张、幽默
的卡通图象来设计logo；几何形构成法是用点、线、面、方、圆、多边形或三维空间等
几何图形来设计logo。当然，设计时往往是以一种手法为主，几种手法交错使用。

　　logo的设
计技巧很多，概括说来要注意以下几点：

　　①保持视觉平衡、讲究线条的流畅，使整体形状美观；

　　②用反差、对比或边框等强调主题；

　　③选择恰当的字体；

　　④注意留白，给人想象空间；

　　⑤运用色彩。因为人们对色彩的反映比对形状的反映更为敏锐和直接，更能激

网站标识设计

发情
感，

　　这里我就着重谈一下logo设计中的的色彩运用技巧。

　　①基色要相对稳定

　　②强调色彩的形式感：比如重色块、线条的组合

　　③强调色彩的记忆感和感情规律：比如黄色代表富丽、明快；橙红给人温暖、热烈
感；蓝色、紫色、绿色使人凉爽、沉静；茶色、熟褐色令人联想到浓郁的香味（看过快
餐店的广告吗？)

　　④合理使用色彩的对比关系，色彩的对比能产生强烈的视觉效果，而色彩的调和则
构成空间层次。

　　⑤重视色彩的注目性：下面附表分别列出了注目程度高和注目程度低的配色情况，
设计时可以参照使用。

　　表-1 注目程度高的配色：
　　顺序 　１ ２ ３ ４ ５ ６ ７ ８ ９ 10
　　底色 　黑 黄 黑 紫 紫 蓝 绿 白 黄 黄
　　图形色 黄 黑 白 黄 白 白 白 黑 绿 蓝

　　表-2 注目程度低的配色：
　　顺序　 １ ２ ３ ４ ５ ６ ７ ８ ９ 10
　　底色 　黄 白 红 红 黑 紫 灰 红 绿 黑
　　图形色 白 黄 绿 蓝 紫 黑 黑 紫 红 蓝

　　logo的设计工具，凡是图象设计和处理方面的软件几乎都可以用来设计logo，这里
推荐几款经典的设计工具：

　　①平面静态图：PhotoShop 5.0/CorelDraw 8/PaintShop Pro6.0；

　　②Gif动画图：Ulead GIF Animator 2.0/Photo Animator 1.0；

　　③Flash动画：Flash 4.0
　　
　　最后，设计logo时还要注意以下几个问题。

　　一是：外观尺寸和基本色调要根据站点页面的整体版面设计来确定，而且要考虑到
在其他印刷、制作过程中进行放缩等处理时的效果变化，以便logo能在各种媒体上保持
相对稳定。

　　二是：重视简单的法则——简单容易被接收，简单给人们想象，简单提高了效率，
简单就是美。

　　三是：生活是一切艺术的源泉，热爱生活并从中发现创作的切入点。

　　理论了半天，你也许要瞌睡了，好了，我们现在就上网抓几个大家熟悉的logo来例
证一下：

　　①：新浪的logo底色是白，文字sina和新浪网是黑色，其中i字母上的点用了表象性
手法处理成一只眼睛，而这又使整个字母i象一个小火炬，这样，即向人们传达了“世界
在你眼中”的理念，激发人们对网络世界的好奇，又使人们容易记住新浪网的域名。

　　②：搜狐的logo比较特别，主要有两部分组成，一是
文字，中英文名称，字体选择
较古典；一是小狐狸图，蛮机灵狡猾的样子。搜狐网站随各个页面的色调不同而放置不
同色彩的logo，但logo的基本内容不变。当然，你不会不知道搜狐的理念：出门找地图
，上网找搜狐。但愿那只机灵的狐狸能帮你走出网络丛林。

　　③：Yahoo的logo（

网站标识设计

中文站）很简单：英中文站名，红字白底。英文Yahoo字母间的
排列和组合很讲究动态效果，加上Yahoo这个词的音感强，使人一见就仿佛要生惊讶——
而不禁自问：Do you Yahoo?

　　④：网易的logo使用了三色：红（网易）、黑（)、白（底色
）。网易两字用了篆书，体现了古典意味，也许在暗示网易在中文网络的元老地位吧。
但是，如果没有从个人主页到虚拟社区，从新闻报道到专题频道等丰富方便的服务，光
是从logo上，你是难于相信：轻松上网，易如反掌。

　　这里就举这几个例子，当然，在网络海洋中，很多网站，特别是一些个人网站，其l
ogo的设计都很值得我们去学习的。

本文来源：https://www.bwwdw.com/article/a2im.html