logo的说明.doc_第1页
logo的说明.doc_第2页
logo的说明.doc_第3页
logo的说明.doc_第4页
logo的说明.doc_第5页
已阅读5页,还剩3页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

一、什么是LOGO翻开字典,我们可以找到这样的解释:“ logo: n.标识语 ”。在电脑领域而言,LOGO是标志、徽标的意思。而本站主要所收集的LOGO,是互联网上各个网站用来与其它网站链接的图形标志。 二、LOGO的作用1.LOGO是与其它网站链接以及让其它网站链接的标志和门户。INTERNET之所以叫做“互联网”,在于各个网站之间可以联接。要让其他人走入你的网站,必须提供一个让其进入的门户。而LOGO图形化的形式,特别是动态的LOGO,比文字形式的链接更能吸引人的注意。在如今争夺眼球的时代,这一点尤其重要。2.LOGO是网站形象的重要体现。试问一个衣冠楚楚的人怎么能让自己的名片污渍不堪?就一个网站来说,LOGO即是网站的名片。而对于一个追求精美的网站,LOGO更是它的灵魂所在,即所谓的“点睛”之处。3.LOGO能使受众便于选择。一个好的LOGO往往会反映网站及制作者的某些信息,特别是对一个商业网站来话,我们可以从中基本了解到这个网站的类型,或者内容。在一个布满各种LOGO的链接页面中,这一点会突出的表现出来。想一想,你的受众要在大堆的网站中寻找自己想要的特定内容的网站时,一个能让人轻易看出它所代表的网站的类型和内容的LOGO会有多重要。三、LOGO的国际标准规范为了便于INTERNET上信息的传播,一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO,目前有三种规格:1.88*31 这是互联网上最普遍的LOGO规格,本站所收集的均是这种大小。2.120*60 这种规格用于一般大小的LOGO。3.120*90 这种规格用于大型LOGO。四、LOGO的制作工具和方法好像目前并没有专门制作LOGO的软件,其实也并不需要这样的一种软件。我们平时所使用的图像处理软件或者还加上动画制作软件(如果你要做一个动画的LOGO的话)都可以很好地胜任这份工作,如PHOTOSHOP、FIREWORKS等。而LOGO的制作方法也和制作普通的图片及动画没什么两样,不同的只是规定了它的大小而已。五、一个好的LOGO应具备的条件Poorfish认为,一个好的LOGO应具备以下的几个的条件,或者具备其中的几个条件:1.符合国际标准(废话)2.精美、独特3.与网站的整体风格相融4.能够体现网站的类型、内容和风格 当今信息技术迅猛发展,尤其是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)、白(底色)。网易两字用了篆书,体现了古典意味,也许在暗示网易在中文网络的元老地位吧。但是,如果没有从个人主页到虚拟社区,从新闻报道到专题频道等丰富方便的服务,光是从logo上,你是难于相信:轻松上网,易如反掌。这里就举这几个例子,当然,在网络海洋中,很多网站,特别是一些个人网站,其logo的设计都很值得我们去学习的。(申明:为了说明问题而引用了部分站点及相关理念等,其中分析说明仅是个人观点,特此说明。) 在网站设计中logo的设计是不可缺少的一个重要环节。logo是网站特色和内涵的集中体现,它作用于传递网站的定位和经营理念、同时便于人们识别。一个重点突出的商标内容元素,一张极具视觉冲击力的商标设计,会直接影响到客户对网站的判断,特别是网站日后需要进行全球性推广,优秀的商标设计会吸引来更多的访问者。以下是对部分网站logo的解剖分析。太维互联网应用顾问()在颜色方面采用了深红色和黑色两种颜色结合而成,中文字体采用厚重的“方正黑体简体、方正综艺简体”,给人一种专业、严肃、稳重的感觉,太(多)维(维度)顾名思义就是以多种角度去观察、分析、思考,挖掘出客户最核心的需求,从而提出和实现真正适合客户的解决方案;在诠释“观察、思考、分析”方面我采用的是寓意手法,通过“眼睛”突显寓意;另外英文网址eye(眼睛)fit(适合)和太维中文字并列排列,也同样是突显太维专业顾问定位。欧华商贸网()其特点通过鲜明的颜色和桥梁式的线条传递,把E-欧洲和C-中国有机(通过线条和网络)联接,良好地突显出网站核心定位。通过大号和粗体英文字母,使浏览者迅速吸引,并明记网站网址和网站名称。网站突出国际网址,更有利于国际宣传,在用色方面更是简洁、利落。蓝色(又称:商业色)代表欧洲,而“c”字则用了中国最具有代表性的红。弧线从“e”横跨到“c”代表着中欧之间的桥梁,促进欧洲与中国之间的商务贸易。中国现车交易网()此logo在设计时采用的是形象手法,形象手法就是采用与logo对象直接关联而具典型特征的形象。这种手法直接、明确、一目了然,易于迅速理解和记忆。最大的特点就是将网站的产品,形象化和 “车”字融合为一体,有效传递网站定位和核心产品。在用色上对比鲜明,图形格外醒目鲜艳,能给人以很强的视觉冲击效果且保持视觉平衡、线条流畅,整体美观、大方。动感一百手机网()动感一百手机网是华南区人气热旺的B2C手机网站,所以在设计上需要活波,具有人性化。在设计手法上直接运用了网站的产品卡通化来表现的,烘托出网站的灵气而又直观的体现了网站的类型。有待改善的是没有与网站名称相融入、体现出网站的动感炫酷。全球五金网()此LOGO在设计时主要通过形体化的语言,表达深层的期望与意境,在颜色方面采用的是以桔黄色为主色调,突出五金金属特有的光质;金球象征公司或网站提供全球五金商贸交流服务,三条线条环绕金球动态运行,象征不停运转的五金商贸信息交流,更加相符全球五金网的定位。 美工LOGO设计秘密武器说到美工LOGO设计,也许你马上会想到 Photoshop , Coreldraw , Illustrator , Flash 等工具软件,没错,正是因为有它们的存在才让我们将一个又一个的梦想变成现实。有关它们的教学与原理因特网上比比皆是,这里我们就不累述了。现在我们想告诉大家的是其他一些秘密武器:比例;对照;复制;还有精微调整!其实把它们当作武器抑或是工具都是不恰当的,因为它们主要规定了作品的性质,而不是我们熟悉的传统意义上的软件,平台的概念。但在实际创作中它们是如此的重要,以致于在日常的工作中,我们常常把它们从传统的创作过程中分离出来并亲昵地称之为武器。下面我们就这四个问题谈一谈自己的看法。由于篇幅有限我们不可能讲得面面俱到,而且为了便于你对它们的掌握,我们主要用例子,针对一些我们认为平时可能被遗忘或一些错误的认识来阐述我们的观点。一、比例:1、原理:在牛津现代高级英汉双解词典中是如此对比例定义的:一物与他物在量,大小等方面的比率;部分与整体的关系。而在设计领域我们将这个概念缩小成部件在尺寸或长度上的彼此关系。比例最重要的原则是遵循客观规律,文字比例要使得其易读,形体比例要使得它不会变形而且特色突出。然而,在这种自然的客观规律间还有着大量的细微调整,它们虽然不易察觉却直接影响到设计的最终效果。因此我们不要吝啬时间去调整它们以达到最佳的比例。早在希腊与文艺复兴时代的建筑家就开始找寻一个理想的比例规则。随着现代人审美观念的改变,纯数字的黄金比例已不再是放之四海皆行得通的标准;而且现代电脑技术的发达,使得我们可以轻易设计出复杂异常的形体与颜色,它们的交互影响又直接影响到物体比例的感观。因此对于比例的考虑,我们将注意力更多地放在外形,可见性与突出性上面。一个粗略的形体与两个字母如何达到最佳的比例安排呢?很明显,A图中字母与形体的距离太远,造成了整体的断离,因此我们将它们进行缩排,并将字体放大如图B;然后我们再对比一下图D,你会然后我们再对比一下图D,你会发现有什么不同?图D中的字体是以整个形体的高度作为字高,而图B则是以形体内部的正方形的高度为字高的,图C用红色导线指明了这一点。那么到底是图B还是图D更适合一些呢?要注意到,形体与字体都是比较复杂的,形体包含了两个三角形与一个正方形,字体包含两个字同时字体相交,因此如何保持它的协调性就成为关键。图D很明显破坏了整体的协调性,应该进行修改。在日常制作中,我们常常采取内核外壳的方式解决这类问题。所谓内核外壳,就是将形体细分成内核与外壳两部分,以内核为标准对其他部分进行协调。这样做是有一定科学道理的,内核与外壳只是我们人为细分出来的,它们实际上是作为一个协调的整体存在,以此类推,以同一个协调的整体的内核为标准的其他部件也就取得了平衡性。运用到图二上,我们将形体细分成内核(正方形)与外壳(三角形),然后以正方形的高度作为字体的高度,最后如图B。图C中红色导线勾勒出的范围就是内核(正方形)的高度,我们看到,这样的比例安排,既做到了LOGO的美观,醒目,同时还保持了高度的协调性。这个例子告诉我们找到比例分割的通用法则,那就是:只要有可能,无论什么时候我们都要找到作品中各个元素的相互关系,尽管它有时并不明显;如果能将两个完全不相称的元素安全地变换成一个固定的比例,如一样大或者成倍数关系,那就值得去试试;你可以在脑袋中给作为标准比例的元素添加一根导线,然后将其他元素尽量向这根导线靠拢。事实上,这是一个非常有用的办法,以至于许多专业设计师认为天地间万事万物都有一根线,因此它们看许多物体就是以那根不存在的线为起点的。在我们的日常设计中,决定比例规则的工作常常分成两部分:先是尽可能全面地查找作品内部的所有元素;然后找出它们之间的关系并为它们定身制作比例标准。前一个工作往往让我们忘了这样做是为了定制它们的比例标准的目的,只是想尽可能多地找出一些自己感兴趣的东西;而后一个工作往往是我们将手中的任务扔在那里一两天后重新拿起来,脑袋中有了新的想法后才能完成的。二、对比: 1、原理:比例常常针对着尺寸大小,而对比则可以针对于万事万物,颜色,大小,形状,字体,纹理,等等,没有一件事物不具备对比性。只要你静下心来认真进行比较,你将会惊奇地发现那些外表相似的物体竟然还有如此丰富的对比因素。一开始你也许会只是简单地将它们进行对立看待,但实际上所有的对立显示了不同程度的连续性,而正是这对立程度的选择,往往是区别一位设计高手与业余设计者的标准!对比,突出的并不是组件本身,而是组件彼此的关系与它们要传达的交互信息。首先我们要做的是改变对比的对立性,不要把它们当作矛盾的对立体,并且想方设法让对立显得不太尖锐。而通常比较有效的作法是先找出或创建出更多的对立点,然后再力图找到它们之间的对应关系。对应关系的重要性,可以用沟通的桥梁来形容,一旦缺少了对应关系的联系,对立因素就成为彼此不相干的单独的物件,也就真正失去了对比的意义。将对比概念应用到我们在美工LOGO设计思路中谈到的具体操作中,可以这样认为:1、形体的对比,包括大对小,水平对垂直,方形对圆形,等等。2、色彩的对比,包括色相,饱和度与亮度的对比,等等。3、字体对比,包括字型,大小写,尺寸等的对比。由于字体发展不平行的特性,使得我们很难在同一个LOGO中应用两种完全不同风格的字型,因此常常在大小写方面做文章。4、收尾工作对比,事实上这方面的对比操作很少,因为它是在所有元素合理放置并定形后才进行的操作,如果再改变对比属性事必造成前期所有工作的重新修订。 三、复制: 1、原理:跟对比强调组件的联系一样,复制并不是旨在突出组件的鲜明,而是用以强调一种发展趋向,一种变化顺序。这也从另外一个意义上暗示我们:复制物件最好按照一种线性流程进行定位,或者是直线,或者是曲线,或者是一种较为复杂的交互线程。一般地,重复组件用于表达一定的发展趋向,而且每个组件又有自己比较鲜明的特点(如图十中,每个组件都有其独特的颜色),用上面的对称或圆环曲线定位难于传送合适的趋向意识。因此我们采取简单的直线线程定位方式。至于多少个重复组件才能更好地表达我们的意图呢?两个重复组件重在表达一种对称,要表达一种线程或趋向信息,至少需要三个重复组件。三个重复组件的数目采取方式是现在最为流行的方式。另外还有一种比较可行的方式,就是根据LOGO中文字数目的多少决定重复组件的数目,但这种方式并不适合文字较多的LOGO 三、复制: 1、原理:跟对比强调组件的联系一样,复制并不是旨在突出组件的鲜明,而是用以强调一种发展趋向,一种变化顺序。这也从另外一个意义上暗示我们:复制物件最好按照一种线性流程进行定位,或者是直线,或者是曲线,或者是一种较为复杂的交互线程

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论