您的位置: 首页 > 艺术设计 > 设计理论 > 漫谈网站的logo设计
印刷上的一些基本常识 回到列表 网页设计中的文字运用
 漫谈网站的logo设计

作者:谢若雪 时间: 2005-08-22 文档类型:转载 来自:天极网

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

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

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

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

①表象性手法;

②表征性手法;

③借喻性手法;

④标识性手法;

⑤卡通化手法;

⑥几何形构成手法;

⑦渐变推移手法。

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

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

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

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

③选择恰当的字体;

④注意留白,给人想象空间;

⑤运用色彩。因为人们对色彩的反映比对形状的反映更为敏锐和直接,更能激发情感,这里我就着重谈一下logo设计中的的色彩运用技巧。

①基色要相对稳定

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

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

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

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

表-1 注目程度高的配色:
顺序  1 2 3 4 5 6 7 8 9 10
底色  黑 黄 黑 紫 紫 蓝 绿 白 黄 黄 
图形色 黄 黑 白 黄 白 白 白 黑 绿 蓝

表-2 注目程度低的配色:
顺序  1 2 3 4 5 6 7 8 9 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使用了三色:红(网易)、黑(NETEASE,www.163.com)、白(底色)。网易两字用了篆书,体现了古典意味,也许在暗示网易在中文网络的元老地位吧。但是,如果没有从个人主页到虚拟社区,从新闻报道到专题频道等丰富方便的服务,光是从logo上,你是难于相信:轻松上网,易如反掌。

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

说明:为了说明问题而引用了部分站点及相关理念等,其中分析说明仅是个人观点,特此说明。 

出处:天极网
责任编辑:moby

相关文章 更多相关链接
LevelTen logo设计欣赏
2005年LOGO设计趋势
PS与ImageReady打造动态Logo
美工LOGO设计指南
网站LOGO设计规范的思考
作者文章
漫谈网站的logo设计
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2