您尚未登录,请登录后浏览更多内容! 登录 | 立即注册
 找回密码
 立即注册

[教程] 网站LOGO设计专题

[复制链接]
发表于 2005-3-5 12:26:00 | 显示全部楼层 |阅读模式
网站LOGO简论 (转载)   <br>
一、什么是LOGO <br>
  翻开字典,我们可以找到这样的解释:“ logo: n.标识语 ”。在电脑领域而言,LOGO是标志、徽标的意思。而本站主要所收集的LOGO,是互联网上各个网站用来与其它网站链接的图形标志。 <br>
<br>
二、LOGO的作用 <br>
  1.LOGO是与其它网站链接以及让其它网站链接的标志和门户。 <br>
  INTERNET之所以叫做“互联网”,在于各个网站之间可以联接。要让其他人走入你的网站,必须提供一个让其进入的门户。而LOGO图形化的形式,特别是动态的LOGO,比文字形式的链接更能吸引人的注意。在如今争夺眼球的时代,这一点尤其重要。 <br>
  2.LOGO是网站形象的重要体现。 <br>
  试问一个衣冠楚楚的人怎么能让自己的名片污渍不堪?就一个网站来说,LOGO即是网站的名片。而对于一个追求精美的网站,LOGO更是它的灵魂所在,即所谓的“点睛”之处。 <br>
  3.LOGO能使受众便于选择。 <br>
  一个好的LOGO往往会反映网站及制作者的某些信息,特别是对一个商业网站来话,我们可以从中基本了解到这个网站的类型,或者内容。在一个布满各种LOGO的链接页面中,这一点会突出的表现出来。想一想,你的受众要在大堆的网站中寻找自己想要的特定内容的网站时,一个能让人轻易看出它所代表的网站的类型和内容的LOGO会有多重要。 <br>
<br>
  三、LOGO的国际标准规范 <br>
  为了便于INTERNET上信息的传播,一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO,目前有三种规格: <br>
  1.88*31 这是互联网上最普遍的LOGO规格。 <br>
  2.120*60 这种规格用于一般大小的LOGO。 <br>
  3.120*90 这种规格用于大型LOGO。 <br>
<br>
  四、LOGO的制作工具和方法 <br>
  好像目前并没有专门制作LOGO的软件,其实也并不需要这样的一种软件。我们平时所使用的图像处理软件或者还加上动画制作软件(如果你要做一个动画的LOGO的话)都可以很好地胜任这份工作,如PHOTOSHOP、FIREWORKS等。而LOGO的制作方法也和制作普通的图片及动画没什么两样,不同的只是规定了它的大小而已。 <br>
<br>
  五、一个好的LOGO应具备的条件 <br>
  Poorfish认为,一个好的LOGO应具备以下的几个的条件,或者具备其中的几个条件: <br>
  1.符合国际标准(废话) <br>
  2.精美、独特 <br>
  3.与网站的整体风格相融 <br>
  4.能够体现网站的类型、内容和风格 <br>
<br>
 楼主| 发表于 2005-3-5 12:27:00 | 显示全部楼层
网站LOGO设计规范<br>
<br>&nbsp; &nbsp;LOGO的应用一直是CIS导入的基础和最直接的表现形式,其重要性是不言而喻的,网络标识的设计尤其如此。 <br>
<br>
一、标识的职能:<br>
  作为独特的传媒符号,标识(LOGO)一直成为传播特殊信息的视觉文化语言.具信,最早的符合CIS精神的标识实例,是2433年前陪葬我国楚地的曾侯乙的一只戟上的&quot;曾&quot;字型图标。无论从古时繁复的欧式徽标、中式龙文,到现代洗练的抽象纹样、简单字标等都是在实现着标识被标识体的目的,即: <br>
<br>
  通过对标识的识别、区别、引发联想、增强记忆,促进被标识体与其对象的沟通与交流,从而树立并保持对被标识体的认知、认同,达到高效提高认知度、美誉度的效果。作为时代的前卫,网络LOGO的设计,更应遵循CIS的整体规律并有所突破。 <br>
<br>
二、网络LOGO设计的基本应用原理: <br>
<br>
  在网络LOGO设计中极为强调统一的原则。统一并不是反复某一种设计原理,应该是将其他的任何设计原理如:主导性、从属性、相互关系、均衡、比例、反复、反衬、律动、对称、对比、借用、调和、变异等设计人员所熟知的各种原理,正确地应用于设计的完整表现。统一也可解释为,共通以上所述各原理,而更高、更概括、更综合的原理。 <br>
<br>
  构成LOGO要素的各部分,一般都具有一种共通性及差异性,这个差异性又称为独特性,或叫做变化,而统一是将多样性提炼为一个主要表现体,称为多样统一的原理。统一在各部分之中的要素中,有一个大小、材质、位置等具有支配全体的作用的要素,被称为支配。精确把握对象的多样统一并突出支配性要素,是设计网络LOGO必备技术因素。 <br>
<br>
  网络LOGO所强调的辨别性及独特性,导致相关图案字体的设计也要和被标识体的性质有适当的关联,并具备类似风格的造型。 <br>
<br>
  记得最近EASTECHO的网友论坛重新开张之时,就有小魔女对论坛的LOGO表示了异议,一个简单印刷字体的LOGO与浪子固有的独特风格、精益求精的品质有较大背离,并与整个网站LOGO缺乏联系,从而产生认知的歧义。不过作为充斥英文LOGO的浪子网站,做了中文LOGO尝试,算个突破吧。 <br>
<br>
  网络LOGO设计更应注重是一种对事物张力的把握,在浓缩了文化、背景、对象、理念及各种设计原理的基调上,实现对象最冲动的视觉体现。也可以理解为一种最受制约的冲动,在任何方面的张力不足的情况下,精心设计的LOGO常会因为不理解、不认同、不现实、不前卫、不艺术、不朴实等相互矛盾的理由而被用户拒绝或为受众排斥、遗忘。所以恰到好处的理解用户及LOGO的应用对象,是少做无用功的不二法门。不考虑国情和用户的认识水平,对自身设计能力估计不足都是要不得的。在国内给哪个卖计算机的老板设计个$300万的朗讯红圈LOGO,很容易被看作是骗钱的。 <br>
<br>
三、网络LOGO的表现形式: <br>
<br>
  作为具有传媒特性的LOGO,为了在最有效的空间内实现所有的视觉识别功能,一般是通过特示图案及特示文字的组合,达到对被标识体的出示、说明、沟通、交流从而引导受众的兴趣、达到增强美誉、记忆等目的。 <br>
<br>
  表现形式的组合方式一般分为特示图案,特示字体,合成字体。 <br>
<br>
  1、特示图案:<br>
  属于表象符号,独特、醒目、图案本身易被区分、记忆,通过隐寓、联想、概括、抽象等绘画表现方法表现被标识体,对其理念的表达概括而形象,但与被标识体关联性不够直接,受众容易记忆图案本身,但对被标识体的关系的认知需要相对较曲折的过程,但一旦建立联系,印象较深刻,对被标识体记忆相对持久。 <br>
<br>
  所以对持久记忆要求高时应设计良好的特示图案形象,较好的设计如苹果公司的牙印苹果,对图案LOGO的面向推广的各种要素都把握的恰到好处,另外一些情况下,希望在较短期限内建立形象的,还应该设计相应的吉祥物,以类似苹果这样耳熟能详的概念,强化沟通和理解。 <br>
<br>
  在现代精神快餐的时代,朗讯的红圈也在成为时尚。不过这类设计在国内还只有设计公司的网站才能接收吧,但有线电视的一个最新的影视综艺节目的LOGO就出现了螺旋型的朗讯红圈,可叹借鉴时大胆有余,创意不足了。 <br>
<br>
  2、特示文字:<br>&nbsp; &nbsp; 属于表意符号。在沟通与传播活动中,反复使用的被标识体的名称或是其产品名,用一种文字形态加以统一。涵义明确、直接,与被标识体的联系密切,易于被理解,认知,对所表达的理念也具有说明的作用,但因为文字本身的相似性易模糊受众对标识本身的记忆,从而对被标识体的长久记忆发生弱化。 <br>
<br>
  所以特示文字,一般作为特示图案的补充,要求选择的字体应与整体风格一致,应尽可能做全新的区别性创作。 <br>
<br>
  完整的LOGO设计,尤其是有中国特色的LOGO设计,在国际化的要求下,一般都应考虑至少有中英文双语的形式,要考虑中英文字的比例,搭配、一般要有图案中文、图案英文、图案中英文、及单独的图案、中文、英文的组合形式。有的还要考虑繁体、其他特定语言版本等。另外还要兼顾标识或文字展开后的应用是否美观,这一点对背景等的制作十分必要,有利于追求符号扩张的效果。 <br>
<br>
  闪客帝国及其前身的边城浪子LOGO,都有着极好的设计,但都没有考虑中文,不过浪子好象一直对汉字的表现力如极小字体的缺乏、特性字体缺少等颇不以为然,也许导致他怠于思考对中文的设计。这对面向国内网友的网站LOGO,不能不说是一种遗憾吧。 <br>
<br>
  3、合成文字: <br>
  是一种表象表意的综合,指文字与图案结合的设计,兼具文字与图案的属性,但都导致相关属性的影响力相对弱化,为了不同的对象取向,制作偏图案或偏文字的LOGO,会在表达时产生较大的差异。如只对印刷字体做简单修饰,或把文字变成一种装饰造型让大家去猜。其综合功能为: <br>
<br>
  a.能够直接将被标识体的印象,透过文字造型让读者理解; <br>
<br>
  b.造型后的文字,较易于使观者留下深刻印象与记忆;<br>
<br>
四、网络LOGO的设计 <br>
<br>
  古代皇家的纹章,有条件通过反复的识别性展示使受众了解其蕴涵的身份、地位、等级等属性,可以被设计的极尽繁复,但现代人对简洁、明快、流畅、瞬间印象的诉求,影响到标识的设计越来越追求一种独特的、高度的洗练,一些已在用户群中产生了一定印象的公司、团体为了强化受众的区别性记忆及持续的品牌忠诚,通过设计更独特、更易被理解的图案来强化对既有理念的认同。一些老牌公司就在积极更新标识,可口可乐的标识就曾几易其稿。 <br>
<br>
  而一些追求受众快速认知的群体,就会强化对文字表达直接性的需求,通过采用文字特征明显的合成文字来表现,并通过现代媒体的大量反复来强化、保持易被模糊的记忆。如INTEL的E字简单位移构成的LOGO形式。 <br>
<br>
  网络LOGO的设计中,大量的采用合成文字的设计方式,如YAHOO,AMAZON等的文字LOGO和国内几乎所有ISP,这一方面是网页寸屏寸金的制约,要求LOGO的尺寸要尽可能的小;另一方面是由于这些网站建设之初,一般缺乏优秀的形象设计师的参与,决策的多数为技术类人员,对直截了当、简洁明快有种直觉式的追求;而最主要的是网络的特性决定了仅靠对LOGO产生短暂清晰的记忆,通过低成本大量反复浏览,既可产生需要图形保持提升的那部分印象记忆。所以网络LOGO对于合成文字的追求已渐成网络LOGO的一种事实规范。 <br>
<br>
  随着管理人员、设计人员,策划人员的介入网络,更加高效的LOGO设计亦得到良好的探索。特别是一些设计网站对LOGO设计做了很多有意义的尝试。如针对网站LOGO的数字特性探索LOGO的3D、动态表现方式等,其中比较共识的做法是,为保护LOGO作为整体形象的代表,只宜于在LOGO整体不做缺损性变形的条件下做动态变化,即只成比例放大、缩小、移动等,而不宜做翻滚、倾斜等变化,以保证对被标识体的严肃性的尊重,另外对既有LOGO制作3D的网络LOGO,已经成为越来越普遍网络标识制作方案了。 <br>
<br>
五、网络LOGO的规范 <br>
<br>
  设计LOGO时,面向应用的各种条件作出相应规范,对指导网站的整体建设有着极现实的意义。具体须规范LOGO的标准色、设计可能被应用的恰当的背景配色体系、反白、在清晰表现LOGO的前提下制订LOGO最小的显示尺寸,为LOGO制订一些特定条件下的配色,辅助色带等方便在制作BANNER等场合的应用。另外应注意文字与图案边缘应清晰,字与图案不宜相交叠。另外还可考虑LOGO竖排效果,考虑作为背景时的排列方式等。 <br>
<br>
  一个网络LOGO不应只考虑在设计师高分辨屏幕上的显示效果,应该考虑到网站整体发展到一个高度时相应推广活动所要求的效果,使其在应用于各种媒体时,也能发挥充分的视觉效果;同时应使用能够给予多数观众好感而受欢迎的造型。 <br>
<br>
  所以应考虑到LOGO在传真、报纸、杂志等纸介质上的单色效果、反白效果、在织物上的纺织效果、在车体上的油漆效果,制作徽章时的金属效果、墙面立体的造型效果等。 <br>
<br>
  8848网站的LOGO就因为忽略了字体与背景的合理搭配,圈住4字的圈成了8的背景,使其在网上彩色下能辨认的标识在报纸上做广告时糊涂一片,这样的设计与其努力上市的定位相去甚远”\''_~~~~~~~ <br>
<br>
  比较简单的办法之一是把标识处理成黑白,能正确良好表达LOGO涵义的即为合格。<br>
<br>
<br>
 楼主| 发表于 2005-3-5 13:00:00 | 显示全部楼层
用Fireworks制作Logo心得体会(转)<br>&nbsp;<br>&nbsp; &nbsp; 我写这篇文章, 主要目的是为了刚开始学习制作网页的朋友,提供一些帮助,希望他们能少走弯路,掌握制作LOGO的方法和技巧:在此,本人把自己制作LOGO的心得体会送上, 并希望每一位网页爱好者,能有一天制作出真正属于自己精美的LOGO。<br>
<br>
  1:制作LOGO使用什么软件?<br>
  通常制作logo 的软件有很多,主要看你的是静态还是动态的,不过,这也是看个人熟悉那一种软件,但本人认为最好就用:Photoshop imageready, Fireworks Mx,Gif animator 这几个软件,他们主要特点对层和帧的操作非常方便,也比较好理解。 <br>
  2:制作LOGO使用什么字体?<br>
  刚开始做LOGO朋友也许有这样的体会,为什么我做的logo字体不清,动画也不怎样,主题不突出,而一些网站的logo的字体却很清晰、动感。那么他们是用什么字体制作出来的。其实不然,如果是汉字,那么是通常是使用宋体多一点,英文是使用04字,不信你自己试一下。<br>
<br>
  3:字体要想清楚:调整Firewoks MX最下面的属性面板中:自动字距调整上面那一栏:为”不消除锯齿”这样字体就会很清楚了! <br>
<br>
  4:做出效果不会动的原因:要注意保存的方式,是选择菜单“文件”——“导出预览“保存为”GIF动画”才行。 <br>
<br>
  5:就是多看一些别人的作品,借签一些别人的作品。 <br>
<br>
  6:最后就是找一些比较适合自己的网站Logo背景素质。<br>
<br>
  讲到这里也差不多,其它的你们好好实践一下吧,真理就在眼前了。<br>
<br>
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

    手机版|关于本站|粤ICP备16010423号

GMT+8, 2024-3-29 06:40 , Processed in 0.109019 second(s), 8 queries .

© 2001-2011 Powered by Discuz! X3.4. Theme By Yeei!

返回顶部