网站设计与艺术的区别
2012-01-27 02:36
357 查看
一个好的网页设计远不止是做一个漂亮的网站,在我看来,美观要基于交互性用户界面,并且相对于实用性和用户体验来说,过多的装饰美化应退居次要地位。
一个好的设计就是要尽可能的确保用户交互自如,而不是单单只满足于艺术层面。
尽管设计和艺术之间的争辩并不是一个新的话题,新的CSS3以及JavaScript(特别是尖端网站开发的元素库,像JQuery)技术也已经很成熟了,并已经开始深入我们的生活。然而,这些新的性能,看起来像是经历了一场革命,却丝毫没有该改变我们对网页设计的一般处理方法。
设计和艺术发生冲突之处
艺术是一个囊括了很多问题地术语,世界上的任何事都可以称为“艺术”。艺术和设计之间的最主要的区别就是:设计被加入了很多限制条件。
每一位艺术家都可以把他们自己生活的世界看做是他们自身的延伸,但是设计师却没有这样的特权。作为设计师,我们的作品必须要有良好的交互性、高度的一致性并且要被很容易地接受。从这个层面上来说,艺术超越了设计。因为没有任何人希望听到有人说所有的艺术都应该是始终如一、遵循一定模式的。这将会是多么的荒谬!如果立体派艺术家设置了一定的规则结果会怎么样呢?我们的艺术馆将会索然无味,而且没有新意。
这就是设计:一种带有预定目标、特定模式、以及一致性的艺术,一种符合科学、具有逻辑性的艺术。
设计的确是受到限制的,UI设计师也的确需要在这些限制条件下来思考,并且超越它。你是一个设计师,而不是一位艺术家。如果你想得到完全的自由,并且希望你的创造力和你的作品之间没有摩擦的话,那么你错误地选择了工作领域错。
艺术家可以突发奇想的工作,逃避所谓的标准并反驳预期的目的。然而设计师就必须把这些都记住,并且遵守每一个指令。
市场推动力和趋势对设计师的影响远大于艺术家(包括一些名人的期望,像一些流行歌曲家和自由投稿的插画作家)。
在网页设计领域,有很多其他的因素需要考虑:网站的目的、品牌以及用户。这些预定目标构成了网页设计的每一个环节,但是艺术仍然和这些一点关系也没有。
设计与美学
另外一个很重要的区别就是设计与纯美学之间的差别。虽然所有的设计都包含了美学的因素(事实上,世界上的每一个事物都有着美学的一些形式),但有些设计就是比其他的好。
看看谷歌的主页(Google’ home page)
自从我们记得它起,谷歌就像现在这样了(除了稍微的改变)。它设计得很完美,因为它满足了该网站的用户。对于用户体验来说很不错,没有出现过冒失或令人不快的现象。谷歌把握住了设计和美学之间的差别。
“美学”这个词的意思很宽泛而且在不同的场合下意义也不同,而我在这里单单是指”视觉效果”这个意思。肤浅设计存在的目的就是为了美观。如果将视觉作为衡量标准,我们可以说大多数的艺术都百分百接近美学,(当然,这并不是坏事,视觉也同样可以有着重要的意义)但是谷歌却只有大约5%。你的浏览器默认的样式毫无美学价值可言(为0%)。
因此设计师必须记住:形式与功能要平衡。功能是网页的核心。我们在网页上所做的事情几乎都有目的和意义。我们每天都与网页设计打交道,好的网站往往在功能性上远远超过它的美观性。
以下就是一些设计,很少从视觉效果上下工夫,但却设计得非常好。
Delicious 在布局的平衡上就做得很棒。没有在视觉效果上陷得太深,但是却有很强大的信息管理能力。
Zen Habits的设计成分很少,但是主题和目的很一致。
CloudApp 比上面的网站有着更佳的视觉效果,但是它的设计却非常微妙。极简主义指引下,视觉上除了美观之外还有着其他很大的作用.并且充分运用了视觉外观设计,很好地体现了苹果的产品完特色。
这些网站也许不在你最喜欢的网页设计的范围内。它们看上去并不是很吸引人,或许不能给你思想上的启示。然而,这些却是它们真正应该做的:非常有逻辑地为用户提供工具和准确的信息,在你关掉它之后又会消失。这也便就是它们设计得好的地方。
设计的预定目标
用户期望中最重要的一项便是设计应该看起来就像一项设计。很明显,网页设计应该很容易让人分辨出它不是一件艺术作品。
看看下面来自Toyota的活动网站截屏:
当我第一次访问该网站时,我不知道它的目的是什么。在闲逛了一圈之后发现,它的目的应当是推广来自Toyota新技术,但是明显有很多更好方法。网站的用户期望值也因这种不好的用户界面立刻被削弱。
这些用户期望也便就定义了每一个网站的用户交互。比如,我们通常会把导航和logo放在网页的顶部;把搜索、社交媒体和网页表单以可预知的形式来处理。之所以这样,并非因为它是人类原本就有的期望,而是在设计过程中不断地被总结、强化出来的。设计本身也确实因次在不断的提升。
尽管有着明显的界限,艺术和设计却并不相互排斥。漂亮的网站同样也可以有很高的可用性,而且他们也可以很有目的性。网站在美观的基础上也同样可以做到清晰明确,富有逻辑性,保持着很高的可用性。但也明显会被技术、可接受性、可用性、网速等因素设定一些限制。
N.Design Studio.
设计的宗旨
艺术和设计的最明显的区分就是它们的宗旨。John O’ Nolan 在Webdesigner Depot中写到:
通常情况下,一件艺术作品创作的开始,都是虚无的,有的可能仅仅是一副空白画布。一件艺术作品,源于创作者发自内心深处的一个观点、一个感觉或一个思考片段。他们创造艺术是为了分享他们的感觉,让欣赏者去发散,从中悟到点什么,抑或得到一些这样那样的启发。
当今最最知名(或者说成功)的艺术作品,无一例外的,都在艺术家和观众之间建立了强大的情感纽带。
相反的,当设计师决定了去设计一个新的东西,他们通常已经有了一个明确的出发点,可能是一个消息、一个图像、一个想法或一个行动。在这一点上,我与O’Nolan有着不同的观点:艺术家,就像设计师一样,有时也会以一个信息、想法或者一个想要激发的行为开始。艺术和设计的每一项工作都有一个信息,但是每一个都有其不同的动机而已。
艺术不需要被人理解——不同的参观者对它的理解和解读不一样(O’Nolan 在他文章提到的另外一个观点,这个是我所同意的)。
确切的说,一项艺术作品创作过程并不是重要的;艺术家的艺术作品总是可修正扩充的。然而,设计却需要大众的理解。就像我之前说的,设计必须要保持一致。
那么,设计是不是被严格的限制了呢?当然不是。设计上所要求的一致性并不是美学,而是功能。这也就是为什么你设计的网页即便在不同的浏览器显示的不一样也没什么大不了的原因。艺术本身就是信息,然而网页设计是获得信息的途径,这才是所有的用户所在意的。
因此一个网站所要求的一致性并不是指在不同浏览器或媒介上。很少会有用户同时用Firefox和IE浏览器访问相同的网站,更不会因为之间的差异而大惊小怪。
从艺术进化到设计
如果在艺术界不受限制的创造性也同样被允许用在网页设计上,网页的外观应该很有趣。这明显不可能的。但是作为设计师,我们仍然有责任去创造很好的设计来达到用户的期望和网站的目的。
暂时忘记CSS3,忘记JQuery,返回到最开始。
下面有几点帮你将设计从艺术中区别开:
●平衡实用性和内容。尽管内容是先于设计的,但是不可用的内容是没必要的。
●按照标准规范及最佳范例写代。只有我们团结一致向前,我们的网页行业才会向前发展。
●尽管网页充满了限制性技术和注意事项,但是我们不能变得没有创意。实际上,只要推到并越过这些阻碍,我们将会比以前更具有创造力。
●尝试删减,保持页面简洁。
●设计简洁的页面,记住极简主义和简化主义。
●当你很好地掌握了设计的技能,尝试突破,试图设计得更好。
(翻译自http://sixrevisions.com The Difference Between Design and Art)
(本文出自iUX Blog,转载时请注明出处)
一个好的设计就是要尽可能的确保用户交互自如,而不是单单只满足于艺术层面。
尽管设计和艺术之间的争辩并不是一个新的话题,新的CSS3以及JavaScript(特别是尖端网站开发的元素库,像JQuery)技术也已经很成熟了,并已经开始深入我们的生活。然而,这些新的性能,看起来像是经历了一场革命,却丝毫没有该改变我们对网页设计的一般处理方法。
设计和艺术发生冲突之处
艺术是一个囊括了很多问题地术语,世界上的任何事都可以称为“艺术”。艺术和设计之间的最主要的区别就是:设计被加入了很多限制条件。
每一位艺术家都可以把他们自己生活的世界看做是他们自身的延伸,但是设计师却没有这样的特权。作为设计师,我们的作品必须要有良好的交互性、高度的一致性并且要被很容易地接受。从这个层面上来说,艺术超越了设计。因为没有任何人希望听到有人说所有的艺术都应该是始终如一、遵循一定模式的。这将会是多么的荒谬!如果立体派艺术家设置了一定的规则结果会怎么样呢?我们的艺术馆将会索然无味,而且没有新意。
这就是设计:一种带有预定目标、特定模式、以及一致性的艺术,一种符合科学、具有逻辑性的艺术。
设计的确是受到限制的,UI设计师也的确需要在这些限制条件下来思考,并且超越它。你是一个设计师,而不是一位艺术家。如果你想得到完全的自由,并且希望你的创造力和你的作品之间没有摩擦的话,那么你错误地选择了工作领域错。
艺术家可以突发奇想的工作,逃避所谓的标准并反驳预期的目的。然而设计师就必须把这些都记住,并且遵守每一个指令。
市场推动力和趋势对设计师的影响远大于艺术家(包括一些名人的期望,像一些流行歌曲家和自由投稿的插画作家)。
在网页设计领域,有很多其他的因素需要考虑:网站的目的、品牌以及用户。这些预定目标构成了网页设计的每一个环节,但是艺术仍然和这些一点关系也没有。
设计与美学
另外一个很重要的区别就是设计与纯美学之间的差别。虽然所有的设计都包含了美学的因素(事实上,世界上的每一个事物都有着美学的一些形式),但有些设计就是比其他的好。
看看谷歌的主页(Google’ home page)
自从我们记得它起,谷歌就像现在这样了(除了稍微的改变)。它设计得很完美,因为它满足了该网站的用户。对于用户体验来说很不错,没有出现过冒失或令人不快的现象。谷歌把握住了设计和美学之间的差别。
“美学”这个词的意思很宽泛而且在不同的场合下意义也不同,而我在这里单单是指”视觉效果”这个意思。肤浅设计存在的目的就是为了美观。如果将视觉作为衡量标准,我们可以说大多数的艺术都百分百接近美学,(当然,这并不是坏事,视觉也同样可以有着重要的意义)但是谷歌却只有大约5%。你的浏览器默认的样式毫无美学价值可言(为0%)。
因此设计师必须记住:形式与功能要平衡。功能是网页的核心。我们在网页上所做的事情几乎都有目的和意义。我们每天都与网页设计打交道,好的网站往往在功能性上远远超过它的美观性。
以下就是一些设计,很少从视觉效果上下工夫,但却设计得非常好。
Delicious 在布局的平衡上就做得很棒。没有在视觉效果上陷得太深,但是却有很强大的信息管理能力。
Zen Habits的设计成分很少,但是主题和目的很一致。
CloudApp 比上面的网站有着更佳的视觉效果,但是它的设计却非常微妙。极简主义指引下,视觉上除了美观之外还有着其他很大的作用.并且充分运用了视觉外观设计,很好地体现了苹果的产品完特色。
这些网站也许不在你最喜欢的网页设计的范围内。它们看上去并不是很吸引人,或许不能给你思想上的启示。然而,这些却是它们真正应该做的:非常有逻辑地为用户提供工具和准确的信息,在你关掉它之后又会消失。这也便就是它们设计得好的地方。
设计的预定目标
用户期望中最重要的一项便是设计应该看起来就像一项设计。很明显,网页设计应该很容易让人分辨出它不是一件艺术作品。
看看下面来自Toyota的活动网站截屏:
当我第一次访问该网站时,我不知道它的目的是什么。在闲逛了一圈之后发现,它的目的应当是推广来自Toyota新技术,但是明显有很多更好方法。网站的用户期望值也因这种不好的用户界面立刻被削弱。
这些用户期望也便就定义了每一个网站的用户交互。比如,我们通常会把导航和logo放在网页的顶部;把搜索、社交媒体和网页表单以可预知的形式来处理。之所以这样,并非因为它是人类原本就有的期望,而是在设计过程中不断地被总结、强化出来的。设计本身也确实因次在不断的提升。
尽管有着明显的界限,艺术和设计却并不相互排斥。漂亮的网站同样也可以有很高的可用性,而且他们也可以很有目的性。网站在美观的基础上也同样可以做到清晰明确,富有逻辑性,保持着很高的可用性。但也明显会被技术、可接受性、可用性、网速等因素设定一些限制。
N.Design Studio.
设计的宗旨
艺术和设计的最明显的区分就是它们的宗旨。John O’ Nolan 在Webdesigner Depot中写到:
通常情况下,一件艺术作品创作的开始,都是虚无的,有的可能仅仅是一副空白画布。一件艺术作品,源于创作者发自内心深处的一个观点、一个感觉或一个思考片段。他们创造艺术是为了分享他们的感觉,让欣赏者去发散,从中悟到点什么,抑或得到一些这样那样的启发。
当今最最知名(或者说成功)的艺术作品,无一例外的,都在艺术家和观众之间建立了强大的情感纽带。
相反的,当设计师决定了去设计一个新的东西,他们通常已经有了一个明确的出发点,可能是一个消息、一个图像、一个想法或一个行动。在这一点上,我与O’Nolan有着不同的观点:艺术家,就像设计师一样,有时也会以一个信息、想法或者一个想要激发的行为开始。艺术和设计的每一项工作都有一个信息,但是每一个都有其不同的动机而已。
艺术不需要被人理解——不同的参观者对它的理解和解读不一样(O’Nolan 在他文章提到的另外一个观点,这个是我所同意的)。
确切的说,一项艺术作品创作过程并不是重要的;艺术家的艺术作品总是可修正扩充的。然而,设计却需要大众的理解。就像我之前说的,设计必须要保持一致。
那么,设计是不是被严格的限制了呢?当然不是。设计上所要求的一致性并不是美学,而是功能。这也就是为什么你设计的网页即便在不同的浏览器显示的不一样也没什么大不了的原因。艺术本身就是信息,然而网页设计是获得信息的途径,这才是所有的用户所在意的。
因此一个网站所要求的一致性并不是指在不同浏览器或媒介上。很少会有用户同时用Firefox和IE浏览器访问相同的网站,更不会因为之间的差异而大惊小怪。
从艺术进化到设计
如果在艺术界不受限制的创造性也同样被允许用在网页设计上,网页的外观应该很有趣。这明显不可能的。但是作为设计师,我们仍然有责任去创造很好的设计来达到用户的期望和网站的目的。
暂时忘记CSS3,忘记JQuery,返回到最开始。
下面有几点帮你将设计从艺术中区别开:
●平衡实用性和内容。尽管内容是先于设计的,但是不可用的内容是没必要的。
●按照标准规范及最佳范例写代。只有我们团结一致向前,我们的网页行业才会向前发展。
●尽管网页充满了限制性技术和注意事项,但是我们不能变得没有创意。实际上,只要推到并越过这些阻碍,我们将会比以前更具有创造力。
●尝试删减,保持页面简洁。
●设计简洁的页面,记住极简主义和简化主义。
●当你很好地掌握了设计的技能,尝试突破,试图设计得更好。
(翻译自http://sixrevisions.com The Difference Between Design and Art)
(本文出自iUX Blog,转载时请注明出处)
相关文章推荐
- 国人走向世界的一个很好的艺术与设计网站
- 浅谈网站设计和网页设计的区别
- 国人走向世界的一个很好的艺术与设计网站
- 网站设计和网页设计的区别
- 做大的艺术 - 大型网站的架构设计
- 转:做大的艺术 - 大型网站的架构设计
- 做大的艺术 – 大型网站的架构设计
- 手机网站和电脑网站设计是需注意的区别
- 艺术和设计的区别
- 专业的收费艺术二维码设计网站
- 国内WEB设计资源、教程、素材、站长资讯交流类网站汇集
- 分享35个非常漂亮的单页网站设计案例
- 年度盛宴:2012年最佳25个响应式网站设计作品《上篇》
- 寻找网页设计灵感的27个最佳网站推荐
- 10个设计最经典的web2.0网站
- app和wap手机网站的区别在那里
- 游戏设计的艺术:一本透镜的书——第二十六章 团队以技术制作出游戏
- 眼前一亮!十八款新潮而又独特的网站Header设计
- 设计模式学习之策略模式和简单工厂模式的区别和联系
- 网站设计支离破碎:究竟是谁之过