您的位置:威客信息网 » 威客学院 » 标识设计 » 正文

标志设计漫谈之三

威客信息网   编辑: 爱随缘来    时间:2008-04-10  字体:[ ]  阅读:34 我要投稿
标志图形表现形式

1.具象形式:基本忠实于客观物象的自然形态,经过提炼、概括和得化,突出与夸张其本质特征,作为标志图形。这种形式具有易识别的特点。

2.意象形式:以某种物象的形态为基本意念,以装饰的、抽象的图形或文字符号来表现的形式。如中国民航的标志图形就是以凤凰形态为意念,以抽象图形来表现的。这种形式往往更高的艺术格调和现代感。

3.抽象形式:以完全抽象的几何图形、文字或符号来表现的形式。这种图形往往具有深邃的抽象含义、象征意味或神秘感。如联想集团的标志用方中套园几 何图形来象征博大深远的联想空间。也可没有更深刻含义仅表特征的,如夸大英文名称(或拼音字句称)的字头等。这种形式往往具有更强烈的现代感和符号感,易 于记忆。

标志构成的表现手法

1.秩序化手法:均衡、均齐、对称、放射、手大或缩小、平行或上下移动、错位等有秩序、有规律、有节秦有韵律地构成图形,给人以规整感。

2.对比手法:色与色的对比,如黑白灰、红黄蓝等;形与形的对比,如大中小、粗与细、方与园、曲与直、横与竖等,给人以鲜明感。

3.点线面手法:可全用大中小点构成,阴阳调配变化;也可全用线条构成,粗细方园曲直错落变化;也可纯粹用块面构成;也可点线面组合交织构成,给人以个性感和丰富感。 4.矛盾空间手法:将图形位置上下左右正反颠倒、错位后构成特殊空间,给人以新颖感。

5.共用形手法:两个图形合并在一起时,相互边缘线是共用的,仿佛你中有我,我中有你,从而组成一个完整的图形(1+1=1),如太极图的阴阳边缘线共用,a中间套个地球,a的内沿线与地球边线共用等,给人以奇异感。

前列仅为常见手法,设计中还需不断发现和创造成新手法。

有了好的构思,好的表现形式和手法,如忽略整体的美感,也是不完美的。一个成功的标志,既要有独创性,又须具有强烈的艺术美。

当今信息技术迅猛发展,尤其是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的设计都很值得我们去学习的。

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

网站LOGO设计案例分析

在网站设计中logo的设计是不可缺少的一个重要环节。logo是网站特色和内涵的集中体现,它作用于传递网站的定位和经营理念、同时便于人们识 别。一个重点突出的商标内容元素,一张极具视觉冲击力的商标设计,会直接影响到客户对网站的判断,特别是网站日后需要进行全球性推广,优秀的商标设计会吸 引来更多的访问者。以下是对部分网站logo的解剖分析。

太维互联网应用顾问(http://www.eyefit.com

在颜色方面采用了深红色和黑色两种颜色结合而成,中文字体采用厚重的“方正黑体简体、方正综艺简体”,给人一种专业、严肃、稳重的感觉,太(多)维 (维度)顾名思义就是以多种角度去观察、分析、思考,挖掘出客户最核心的需求,从而提出和实现真正适合客户的解决方案;在诠释“观察、思考、分析”方面我 采用的是寓意手法,通过“眼睛”突显寓意;另外英文网址eye(眼睛)fit(适合)和太维中文字并列排列,也同样是突显太维专业顾问定位。

(图1)

欧华商贸网(http://www.eutocn.com

其特点通过鲜明的颜色和桥梁式的线条传递,把"E-欧洲"和"C-中国"有机(通过线条和网络)联接,良好地突显出网站核心定位。通过大号和粗体英 文字母,使浏览者迅速吸引,并明记网站网址和网站名称。网站突出国际网址,更有利于国际宣传,在用色方面更是简洁、利落。蓝色(又称:商业色)代表欧洲, 而“c”字则用了中国最具有代表性的红。弧线从“e”横跨到“c”代表着中欧之间的桥梁,促进欧洲与中国之间的商务贸易。

(图2)

中国现车交易网(http://www.chinaxcjy.com

此logo在设计时采用的是形象手法,形象手法就是采用与logo对象直接关联而具典型特征的形象。这种手法直接、明确、一目了然,易于迅速理解和 记忆。最大的特点就是将网站的产品,形象化和 “车”字融合为一体,有效传递网站定位和核心产品。在用色上对比鲜明,图形格外醒目鲜艳,能给人以很强的视觉冲击效果且保持视觉平衡、线条流畅,整体美 观、大方。

(图3)

动感一百手机网(http://www.move100.com

动感一百手机网是华南区人气热旺的B2C手机网站,所以在设计上需要活波,具有人性化。在设计手法上直接运用了网站的产品卡通化来表现的,烘托出网站的灵气而又直观的体现了网站的类型。有待改善的是没有与网站名称相融入、体现出网站的动感炫酷。

(图4)

全球五金网(http://www.wjw.cn

此LOGO在设计时主要通过形体化的语言,表达深层的期望与意境,在颜色方面采用的是以桔黄色为主色调,突出五金金属特有的光质;金球象征公司或网站提供全球五金商贸交流服务,三条线条环绕金球动态运行,象征不停运转的五金商贸信息交流,更加相符全球五金网的定位。



34
相关评论(0)
相关信息

会员登录


当前状态:游客

用户名称:

登陆密码:

  

热门信息

推荐信息