当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 肤浅网页设计

心得技巧
设计字体:雅黑,Helvetica和Arial
社会化设计(social design)
设计灵感:61个最新的logo标志设计
网页交互设计:高度认知和低度认知
设计理论:矩形分布产生漂亮的视觉效果
网页设计:外观之美、排版之美和体验之美
设计参考:精美的网页页眉和页脚设计实例
交互设计:如何提高用户使用的流畅感
交互设计理论:描述眼动研究的作用
网页优化:浏览器的reflow优化理论
设计参考:优秀的网站首页Banner设计实例
专注设计细节:好的web设计更能体现产品的品质感
设计案例分享:阿里妈妈UED的博客换肤
用户体验设计:谈谈对交互设计的感受
iPhone设计:利用图形元素和屏幕交互设计
用户体验设计实例:优化策略
产品原型设计:锚点跳转与Title提示功能
用户研究:如何正视心理学
交互设计实例:赠送QQ秀商城流程优化
标识的好坏取决于所代表的行为和政策

心得技巧 中的 肤浅网页设计


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 90 ::
收藏到网摘: n/a

一直以来,我深信yahoo的网页设计是很棒的。但是,我的确说不出具体的理由,因为实在有太多的网站比它好看得多。我之所以觉得它好,是因为它是世界第一大站,它手下有无数世界级的设计师,这种设计是厚积薄发的结果。所以,对yahoo设计的认同,其实是一种对权威的盲目敬畏。我们的身边还有很多类似的网站。

当04,05年web标准化思想传入中国的时候,我开始真正关心网页的代码实现。而之前,完全是fireworks和photoshop在帮我做这些事情。随着认识的深入,发现原来网页设计可以这么轻盈优雅,自由灵活,这种想法从摈弃table布局开始。这个时候再看yahoo的网站,终于可以感受到它的精彩。

再晚些,ajax的引入,用户体验这个词开始在业内开始传播,web从业者又开始新的一轮头脑风暴,对web的理解从好看上升到好用这个层次来。这个时候再看yahoo,发现以前一些从来没有注意的细节,在无形中为我提供方便,而这些正是设计师们呕心沥血的设计。这个时候再回头想想以前对于yahoo的理解,其实是肤浅的。

到现在,对用户体验的认识其实还是肤浅的,虽然这个词像蛋炒饭一样平常了,但其实真正理解的人还很少。而我,甚至一直错误地认为它只是一种设计后的修饰工作。直到前些天,看到《用户体验的要素》提出的用户体验模型,将用户需求、功能、信息架构、视觉设计都归属到用户体验。这个时候,用户体验的概念才逐渐清晰。但同时,对网页设计认识的肤浅也暴露无遗。

图片应该更能说明问题:
The elements of user experience
图中我们可以看到,以前最被我们关心的视觉设计其实是位于最高层。而底层的用户需求、信息架构等才是根本。如果底层没有打好,再好看的网页也只是花架子。而这方面内容现在基本是空白,有的也只是一些零散的、不成熟的片断。更重要的是,这些内容有很大的差异性,不像web标准的理念,放之四海皆准。认识这些内容的存在,只是概念上的接受,别人的方法,也只能是一个参考。真正在实际中去迭代认识,还需要一个漫长的过程,否则只能是纸上谈兵。

与国外网页设计的差距,不管在哪方面,都是比较大的。但目前看来,最大的距离可能是在用户体验的底层。就是用户需求分析、信息架构这些内容。千鸟说和国外的差距大概有5年,你可能不同意,但是你看看Case Digital Web Redesign,看看人家2002年的水平,再对比你现在的水平,你会发现5年的差距是有道理的。