关于网站Logo的几个关键元素

标签: Web前端 | 发表时间:2012-06-16 08:00 | 作者:Administrator
出处:http://www.scriptlover.com

一个网站,网站名,域名,网站logo是最先要考虑的几个元素。

网站的logo需要在网站的各个页面中经常出现,也是网站在用户脑中最形意的印象,因此网站的logo需要包含的条件应该有:

1、精美,独特。

由于网站的logo有很多场合需要和多个其他的logo并列显示(比如许多discuz论坛最下方的友情链接等)。一个独特,具有让人过目不忘的网站logo就显得非常重要。

2、与网站的整体风格相融

一个网站的基色调决定了这个网站给人的感觉。

比如开心网

以红色为底色,黄色的星星为突出显示, 黄色的星星图案在红色的底色承托下,两种反差相对较大的颜色会有一种醒目,刺激用户眼球,能起到集中用户注意力的效用。

clip_image001

红色也成为了开心网贯彻全站的基础色调,红色的按钮和各种副产品都是秉承红色这个基调

clip_image002

clip_image003

应该说,开心网是运用红色较为大胆和成功的一个网站

看看开心的对手, 人人的logo

clip_image004

人人是以白色为底色,蓝色为字体颜色,蓝色和白色相间使用。logo是两个大大的人字互相重叠,中间两个人字重叠的部分使用红色强调,想传递的是SNS社交这个概念。人人的基础色调是蓝色和蓝色,整个网站也贯穿使用蓝色。相较于开心的红色,蓝色少了承重感,多了些轻松。

个人感觉这个logo给人的第一印象没有开心这么强烈。

3、网站的logo需要能体现网站的类型,内容

这点其实并不是所有网站都追求的。

有的网站logo非常追求这点,希望能尽可能多的在logo中表现出网站的实际类型和内容。这个方法是无可厚非的,能从图标中阅读出更多的东西大致就是追求更多的“内涵”

新浪微博:

clip_image005

这是一个信息分享的网站。网站的logo和吉祥物是一个眼睛。

蘑菇街:

clip_image006

五颜六色的图标和富有喜感的小卡通传递你在这个网站会有许多五颜六色的惊喜,这是一个喜欢逛街的你感到满足的网站。

奇虎:

clip_image007

大大的似乎只有医院才特有的十字标示代表这是一个个人电脑医生产品,绿色告知这个产品的愿景是让用户的电脑更加安全和绿色

twitter:

最新的logo是飞翔的蓝鸟:

clip_image008

twitter用叽叽喳喳的小鸟形象表示出网站的用户就是和唧唧喳喳的小鸟一样分享和表达信息,而且其中夹带了简短而轻松的暗示。

现在有更多网站更追求的是简单简洁的设计,这样的设计其实没有过多的含义,甚至有很多只是形意和名字的转换而已。这样的网站logo也越来越被大众接受。大众觉得与其记住各种奇形怪状的图案,不如更有艺术美感的简单的图标更让人欣喜愉悦。

facebook:

clip_image009

简单到不能再简单的一个F,在光的明暗处理上体现出这个图标的质感,简单的图标,代表网站的风格。简单的低调,或许更能让用户关注网站自身的内容和功效。

google:

clip_image010

连底色调都是白色的图标,logo就是谷歌的英文,简洁到无以复加的字体,每个单字和每个着色都是没有缘由的特立独行,简单又特立独行的logo给人的第一映像其实是最好的,这其中给用户传达的不是具体信息,而是一种强大的用户信赖感。

相类似的还有 豆瓣:

clip_image011

使用各个单字的颜色表达一种特有的小资和独特。

总结性来说,好的logo是一定会给网站增加不少优势的。现在网站logo的趋势正在从厚重,内涵向简洁,独特转换。但是不得不说的是,网站logo有很大一部分是运营出来的,通过好的运营和形象塑造,往往能赋予logo更多的含义和味道。

来自: Cnblogs-yjf512

相关 [网站 logo 元素] 推荐:

关于网站Logo的几个关键元素

- - 脚本爱好者
一个网站,网站名,域名,网站logo是最先要考虑的几个元素. 网站的logo需要在网站的各个页面中经常出现,也是网站在用户脑中最形意的印象,因此网站的logo需要包含的条件应该有:. 由于网站的logo有很多场合需要和多个其他的logo并列显示(比如许多discuz论坛最下方的友情链接等). 一个独特,具有让人过目不忘的网站logo就显得非常重要.

国内外WAP网站LOGO一览表

- slackware - hiued - 用户体验数据分析中心
以下内容由hiued.com用户体验数据分析中心整理,WAP网站LOGO一览表. 本博文更新于2011年1月14日. 国内wap站LOGO现状小结:. 1.LOGO图片格式全部为gif格式,无png格式. 2.LOGO平均宽高比国外的大一些,但大部分遵守着默守的规范(如不使用JPG的图片). 3.国内很多直接命名为logo.gif.

HTML5 logo 发布

- Greyby - 酷壳 - CoolShell.cn
2011年1月19日,W3C发布了HTML5的log,打开W3C的页面,下在的图片印入眼前. 我的第一感觉,就像是看到了小时候看的八一电影制片产的电影. 这分明是号召全世界的无产Web程序员们团结起来,不畏艰难,不怕牺牲,一定要把HTML5的革命事业进行到底. 所以,请各位Web程序员不但在你们的HTML5的网页上加上下面的徽章(关于各个徽章的含义,请参看这里).

用css3写个logo

- 丸子 - 崔凯,前端开发
演示地址:http://uicss.cn/css3/maxthon-logo.html. 先画一个外框 width: 240px; height: 240px;border-radius: 120px;. 填充背景色background:#b1e4ff;. 描边border:2px solid #789cb6;.

Logo里有乾坤

- xh - 左岸读书_blog
对,当然这里专指我们经常见的公司或组织Logo(标志)图案的留白部分. 作为入门门槛低而 又很难出精品的Logo设计(甚至可扩展到任何机构的VI或CI系统设计),怎样在非常有限的视觉幅度中准确、鲜明的表达Logo本身所要传承的形象或精 神语言,并给人以及其深刻的印象,成为众多Logo设计师悉心追求的目标.

混搭Logo也疯狂[22p]

- mingelz - FeedzShare
来自: 煎蛋 - FeedzShare  . 发布时间:2011年08月03日,  已有 2 人推荐. Logo设计师Graham Smith显然是个酷爱恶搞的家伙——不然他也不会弄出这么多让人啼笑皆非的“混搭”Logo了. 想必如果这些Logo原型的主人们看到自己心爱的Logo跟宿敌品牌搞在一起,那不得是一口老血吐出来…….

品牌logo 设计效应

- mophist - Poboo
每个品牌通过品牌效应,让群众深深被他们的logo 颜色字体形成一种潜意识,让人简单看一眼就可以很清楚品牌的价值,这就是logo 的作用,设计师 Viktor Hertz,通过更改logo 颜色字体,给我们带来一些有趣的logo设计. Frank Melech 创意设计.

恶搞之logo混搭

- Marvin - 设计|生活|发现新鲜
小小的logo,企业形象的最佳代言人. logo的设计更是要集万千智慧为一体,前阵子微博疯传的苹果logo设计图就摆明啦各种黄金分割. 你说人家企业辛辛苦苦设计出来的logo,却拿来被我们的达人Graham Smith恶搞一番,其实他本是也是一名logo设计师. 这次他的恶搞想法就是将各领域知名公司的logo进行混搭,这商场上的宿敌在logo上不期而遇,企业老总看到肯定会吹胡子瞪眼.

35个创意logo设计

- 大胡 - Poboo
35个创意的logo设计,虽然简单,却让新印象深刻,都是些很好的作品. Brock Davis 创意设计. 20个新鲜的富于创意的logo欣赏 (@sudasuta). 56个创意的方形LOGO设计 (@uuhy). Logo设计欣赏 (@sudasuta). 100个创意logo欣赏 (@sudasuta).

W3C发布HTML5官方Logo

- David - Rologo.com 标志共和国
W3C(World-Wide Web Consortium,万维网联盟)在今天放出了HTML5的官方新Logo,并对最近的网络开发技术做出了新的解释. HTML5在过去一年左右的时间里 成为大家争论的焦点. 在Google的支持以及开发者们的热情追捧下,HTML5似乎已经成为了解决网络开发中任何问题的良药.