在线咨询
建站疑问
网站建设之设计之美
  • 天润顺腾
  • 2016-05-28
  • 711

前言

标题有点大,确切点说这里讨论的是“大型综合网站的设计之美”,区别于个人站点和一些SHOW类型的公司站点。

话题是前2天提到的关于站点设计的“美”的问题想到的。究竟对一个较大的综合性网站来说,如何的设计表现才算是得体、到位?如何才能算得上是一个“美”的站点?

本文分3个部分:
首先大致分析下各方面对设计(部门)的诉求是什么;
然后再回头看看,对于这些诉求,究竟什么才是“美”,和我们原本想象的有没有差别;
最后,结合目前实际,给出几条粗浅的见解,如何成就网站设计之美;

对美的需求
OK,设计之美,什么是设计之美呢?还是先从各方面对美的诉求开始简单看一下吧

·商业设计服务于商业目标
在所有的诉求之前,有一条商业设计基本定律,即一切商业设计服务于商业目标的诉求。这是最基本也是最核心的。但是说起来简单,理解执行彻底却不是那么容易。有的时候,对于一些问题,我们如果冷静下,回到初始状态来仔细想一想,我们为什么要(给一个站点/项目)做设计,就能得到答案了。

·内容之美
请问有多少访问GOOGLE的用户是为了欣赏它的美丽的?百度呢?FACEBOOK?SOHU?SINA?恐怕即使有也仅是很少的特别用户,例如设计师。这类站点吸引人的地方并不是它们的设计,它们不因为美而闻名。它们因为功能而受欢迎,因为新鲜的内容而受关注。这也是基本定律之一。没有人会仅仅为了吸收美丽的版面设计而常来TAOBAO或者口碑,用户来是因为站点满足了他们某方面的需求。当然,也存在那种很大程度上依赖外观来吸引人的产品,APPLE是一个神话,但那种创新的勇气和魄力绝对不是一般其他公司所能比的。

·视觉与情感
对访问者来说,在使用产品或者满足其需求的同时,如果能操作更简单、流程更顺利、视觉感受到的东西和当时内容表现的情感能相互烘托,而带来某种额外的满足或者心情的愉悦,那么,也可以看作是对美的一种潜在需求。

·效率之美
这点是从公司运行的层面来看的,即保证有限资源在流程中不成为项目的瓶颈,用最少的资源达到较优的效果。时间管理的培训中曾提到,往往花20%的时间就能完成80%的事情,而剩下的20%的事情,却要用80%的时间来完成。效率之美,在于它的过程,不影响整体流程进度、节省资源,同时也就能有更多的精力投入到更需要的、更重要的地方去(例如用户体验研究)。

什么是美
简单的(很可能是还不够全面的)了解了一下各个方面对美的诉求,让我们再回头看看,对一个大型综合类站点来说,究竟什么才是设计之美。

·简单or繁复
这个有点TO BE OR NOT TO BE的味道,简单呢?还是繁复?貌似很难回答。当把这个问题带到一个实际项目中去的时候,就更难客观把握。OK,我们刚刚了解过美的诉求,现在不妨带入这里看一下。第一条,不管简单还是繁复,应当以商业需求为目的。恩,不过貌似并没有解决问题,再看。第2条,需要显现出(这里没有使用“突出”这个词,因为这个动词往往被理解为“用设计上的着重表现手法使其明显”)内容和功能,并不一定要设计得很复杂,只要内容和功能能显现并被正确使用和理解就好了。再看第3条,在不影响内容和功能使用的基础上,能额外的带给用户情感的愉悦。最后,要开发、维护成本低。

看起来有矛盾的地方,但是基本还是很清楚的:
1、最基本的,站点的表现(叫设计也好,叫修饰也好),应该以能条理清晰的展现内容、准确无误的引导使用功能为准。

如果太过简陋,条理不清晰,糊在一起,则设计不够;如果设计成分,如标题栏背景、装饰图片等吸引了注意力,影响了对内容本身的注意,则设计太过。

2、在完成以上最基本的诉求之后,可以适当的点睛之笔来满足视觉和情感上的诉求。但是忌多忌滥忌喧兵夺主忌为了设计而设计。

一个页面,在1-2处以精致的图标或者小创意为着色点,可以极尽发挥,生动有趣、酷眩动人,不影响其他内容的理解和阅读,又让整个页面生动活泼、不失风味。但是千万不能说为了这里要好看,所以就生硬的找几个地方浓墨重彩。相反,修饰应该都是带有目的性的,为什么要修饰它,为什么要这么修饰,都是有讲究的。

3、有的时候,商业需求需要做一些特殊的调整,例如活动和专题类,或者一些需要强烈引导的地方,可以做适当的调整。但是要注意适度。

活动和专题是最简单直接的商业需求,对设计往往有特殊的不同要求,这里就是需要设计大力泼洒的地方,可以和主站有所不同。这时候就不应拘束,要放开手脚以取得特殊需求下的效果最大化。收就要收的严实、彻底、无缝可钻,放也要放的彻底、自如,这样才相得益彰。

4、优化流程和规范,提高适用和复用性,一方面满足了整站风格统一的需求,另外也满足了效率的诉求。

另外,无意中发现,上面说的几点貌似和现在的2。0设计风格相吻合,也许正是“理论联系实际”?~:)

·比美更美——体验与交互设计
设计之美,终究也只是“看起来很美”,比美更“美”的,是过程之美、交互之美。
就像人一样,外表只是表面,交互和体验就像一个人的言谈举止、待人接物。比外表更能打动人的,是内心。哪怕如上面所说,站点的设计成分减少到足够少,甚至简陋的少(像GOOGLE?)但是每一个链接、每一个点击、每一步操作都是经过缜密思考,让用户握着鼠标都觉得软绵绵的,心里飘然的柔软起来,那也是一种深刻的印象,就如同一个人的声音和气味,能给你更多的愉悦一样。那不是不能做到的,只是需要大量的努力罢了。

如何成就网站设计之美
上面说了什么是美,那么结合目前的情况,如何实现呢?

·在一切开始之前
中文在准确性上确实稍微欠缺,这条如果叫before all就更确切了。一方面,是在谈其他的之前,另一方面,它是基础,最重要的。

其实很简单一句话,一个臭鸡蛋,即使画上再漂亮的外壳,也依然是一个臭鸡蛋。
很多时候,设计都是从信息结构和页面框架圈定了之后开始的,而在做信息结构的时候,由于没有去考虑所谓“和谐、统一、美”的问题,往往就把设计圈在一个尴尬的境地。

在做设计之前,请完善站点的信息结构吧!出色的信息结构即使不加任何设计,也绝对很漂亮。一个糟糕的信息结构(商业需求会要求糟糕的信息结构吗?它为什么会存在呢?)即使用浓重的设计加以改善和弥补,也一定是会漏洞百出、矛盾不断的。图派公司作为深圳网站建设、网页设计、互动设计、动画设计、web程序开发及网络传播服务提供商。所以,虽然设计是用来解决问题的,但是它不是狗皮膏药,哪里都管的。遇到什么矛盾的东西都想通过设计来处理的方法是简单粗暴的。遇到这类问题的时候,除了看看设计上能否优化之外,信息结构方面是否已经优化清晰了呢?是否是因为信息结构的矛盾而导致了设计的问题?而就经验来看,信息结构的矛盾,往往都会带来逻辑上的漏洞,也就是说,线上产品的使用逻辑和线下积累的同类操作的逻辑是不同甚至抵触的。这对用户认知和体验的影响可想而知。

总之,它很重要,请不要把它和设计割裂开。

·一个点or每个点
上面其实已经稍微提及了这个问题。一个点or每个点。这个是我在看某个类似门户的页面的时候想到的问题。我看着那页面问自己,WHAT‘S THE POINT?WHAT DO U WANT TO SAY?呱啦呱啦呱啦呱啦~~~~它一直在说,但是SORRY,我真的不知道你在说什么。你满屏都是文字,每个标题栏颜色都很显眼,这很好理解,但是我该从哪里开始呢?哪里才是重点呢?下面的图可能能帮你理解我的意思

 

·给我内容!
让我看到我要的内容!让我顺畅的使用我要的功能!别遮蔽它们,别让它们陷在一堆浓重又无关的装饰图片里面找不着,被让他们的颜色那么刺眼,别让什么你认为很重要的东西打扰我,即使你有一堆我根本不想听的理由。而且,别让我思考,这2个看起来一样的东西到底该点哪一个,也别让我琢磨你那一句话里的那么多深刻含义!

·规范与开放
此规范非彼规范。并不是站点风格规范的问题。
规范,对一些我们无法控制和预知的内容,在信息结构的时候就要准备好相应的规范规则。尽量减少后期的维护成本,也避免人为犯错的几率。

另一方面,也现实中的情况一样,对于一些无法掌控的东西,宜疏不宜堵,如果我们无法改变世界,那就改变我们吧。改变我们的信息组织方式,更加开放灵活,不再那么呆板刻薄,无论10个中文字也好、100个中文也好、100个英文也好,都能显示的很好,那么撑开啊,变形啊,截断啊,隐藏啊,这些麻烦都不再存在。

例如:以前网页很多都是框架限定好的,局限性很大。但是BLOG呢,很自由,你爱写多长写多长,都不会出现变形,多长都可以接受,省去了很多麻烦。

·执行
最后,也是很重要的一点。无论如何,站点的统一、整齐都是最重要的。
所以无论用哪种方式、哪种风格,一定要能拍板,彻底的的执行,统一才有可能实现。现行方案即使有不足的地方,后期的修改需要经过大家讨论通过后再进行。如果一直等待一个完美方案的出现,那恐怕是永远也只有等着了。

网站建设之设计之美

前言

标题有点大,确切点说这里讨论的是“大型综合网站的设计之美”,区别于个人站点和一些SHOW类型的公司站点。

话题是前2天提到的关于站点设计的“美”的问题想到的。究竟对一个较大的综合性网站来说,如何的设计表现才算是得体、到位?如何才能算得上是一个“美”的站点?

本文分3个部分:
首先大致分析下各方面对设计(部门)的诉求是什么;
然后再回头看看,对于这些诉求,究竟什么才是“美”,和我们原本想象的有没有差别;
最后,结合目前实际,给出几条粗浅的见解,如何成就网站设计之美;

对美的需求
OK,设计之美,什么是设计之美呢?还是先从各方面对美的诉求开始简单看一下吧

·商业设计服务于商业目标
在所有的诉求之前,有一条商业设计基本定律,即一切商业设计服务于商业目标的诉求。这是最基本也是最核心的。但是说起来简单,理解执行彻底却不是那么容易。有的时候,对于一些问题,我们如果冷静下,回到初始状态来仔细想一想,我们为什么要(给一个站点/项目)做设计,就能得到答案了。

·内容之美
请问有多少访问GOOGLE的用户是为了欣赏它的美丽的?百度呢?FACEBOOK?SOHU?SINA?恐怕即使有也仅是很少的特别用户,例如设计师。这类站点吸引人的地方并不是它们的设计,它们不因为美而闻名。它们因为功能而受欢迎,因为新鲜的内容而受关注。这也是基本定律之一。没有人会仅仅为了吸收美丽的版面设计而常来TAOBAO或者口碑,用户来是因为站点满足了他们某方面的需求。当然,也存在那种很大程度上依赖外观来吸引人的产品,APPLE是一个神话,但那种创新的勇气和魄力绝对不是一般其他公司所能比的。

·视觉与情感
对访问者来说,在使用产品或者满足其需求的同时,如果能操作更简单、流程更顺利、视觉感受到的东西和当时内容表现的情感能相互烘托,而带来某种额外的满足或者心情的愉悦,那么,也可以看作是对美的一种潜在需求。

·效率之美
这点是从公司运行的层面来看的,即保证有限资源在流程中不成为项目的瓶颈,用最少的资源达到较优的效果。时间管理的培训中曾提到,往往花20%的时间就能完成80%的事情,而剩下的20%的事情,却要用80%的时间来完成。效率之美,在于它的过程,不影响整体流程进度、节省资源,同时也就能有更多的精力投入到更需要的、更重要的地方去(例如用户体验研究)。

什么是美
简单的(很可能是还不够全面的)了解了一下各个方面对美的诉求,让我们再回头看看,对一个大型综合类站点来说,究竟什么才是设计之美。

·简单or繁复
这个有点TO BE OR NOT TO BE的味道,简单呢?还是繁复?貌似很难回答。当把这个问题带到一个实际项目中去的时候,就更难客观把握。OK,我们刚刚了解过美的诉求,现在不妨带入这里看一下。第一条,不管简单还是繁复,应当以商业需求为目的。恩,不过貌似并没有解决问题,再看。第2条,需要显现出(这里没有使用“突出”这个词,因为这个动词往往被理解为“用设计上的着重表现手法使其明显”)内容和功能,并不一定要设计得很复杂,只要内容和功能能显现并被正确使用和理解就好了。再看第3条,在不影响内容和功能使用的基础上,能额外的带给用户情感的愉悦。最后,要开发、维护成本低。

看起来有矛盾的地方,但是基本还是很清楚的:
1、最基本的,站点的表现(叫设计也好,叫修饰也好),应该以能条理清晰的展现内容、准确无误的引导使用功能为准。

如果太过简陋,条理不清晰,糊在一起,则设计不够;如果设计成分,如标题栏背景、装饰图片等吸引了注意力,影响了对内容本身的注意,则设计太过。

2、在完成以上最基本的诉求之后,可以适当的点睛之笔来满足视觉和情感上的诉求。但是忌多忌滥忌喧兵夺主忌为了设计而设计。

一个页面,在1-2处以精致的图标或者小创意为着色点,可以极尽发挥,生动有趣、酷眩动人,不影响其他内容的理解和阅读,又让整个页面生动活泼、不失风味。但是千万不能说为了这里要好看,所以就生硬的找几个地方浓墨重彩。相反,修饰应该都是带有目的性的,为什么要修饰它,为什么要这么修饰,都是有讲究的。

3、有的时候,商业需求需要做一些特殊的调整,例如活动和专题类,或者一些需要强烈引导的地方,可以做适当的调整。但是要注意适度。

活动和专题是最简单直接的商业需求,对设计往往有特殊的不同要求,这里就是需要设计大力泼洒的地方,可以和主站有所不同。这时候就不应拘束,要放开手脚以取得特殊需求下的效果最大化。收就要收的严实、彻底、无缝可钻,放也要放的彻底、自如,这样才相得益彰。

4、优化流程和规范,提高适用和复用性,一方面满足了整站风格统一的需求,另外也满足了效率的诉求。

另外,无意中发现,上面说的几点貌似和现在的2。0设计风格相吻合,也许正是“理论联系实际”?~:)

·比美更美——体验与交互设计
设计之美,终究也只是“看起来很美”,比美更“美”的,是过程之美、交互之美。
就像人一样,外表只是表面,交互和体验就像一个人的言谈举止、待人接物。比外表更能打动人的,是内心。哪怕如上面所说,站点的设计成分减少到足够少,甚至简陋的少(像GOOGLE?)但是每一个链接、每一个点击、每一步操作都是经过缜密思考,让用户握着鼠标都觉得软绵绵的,心里飘然的柔软起来,那也是一种深刻的印象,就如同一个人的声音和气味,能给你更多的愉悦一样。那不是不能做到的,只是需要大量的努力罢了。

如何成就网站设计之美
上面说了什么是美,那么结合目前的情况,如何实现呢?

·在一切开始之前
中文在准确性上确实稍微欠缺,这条如果叫before all就更确切了。一方面,是在谈其他的之前,另一方面,它是基础,最重要的。

其实很简单一句话,一个臭鸡蛋,即使画上再漂亮的外壳,也依然是一个臭鸡蛋。
很多时候,设计都是从信息结构和页面框架圈定了之后开始的,而在做信息结构的时候,由于没有去考虑所谓“和谐、统一、美”的问题,往往就把设计圈在一个尴尬的境地。

在做设计之前,请完善站点的信息结构吧!出色的信息结构即使不加任何设计,也绝对很漂亮。一个糟糕的信息结构(商业需求会要求糟糕的信息结构吗?它为什么会存在呢?)即使用浓重的设计加以改善和弥补,也一定是会漏洞百出、矛盾不断的。图派公司作为深圳网站建设、网页设计、互动设计、动画设计、web程序开发及网络传播服务提供商。所以,虽然设计是用来解决问题的,但是它不是狗皮膏药,哪里都管的。遇到什么矛盾的东西都想通过设计来处理的方法是简单粗暴的。遇到这类问题的时候,除了看看设计上能否优化之外,信息结构方面是否已经优化清晰了呢?是否是因为信息结构的矛盾而导致了设计的问题?而就经验来看,信息结构的矛盾,往往都会带来逻辑上的漏洞,也就是说,线上产品的使用逻辑和线下积累的同类操作的逻辑是不同甚至抵触的。这对用户认知和体验的影响可想而知。

总之,它很重要,请不要把它和设计割裂开。

·一个点or每个点
上面其实已经稍微提及了这个问题。一个点or每个点。这个是我在看某个类似门户的页面的时候想到的问题。我看着那页面问自己,WHAT‘S THE POINT?WHAT DO U WANT TO SAY?呱啦呱啦呱啦呱啦~~~~它一直在说,但是SORRY,我真的不知道你在说什么。你满屏都是文字,每个标题栏颜色都很显眼,这很好理解,但是我该从哪里开始呢?哪里才是重点呢?下面的图可能能帮你理解我的意思

 

·给我内容!
让我看到我要的内容!让我顺畅的使用我要的功能!别遮蔽它们,别让它们陷在一堆浓重又无关的装饰图片里面找不着,被让他们的颜色那么刺眼,别让什么你认为很重要的东西打扰我,即使你有一堆我根本不想听的理由。而且,别让我思考,这2个看起来一样的东西到底该点哪一个,也别让我琢磨你那一句话里的那么多深刻含义!

·规范与开放
此规范非彼规范。并不是站点风格规范的问题。
规范,对一些我们无法控制和预知的内容,在信息结构的时候就要准备好相应的规范规则。尽量减少后期的维护成本,也避免人为犯错的几率。

另一方面,也现实中的情况一样,对于一些无法掌控的东西,宜疏不宜堵,如果我们无法改变世界,那就改变我们吧。改变我们的信息组织方式,更加开放灵活,不再那么呆板刻薄,无论10个中文字也好、100个中文也好、100个英文也好,都能显示的很好,那么撑开啊,变形啊,截断啊,隐藏啊,这些麻烦都不再存在。

例如:以前网页很多都是框架限定好的,局限性很大。但是BLOG呢,很自由,你爱写多长写多长,都不会出现变形,多长都可以接受,省去了很多麻烦。

·执行
最后,也是很重要的一点。无论如何,站点的统一、整齐都是最重要的。
所以无论用哪种方式、哪种风格,一定要能拍板,彻底的的执行,统一才有可能实现。现行方案即使有不足的地方,后期的修改需要经过大家讨论通过后再进行。如果一直等待一个完美方案的出现,那恐怕是永远也只有等着了。

Copyright 1998-2018 trst.cn
天润顺腾 © 2008-2018 京ICP备09108788号 发票申请
北京市海淀区远大路1号金源时代购物中心B区写字楼5H