文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院网站建设源码精华Web2.0网站的视觉风格进化论(一)
精品推荐
特别推荐
·几种媒体文件(MediaPlayer,Realplay,QuickTime)的代码
·网页制作中九种用途特效按钮的代码
·对联式广告代码效果大全
·WEB编程开发常用的代码
·方法汇总 禁止查看网页源代码全攻略
·禁止查看网页源代码方法总结
·总结网页代码常用小技巧,网页制作必学
·做网页的一些技巧
·教你制作GBK与Unicode的对照表
·常用网页播放器代码
·42个网页设计小技巧
·网站设计和网站建设的65条原则
·网页背景设计技巧
·网站实时监控系统的设计与实现
·用ASP制作饼图、柱状图等
·太有创意了!看看这些让人称绝的404错误页面
·表格艺术经典回顾
·具有亲和力的表格
·滚动条特效代码收集
·whois信息查询大全
热点TOP10
·网页中的多媒体播放控制
·常用网页播放器代码
·编写简单的中文分词程序
·网页播放器代码全集及详细说明[精]
·网页在线播放器代码大全
·太有创意了!看看这些让人称绝的404错误页面
·三级菜单(通用版)
·QQ.COM的天气预报代码
·RegularExpressionValidator正则表达式验证电子邮件
·好用的轮播广告JavaScript源码
·Membership角色与权限管理
·十七款播放器的特点介绍 下载
·几种媒体文件(MediaPlayer,Realplay,QuickTime)的代码
·方法汇总 禁止查看网页源代码全攻略
·用PHP实现自己的搜索引擎
·总结网页代码常用小技巧,网页制作必学
·浮动对联广告---之左侧代码
·动态提示的下拉框
·拖动改变Table的列宽度
·blockquote标签应该怎样使用?

Web2.0网站的视觉风格进化论(一)

日期:2007年4月28日 作者: 查看:[大字体 中字体 小字体]


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

  引论

  什么是“风格”What is the "Style"?

  什么是“风格”? 汉语词典中说它是:一个时代、一个民族、一个流派或一个人的文艺作品所表现的主要的思想特点和艺术特点。
  简而言之,它应该包含 ①时代特色 ②思想特色 ③表现特色。在英文中,“风格”的对应词是“Style”(发音:时'代要),然而,“In Style”的意思译成中文是“有品味”。那么我们是不是把上面那句话也可以理解成为“一个有品味的设计师应该抓住今天的风格”呢?是了,如果作为一个设计师,连当下的风格都把握不住,又如何去创造或者引领未来的风格?

  风格的视觉组成元素

  既然我们是讨论 视觉风格,就应当了解一种特别的视觉风格到底是由哪些部分构成——我努力的想去找到一些前辈大师的言论来当外套,让我的论点显得更“优雅华丽”一些,但是很可惜的没有如愿。我只好把我的见解就这样“赤裸裸”的展现出来。
我仔细的回味了传统美术和设计史中对各阶段风格的描述,认为能反映一个“成熟的风格”的特征元素应该是以下四个方面:

  ① 色彩倾向:如同我在之前的一篇文章《关于时间和色彩的游戏》里面谈到的那样,色彩的规划在现代设计中的地位已经跃升到最高的地位。这一点我想各位都不会怀疑,即便是时隔久远,你也不会将“印象派风格”的色彩和“巴洛克风格”的色彩相混淆;或者说得简单点,你绝不会听到“可乐”想到绿色,而听到“雪碧”想到红色,这就是因为它们有不同的“色彩风格”。
  在后续的文章里,我们会一起来看看这些关于Web2.0视觉风格的特征元素,因为色彩一节比较特殊而重要,我决定将它放在最后来讲,因为我怕可能会越讲越长,让整个文章的结构打乱掉。(其实我准备给蓝色的说辞是:希望先发些相关的内容,看看点击量和关注程度来决定后续的内容。唉,蓝色是我遇到的最没有机心的人,是机心不是心机,没错。)
  写到这里我觉得我似乎在血液里也开始涌动着Web2.0的泡泡,它影响我的行文风格发生了些许小小的变化,不是吗?这就是潜移默化的进化过程。

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

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

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

  ③ 造型方法:作为一个艺术家,掌握多种艺术方法和找到合适的造型方法来完成自己的作品,恐怕是一生的追求。就像 毕加索(Pablo Picasso) 对着一头公牛 (Le Taureau)画七八遍一样,很多勤奋的人都在这么干。设计师也面对同样的问题,同样的题材可以有好多种表现的方法,你能想到有多少种,在于你的创造力;你能否找到合适表现你的题材的那种,在于你的判断和鉴赏力。想要成为一个优秀的设计师,就必须锻炼这两种力。现在你应该了解什么是一个“Powerful Design”了。
Web2.0应该从现有的造型方法中选择一个什么样的方式,或者派生,或者改良出一个怎样的造型方式来与众不同呢?我们的后续文章会慢慢告诉你。

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

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

  请关注我们这个话题,也欢迎积极发表你的观点和看法!
  我们会在后续的内容中和你一起展开Web2.0的全面进化活动!进入讨论组讨论。

(出处:清风网络学院






上一篇:培养色感的一些经验分享

下一篇:Web2.0 的视觉设计(中英文对照)

Web2.0网站的视觉风格进化论(一) 相关文章:
·震撼你的视觉 3D星空高清晰壁纸欣赏
·制作网站的步骤和方法
·Photoshop与Wacom数码板处理古典风格照片
·推荐!Windows Vista最新简约风格壁纸
·Vista主题完美风格包 5.0 正式版
·制作参考:韩国网站的几种典型配色方案
·黑客入侵指定网站的一些方法介绍
·关于新网站的搜索引擎优化草案
·网站的推广与策划 与如何建立一个网站?规划、宣传等
·加快速度 让Win XP搜索风格变成2000
Web2.0网站的视觉风格进化论(一) 相关软件:
·Vista 主题完美风格包 V5.1
·5000多个真彩WindowsXP风格的超酷图标
· 一个MP3下载站的全站程序
·QQ也苹果!黑调iPhone风格皮肤
·人际关系与处世风格
·现代风格的网页模板
·Twins 最新专辑《 进化论 》
·八种各异风格的日期
·外国风格商标矢量(2)
·视觉战机(Viewpoint)

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.vipcn.net
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.vipcn.net All Rights Reserved. 鄂ICP备05000083号Powered by:viphot