Web2.0视觉风格进化论

导语：在设计论坛之前的讨论中曾经谈到过“设计师应该抓住这个时代的情感”，这是设计师的设计嗅觉和职业特性的体现，那么在纷纷扰扰中“裂变”的Web2.0向我们袭来之时，作为设计师的你，抓住了Web2.0的趋势与风格了吗？现在我们从设计演变的角度，通过分析和鉴别，来让我们的设计师们快速的进行“向 Web2.0风格的进化”过程！

字串1

引论

什么是“风格”
What is the “Style”? 字串8

    什么是“风格”? 汉语词典中说它是：一个时代、一个民族、一个流派或一个人的文艺作品所表现的主要的思想特点和艺术特点。

    简而言之，它应该包含 ①时代特色 ②思想特色 ③表现特色。在英文中，“风格”的对应词是“Style”(发音：时’代要)，然而，“In Style”的意思译成中文是“有品味”。那么我们是不是把上面那句话也可以理解成为“一个有品味的设计师应该抓住今天的风格”呢？是了，如果作为一个设计师，连当下的风格都把握不住，又如何去创造或者引领未来的风格？ 字串7

风格的视觉组成元素

字串6

    既然我们是讨论 视觉风格，就应当了解一种特别的视觉风格到底是由哪些部分构成——我努力的想去找到一些前辈大师的言论来当外套，让我的论点显得更“优雅华丽”一些，但是很可惜的没有如愿。我只好把我的见解就这样“赤裸裸”的展现出来。

    我仔细的回味了传统美术和设计史中对各阶段风格的描述，认为能反映一个“成熟的风格”的特征元素应该是以下四个方面：

    ① 色彩倾向：如同我在之前的一篇文章《关于时间和色彩的游戏》里面谈到的那样，色彩的规划在现代设计中的地位已经跃升到最高的地位。这一点我想各位都不会怀疑，即便是时隔久远，你也不会将“印象派风格”的色彩和“巴洛克风格”的色彩相混淆；或者说得简单点，你绝不会听到“可乐”想到绿色，而听到“雪碧”想到红色，这就是因为它们有不同的“色彩风格”。

字串8

字串1

    在后续的文章里，我们会一起来看看这些关于Web2.0视觉风格的特征元素，因为色彩一节比较特殊而重要，我决定将它放在最后来讲，因为我怕可能会越讲越 长，让整个文章的结构打乱掉。（其实我准备给蓝色的说辞是：希望先发些相关的内容，看看点击量和关注程度来决定后续的内容。唉，蓝色是我遇到的最没有机心 的人，是机心不是心机，没错。）

    写到这里我觉得我似乎在血液里也开始涌动着Web2.0的泡泡，它影响我的行文风格发生了些许小小的变化，不是吗？这就是潜移默化的进化过程。

字串2

    ② 结构布局：这个在传统美术中叫做构图，书法叫章法，国画叫布局，现代设计中叫构成，排版上称版式设定……说这么多，无非 是想告诉你：你了解其中的任何一个词汇，你就明白我想表达什么了。举例来讲，即便你没练过书法，你也不会把颜体和欧体相混淆，因为颜体的丰腴宽厚的结构特 征和欧体的险峻严整会让你过目不忘，这是结构上的风格区分。

字串9

    书法太难理解？OK，想一下中世纪欧洲宫廷的梳妆台和你在“宜家”(IKEA)买回来的电脑桌有什么不同就好了。 字串6

    乔纳山(Jonathan)的“Web2.0的视觉设计”(The visual design of Web 2.0)中认为Web2.0的布局排版部分占的比重不是太大，但是我觉得他指的是布局的难度系数而不是布局的展现方式。就像下围棋，Web2.0可能就是一盘布局简单的棋，但是你不能说布局简单厮杀就不精彩，就没有胜负可言，那就错了。

    ③ 造型方法：作为一个艺术家，掌握多种艺术方法和找到合适的造型方法来完成自己的作品，恐怕是一生的追求。就像 毕加索(Pablo Picasso) 对着一头公牛 (Le Taureau)画 七八遍一样，很多勤奋的人都在这么干。设计师也面对同样的问题，同样的题材可以有好多种表现的方法，你能想到有多少种，在于你的创造力；你能否找到合适表 现你的题材的那种，在于你的判断和鉴赏力。想要成为一个优秀的设计师，就必须锻炼这两种力。现在你应该了解什么是一个“Powerful Design”了。

字串4

字串3

    Web2.0应该从现有的造型方法中选择一个什么样的方式，或者派生，或者改良出一个怎样的造型方式来与众不同呢？我们的后续文章会慢慢告诉你。

    ④ 笔调特色：笔调这个词很好，很传神，它既可以用来对比不同的艺术家的作品，也可以用来对比某个艺术家自己的不同作品。
    
    比如，我们可以说 梵高(Vincent van Gogh) 的“ 星夜(Starry Night) ”和“ 向日葵(Sunflowers) ”笔调完全不同，这里的“笔调”，不光是指“笔触”，还指画面所带给我们的可以感知的画作者创作时的一种心态。同样的内容，笔调不同就产生不同的情态。

字串2

    Web2.0带给我们一种新的态度，开放的，交互的，松散的，闲适的，不断进步的……那么在这种情绪和氛围的影响下我们应该表现出什么样的东西呢？或者反过来讲，用什么样的笔调来表现才能体现这种态度来告诉大家：我已经是Web2.0了！呢？ 字串9

    请关注我们这个话题，也请积极发表你的观点和看法！
    我们会在后续的内容中和你一起展开Web2.0的全面进化活动！ 字串6

以下是我个人的回复

字串8

    我个人认为的WEB2.0是人与网站的交互,但这中间有一个习惯和文化的问题,如中国人喜欢吃鸡爪而西方人不喜欢吃,以前网站的中国风,在WEB2.0中 没有看到,而更多的是一种很直白的对话,也许中国人已经少有个性了,WEB艺术方面大多都在西化,而现在的WEB2.0是一种西化的产物,一种快餐风格的 的生命力不会太长久,为何不把几千年中国人的艺术融进去了?

字串1

字串3

    在我认为,互联网视觉是一种快餐文化,没有厚重的文化内涵在里面,因为他产生的时间不长,加起来不到十年,水晶风格等等这类的,看不到国人的影子,不是我 想强调中国文化,因为艺术发展的过程是一种融合,一种东西方文化的融合,一种共同的生长土壤,但这只是融合,而不是完全的把中国文化去掉

    而就国内的Web2.0来说,更多的是一种抄袭或着大公司叫做的借鉴吧,千人一面,看看163.看看yahoo等,也许里面的用户体验综合版或Web视觉做到了各有各的特点,但第一眼的感觉就是怎么现在的网站都长成一个样了,Web1.0下我们都学韩国,现在改成学西方了!不要说互联网计算机等的产生地是美国,这没任何意义,没见有那个国家学我们的互联网模式
   
    我这里可能有点跑题,但也算不上跑题,因为每人有每人的理解,嘻嘻,就这么多了,一句话,做有中国特色的    WEB2.0,而不是做有“中国特色”的WEB2.0 字串5

    事实是这样吗？你不妨先回答我下面这两个问题：

    ① Web2.0 作为一个新生的“概念”，是否不需要一个清晰的“视觉表现”？
    ② 你认为自己已经找到体现 Web2.0 概念足够清晰的“视觉表现方式”了吗？

字串2

    如果你的回答都是“是”，那么我强烈建议你不要再往下看这篇文章，它完全在浪费你的时间。 字串2

    如果你心存疑虑犹豫不决，而你又想更详细的了解关于“WEb2.0视觉风格”的内容，就请抱着一同探究的心态，和我一起来完成这个“进化过程”吧。

字串5

Web2.0 需要“视觉识别”，吗？
   
    Web2.0 Need “VI”, Is it?

字串1

    如果我们把“Web2.0”看作“形象识别”的一个主体（因为它有着区别于以往Web概念的需求），那么我们就很容易看清它应该有的体系结构：作为“理念 识别 (Mind Identity)”的“Web2.0概念”现在应该不会有人再怀疑，否则你也不会来看我这篇文章。因此我们可以说，作为“理念识别”的这个部分，已经基 本完成。那么在在“理念识别”指导下的“行为识别(Behavior Identity)”和“视觉识别 (Visual Identity)”就应该逐步的完善和清晰起来。
   
    可喜的是，对于“Web2.0的行为特征”我们现在也已经有了很明确的概念，它的交互性，参与性，资料的产生和分配的动作方式，可移动性等等都将“Web2.0”的“行为识别”进行得如此生动鲜活，你很快就可以判定：“噢，这个网站是以web2.0的方式在玩！” 字串9

    可惜的是，对于“视觉识别”的范畴，我们拥有了这样一套清晰完整的，可以传达理念，表现特性的“视觉组件”了吗？没有！
因此，作为有职业敏感和操守的设计师的你，为什么不和我一起来共同把我们需要做的工作完成呢？你还在等着一本装订成册，封面用荧光色印着“Web2.0 视觉手册”的书送到你的手里吗？Come On, You OUT! 

字串1

    我真的希望看到这里的你觉得我上面的解释是一大堆废话！因为这说明你真的知道作为一个设计师自己应该去做些什么，想些什么。 字串3

    视觉的进化与沿革
Evolution of Visual Elements

字串4

    谈到视觉元素的沿革，很多人兴趣就高涨起来了——你看看论坛上的那些个帖子，点击量最高的，回复最多的不就是“最新XXX效果，附教程”之类的吗。一些人又说了：我们这不是一直追赶潮流吗？是啊，弄潮和追潮只有一字之差而已。

    好吧，就从论坛的热点帖子说起：之前有个帖子是关于Web2.0的Logo的，这个话题真是热得烫手。可惜的是，我在查找证据之后发现，许多所谓的“大公 司的新Web2.0风格Logo”其实是某些“好事者”所为。呵呵，不必失望，这些行为颇有点Web2.0的风格，况且，其中的有据可查的确实被采用的 Logo，有一小部分，也可以从这些版本中找到——你现在可以把你喜欢的样式直接推荐给产品影响全球数以万亿计客户量的大公司，影响它们，改变它们！你不 觉得Web2.0的可爱吗？

    换个角度来讲，很多公司在“Web1.0时代”没有改变它们的Logo，现在到了“Web2.0时代”为什么就都迫不及待的要改变Logo的设计呢？这除了说明Web2.0是“真正意义上的网络”以外，难道你还觉察不出“Web2.0的视觉设计”的重要吗？ 字串1

    我想说的是，你应该从这些真真假假的Logo中看出来，哪些才是真的符合Web2.0的标准而不被表象的那些所谓的渐变应该怎么拉，高光应该怎么做，影子 的参数是多少所迷惑。觉得有些难度是吧？我们的这几篇文章不是为了Web2.0而说Web2.0，只是想从“视觉进化”的规则中告诉你怎么来鉴别和找出 “真正的Web2.0风格”！

进化的概念 字串4

What’s the meaning of “Evolution”?

    很清楚，所谓“进化”，就是在原有“物种”的基础上向前进步。在英语中的“Evolution”也可以翻译成“演变”，但是我宁可用“进化”这个比较积极的词汇。 字串9

    对于视觉元素的进化，由来久矣。谈到这里，我不得不提到一个人，因为我在分析新Web2.0的Logo走向（趋势）时，好多的Logo源头都指向了他，上面那个图里面4个原有的logo，3个都是他设计的。他的名字是：保罗·兰德（Paul Rand　1914-1996）