网站的logo设计

  当今信息技术迅猛发展,尤其是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使用了三色:红(网易)、黑(NETEASwww.163.com)、白(底色)。网易两字用了篆书,体现了古典意味,也许在暗示网易在中文网络的元老地位吧。但是,如果没有从个人主页到虚拟社区,从新闻报道到专题频道等丰富方便的服务,光是从logo上,你是难于相信:轻松上网,易如反掌。

 

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

时间: 2024-09-12 10:23:58

网站的logo设计的相关文章

网站的LOGO尺寸大小参考

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 LOGO的国际标准规范 为了便于INTERNET上信息的传播,一个统一的国际标准是需要的.实际上已经有了这样的一整套标准.其中关于网站的LOGO,目前有国际标准规范 全尺寸banner为468*60px, 半尺寸banner为234*60px, 小banner为88*31px 另外120*90,120*60也是小图标的标准尺寸 每个非首页静态

关于LOGO设计

对网站的LOGO设计做了一些归纳,希望得到批评,发现写的太长了,又不忍心删减,就分成两部分了,第一部分是有关设计基础的.第二部分是关于网站L OGO的设计规范的,所有意见是个人的思考,并不针对任何人或网站.欢迎不同见解的探讨.LOGO的应用一直是CIS导入的基础和最直接的表现形式,其重要性是不言而喻的,网络标识的设计尤其如此.   一.标识的职能: 作为独特的传媒符号,标识(LOGO)一直成为传播特殊信息的视觉文化语言.具信,最早的符合CIS精神的标识实例,是2433年前陪葬我国楚地的曾侯乙的一

设计标志:28个餐饮和食品类网站的logo标志

文中收集的搜视28个餐饮与食品类网站的logo标志,涉及面很广.有甜品,饮料,批萨以及餐馆等各种餐饮网站.可以作为设计此类食品标志的参考资料,而且这些logo标志的配色也个不相同,可以学习参考,开拓思路. Jalapenos  Happy Thanksgiving Old Stove Gourmet Homespun Chili Food Writers Wine Place Latin Gourmet Rich Kich Wine Slicedlemon Films Cork Blink Ch

分享2011年情人节各大门户网站LOGO设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 2011年情人节到了,各大门户网站纷纷亮相了自己的情人节logo设计主题.大家欣赏下谁的最漂亮. 谷歌:谷歌的比较抽象化,艺术化,感觉太生硬了. 搜狗:搜狗的很温馨,枝头亲吻的小鸟很形象. 淘宝网:这个是动画的,两端的心,书信传真情,很有意思. 好123:网址之家的情人节logo提前一天就放出了,温馨的色彩,自然少不了心形. 百合网:谈情说爱

新颖,个性的logo设计网站那里找

如果一个品牌的logo设计没有被赋予人性化的元素,融会品牌所特 有的精气神,也就是说,没有"心"的话,它就像一个没有心的人一样冷冰冰, 毫无趣味可言,当然也就难以建立起紧密的情感关系.logo往往能够表达文字所不能表达的深层含意,比文字更具有个性化和人性化的特征,是人类共同的视觉语言,更够在瞬间吸引受众的注目和兴趣,感动他们的心灵,建立长期的紧密关系. 目前针对logohttp://www.aliyun.com/zixun/aggregation/18162.html">

网站logo设计的误解

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站logo设计是什么? 最早的时候其实还没有网站logo设计一说,那时候做网站的,首先大部分是企业,称之为企业建站,企业标志直接用于网站logo.需要做的莫过于网站banner设计,其实就是友情链接图片(尺寸统一为88*31)如下面的图,大部分带有闪动的效果. 如今,随着www的疯狂发展,很多企业或个人都是通过网站来获取利润,尤其是中小型网

网页设计参考:大网站Logo设计的12种颜色RGB代码

文章描述:我把这12种颜色的RGB代码列出来,供将来自己做网页时参考. 前不久,ColourLovers.com公布了一项调查结果. 他们发现,美国前100大网站的Logo,主要使用12种颜色.其中,采用蓝色的网站最多,红色排在第二种,黄色排在第三种. 我把这12种颜色的RGB代码列出来,供将来自己做网页时参考. 1. 浅绿 #8cc540 2. 深绿 #009f5d 3. 暗蓝 #019fa0 4. 蓝色 #019fde 5. 深蓝 #007cdc 6. 深紫 #887ddd 7. 浅紫 #c

网站设计师在设计网站时应该遵循的原则

文章描述:想成为一名优秀的网站设计师吗? 网站设计不只是用色彩丰富的图像组建一个网站.你需要遵循若干规则,并使用一些网页设计工具来达到目标.使用免费网站模板简化了网站设计的过程.利用这些可选选择,来开发漂亮的网站对于网站设计师是十分重要的.本文分享一些网站设计师在设计网站时应该遵循的几条重要的原则. 图像的运用 确保图像在网站设计当中得到最佳运用.尝试只用.jpg和.gif的图片格式.对于画廊(gallery)展示一项,得使用最小化的图片文件或是缩略图.图片的合理使用在一定程度上也节省了网站加载

Google的新旧版本网站用户体验设计区别

据国外知名博客消息,Google 在针对某些用户测试其新版的网站风格,这里让我们先睹为快吧.从以下新旧版本的对比可以看出,Google的新版本网站更加注重操作性和可视性等用户体验方面. 1,Logo设计 Google的新Logo更大了,看起来更也比现在的老版本Logo更亮了,并且最大程度上减少了字母阴影效果,使得新版的Logo更有现代感了. 新Logo 当前Logo 2,首页 Google首页的搜索框更大了,两个搜索按钮也从默认的浏览器按钮样式,美化为新的CSS样式,使得其在不同的操作系统和不同