打印

[观点] 每个网页设计者都自以为是

本主题由 System 于 2007-11-2 05:00 解除限时高亮
(一)垃圾还是经典
网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品,都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。网页设计者不管自己的学识、技术和经验如何,都自以为自己吊的不得了,这可能是源与商业设计自我意识体现的强烈主观因素。一个闭门造车者做出的东西,是远远赶不上综合借鉴者的。网页设计不同于其他艺术,在模仿加创新的网页设计领域当中,即便是完全自己设计的,也是沿用了人们已经认同的大部分用户习惯,而且这种沿袭的痕迹时非常的明显!还有那个设计者敢腆着脸说,这都是我自己的原创设计?对于业界来说,经典只是个理念和象征!

(二)国内网页设计环境
不可否认,国内网页设计环境目前还停留在初级的认知阶段,也就是说,绝大多数人不知道网络的真正的可用之处,你去做一个业务的时候,不得不去做大量的说服教育工作。以乙方的身份去说服甲方,以专业角度去教育非专业认识,结果是可想而知的。也正是这种全体社会普遍的低认知水平,导致了大量网络垃圾的产生。

举个简单的例子,看看“阿里巴巴”中文和英文两个版本的页面。中文版主色是橙色(与标志色统一),英文版是极不协调的蓝橙(具有很明显的生凑效果)。

为啥中文版是橙色,呵呵,不要以为哪是为了和标志统一,其实那时国内最常用的商业色。橙色代表什么?肉色,淫欲。商业是性质?贪婪、拜金。对于社会主义初级阶段群众的普遍思想来说,橙色就是最突出的体现,它不仅仅是网页首选商业色,它还体现了当今社会经济发展条件下的“浮躁”和“糜烂”,它还说明了“低认知水平”的国人,需要用这个刺激的颜色,去宣教引领他们被动接受。

为啥英文版是蓝橙?因为洋人已处于发达社会,他们首先需要的不是“宣教引领”,而是“功能”。一个弱化的界面更能强化显示功能,使人方便使用。较刺激热烈的颜色,会引起洋人的反感,所以用的浅蓝灰色。那么为什么又会出现极不协调的橙色捏?原因有二,一是要与标志颜色统一,二是中英文要有传承,所以出了这末个一半是火焰一半世海水的结果。

明白了吗?社会主义初级阶段界定了各行业都在一个初级阶段,这个初级阶段归根结底是由“经济发达水平”决定的。同样,决定网页设计的也是“经济发达水平”,而不是个人的设计水平和思想理念。

(三)什么是好的网页设计
(1)内容和功能决定表现形式和界面设计
常常拿到的任务是一张小纸条,上面两句话,叫你去做一个网站设计。有的人看看纸条就去设计页面了凭,凭两句话,你就可以为客户做一个页面设计,以我7、8年的设计经验,我都不敢去做,你真是我的偶像阿!

做网页设计,你需要了解客户的东西很多:
1、建站目的
2、栏目规划及每个栏目的表现形式及功能要求
3、主色、客户性别喜好、联系方式、旧版网址、偏好网址
4、根据行业和客户要求,那些要着重表现
5、是否分期建设、考虑后期的兼容性
6、客户是否有强烈的建站欲望
7、你是否能在精神意识上控制住客户
8、面对你未接触的技术知识,你有底吗?
等等...

当你把这些内容都了解清除了时候,你的大脑中就已经给这个网站有个全面而形象的定位了,这时才是有的放矢去做界面设计的时候了。

(2)界面弱化
一个好的界面设计它的界面时弱化的,它突出的是功能,着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。
要让访客在0.5内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一此的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣战展示性网站,诸如加特效的或Flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。

(3)模块化和可修改性强
模块化不仅可以提高重用性,也能统一网站风格,还可以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了,不再冗述。
,无论是架构还是模块或图片,都要考虑可修改性强。举个简单的例子,logo、按钮等,很多人喜欢制作图片,N个按钮就是N张图片。如果只做3-5类按钮的背景图片,然后用在网页代码里打上文字,那么修改起来就简单了,让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的,一般即能清晰又保证美观的字体字号有几类:
宋体 12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px | Arial Black 12px+ |


(4)创艺是可耻的,分析能力远比创艺来的重要
设计界动辄就大谈什么“创意”,我要说的是,还没有搞清目的意义内容,还没在技术制作上臻于完善的基础上班,用创艺和特效来迷惑客户和访客是可耻的。一个网也设计者的分析能力远比创艺来的重要。

(5)兼顾还是抛弃
CSS、XHTML、web2.0、Ajax等等山雨欲来,学习先进技术固然是有好处的,但对于目前国内普遍的低认知水平,决定了客户的需求和价格也是相当低的。之前,说到经济决定网也设计,所以有的时候,是不允许你做出更多的兼顾的,抛弃和放弃也是无奈之举。

(四)结尾,送上我的《简明网页设计理念》

(一)网页配色基本概念

(1)白纸黑字是永远的主题,谁都说不出不好来。

(2)网页最常用流行色

·兰色——蓝天白云,沉静整洁的颜色。
·绿色——绿白相间,雅致而有生气。
·橙色——活泼热烈,标准商业色调。
·暗红——宁重、严肃、高贵,需要配黑和灰来压制刺激的红色,

(3)颜色的忌讳

·忌脏——背景与文字内容对比不强烈,灰暗的背景令人沮丧!
·忌纯——艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。
·忌跳——再好看的颜色,也不能脱离整体。脱离群众是自取其辱!
·忌花——要有一种主色贯穿其中,主色并不时面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。
·忌粉——颜色浅固然显的干净,但如果对比过弱,整得苍白无力了,就象病夫一样无可救药。
·蓝色忌纯,绿色忌黄,红色忌艳。

(4)几种固定搭配

·白橙——蓝为主调。白底,蓝标题栏,橙色按钮或ICON做点缀。
·绿白兰——绿为主调。白底,绿标题栏,兰色或橙色按钮或ICON做点缀。
·白红——橙为主调。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀。
·暗红黑——暗红主调。黑或灰底,暗红标题栏,文字内容背景为浅灰色。

(二)网页设计理念

(1)内容决定形式
先把内容充实上,再分区块,再定色调,再处理细节。

(2)先整体,后局部,最后回归到整体。
全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。

(3)功能决定设计方向
·看网站的用途,决定设计思路.商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。

(三)如何快速高效的完成设计工作

(1)天下文章一大抄。
就看你会抄不会抄。抄的是道念,思想,局部精致的点缀。
在网上搜索同类网站,找几个顺眼的,用一个为基本兰图,把几个优点整和成自己的,这样最高效快捷,而且还出成果,能学到很多东西。

(2)上设计论坛,找参考资料。

[ 本帖最后由 daijianchun 于 2007-10-25 11:57 编辑 ]
本帖最近评分记录
  • webs2008 威望 +4 我很赞同 2007-10-25 13:02
经典!看透网页设计才能得出的真知   感谢分享  
网页和平面的差别  我觉得可以深入的讲讲
设计本来最重要的就是创意,但是网页设计更多的要注意用户体验。

对于网页配色基本概念这个小节,非常认同。
最后几段话才是本文真谛。。。表扬
厨房网  http://www.chufang.cn

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
认真 看完了 。   谢谢 楼主 受教了
老百姓都是猪和兔子,公务员都是鸭子 大师是乌龟!

TOP

哈哈,鼓掌!

如果楼主是在演讲的话,肯定是很精彩的。

部分观点与楼主差不多,只是没有那么深刻。

TOP

“创艺是可耻的,分析能力远比创艺来的重要?”

不敢苟同这句话

TOP

顶礼膜拜~~~~~~~~~~~~~~~~~

TOP

观点鲜明,喜欢你关于设计工作独到的观点.关于设计方面观点都差不多,有点老生常谈了~
好想睡觉~

TOP

如果中间穿插些你认为稍好的网页就比较好了。

赞同一部份观点!不过对于色彩每个人都人自己的理解。

(二)网页设计理念 下面的几点比较认同!!

TOP

引用:
原帖由 webs2008 于 2007-10-25 13:09 发表
设计本来最重要的就是创意,但是网页设计更多的要注意用户体验。

对于网页配色基本概念这个小节,非常认同。
你把我想说的话给说了 !
<a href="blueidea">蓝</a>

TOP

很好的观点,学习学习

TOP

好好充电阿
趁年轻埋头苦干  免来日仰慕求人!

TOP

受教了。。

文字有点“愤”

TOP

(1)天下文章一大抄。
就看你会抄不会抄。抄的是道念,思想,局部精致的点缀。
在网上搜索同类网站,找几个顺眼的,用一个为基本兰图,把几个优点整和成自己的,这样最高效快捷,而且还出成果,能学到很多东西。

太对了。。。深有体会
cms交流QQ群53230717

TOP

俺也认真看完了,很赞同某些观点

TOP

我翘首期盼我国的民众某天都能深入透彻的了解网站或叫网络是个什么玩意!理论上这天会到来!但好象我们等不到了!理论和现实之间的差别是永恒的!

所以!我坚信一点!为了生存!客户说好的网站就是好的站!否则就别想靠这个混饭吃!(老板~领导~你的上级也算你的客户!)

[ 本帖最后由 spaicn 于 2007-10-27 21:27 编辑 ]
感觉一瞬间
www.spaicn.com

TOP

我当时设计阿里巴巴英文站的时候,
是基于别的商业目的所以那样设计的,
楼主的理解有误
www.uistudio.cn

TOP

引用:
原帖由 uistudio 于 2007-10-27 21:27 发表
我当时设计阿里巴巴英文站的时候,
是基于别的商业目的所以那样设计的,
楼主的理解有误
阿里巴巴 的网站风格我一直很喜欢!国内的商业门户站中这个是做的最好的一个了!
我个人认为英文版本的配色是考虑到国外因素的!当时基本大多数国外站都用到过那个淡黄色!我不认为这个色和兰色有多不搭配!颜色没有标准!好看就成!第一眼看上去就很国际化!这个就到位了!
不敢苟同楼主观点!应该建议好好学学这个站的排版!http://www.alibaba.com/
感觉一瞬间
www.spaicn.com

TOP

引用:
原帖由 daijianchun 于 2007-10-25 11:52 发表
(三)什么是好的网页设计
(1)内容和功能决定表现形式和界面设计
常常拿到的任务是一张小纸条,上面两句话,叫你去做一个网站设计。有的人看看纸条就去设计页面了凭,凭两句话,你就可以为客户做一个页面设计,以我7、8年的设计经验,我都不敢去做,你真是我的偶像阿!
认真的看过了,很多观点我很赞同。
但是我要说一点,很多情况下,国内的网页设计师(经常被称为“美工”,我并不喜欢这个称呼)并没有太多的选择权。很多人应该都遇到过,当你希望多了解客户的需求的时候,客户只抛来几句话,多问客户就会嫌犯之后完全不理。很多客户并不理解设计师在询问你细节的时候是认真的表现,在他们看来,你听了她的简单描述后就应该设计出东西来。
包括很多公司也是如此,尤其以技术为主的公司,主管们也认为美工是个没有技术含量的工作,并不需要向做项目需求的那样去认真打理。

TOP

橙色是阳光之色!

可能大家看的角度不同,我本人一向都觉得橙色是阳光之色,动感用的就是橙色!如果话橙色是不健康之色,那么学生群体就有大问题了!
维基在成长,在改变,在完善,或许有一天您离不开它。蓝色理想维基

TOP

楼主说的很有道理。学习之中。

TOP

“每个网页设计者都自以为是”,LZ自己的文章很好的诠释了这句话

TOP

欣赏楼主的态度

TOP

受教了 感谢LZ
宽己之心宽人,责人之心责己-----天地宽矣!

TOP

  学习了..
角度不同..  理解不同

认同楼主的基本配色概念

TOP

楼主讲的简单扼要,干练的字句把国内的网页设计情况说得很透侧,但是对于“(二)国内网页设计环境”这段个人认为有些牵强,每个色彩有自身的诠释,但是在不同的环境、不同的搭配,意思会有很大区别,“肉色、淫欲、贪婪、拜金、浮躁、糜烂”让橙色来承担,不公平!
www.blovefeather.com

TOP

很精彩~

TOP

受教了
虽然有些观点不太赞成~
但总的来说作者的观点还是不错的!
支持下!

TOP

引用:
原帖由 daijianchun 于 2007-10-25 11:52 发表
举个简单的例子,看看“阿里巴巴”中文和英文两个版本的页面。中文版主色是橙色(与标志色统一),英文版是极不协调的蓝橙(具有很明显的生凑效果)。
我认为楼主的某些观点还是有问题的~你认蓝橙色不协调吗...我不是很赞同你的说法~
http://www.leopu.com

TOP