什么是web设计

所属分类: 网页制作 / 应用技巧 阅读数: 1570
收藏 0 赞 0 分享

原文:http://www.alistapart.com/articles/understandingwebdesign
作者:Jeffrey Zeldman 转载请注明原文和译者,谢谢!
在明白了我们的媒体之后我们能做出更好的设计. 然而在这种文化发展的较晚期, 还有很多人不明白什么是网页设计. 在他们中间, 我们能发现许多著名的商业和文化领袖, 还包括了一小部分资深的设计师 - 除非他的设计涉及到web.
一些不懂web设计的人仍然在创建网站, 或是管理web设计师和开发者. 另一些不懂web设计的人仍然代表着除我们之外的人的评估 "专业的" 指责我们. 这些人至少知道要发出更多声音, 他们发起指责, 摔门而去, 然后把钱丢进完全错误的人和事情中.
如果我们想要更好的位置, 更好的工作, 见多识广的用户, 那就必须从我们自己开始接受相关教育. 比起建筑更喜欢房地产
如果你不懂什么是web, 那也很难明白是什么是web设计. 当被要求作说明的人也不得其要领, 又或是牵强的用一些他们知道的商业理由, 强调着barnumesque的辉煌.
新闻媒体也常常误解. 太多互联网新闻都只想着牟利, 而很少涵盖真正的艺术和想法. 驱使着编辑, 迫于出版商担心的是投放广告者, 甚至是那些明白web的记者, 他们却用他们大部分的时间写关于交易和竞标者. 很多人在这么做, 甚至他们发出的声明是那么明显的自私与可笑, 就好象 Zuckerberg定律 (http://valleywag.com/tech/valleyspeak/zuckerbergs-law-once-every-hundred-years-media-changes-320289.php)
这并不是说Zuckerberg的不是什么新闻; 也不是说这件事那些记者不该写. 但是只关注商业而忽略其他所有一切的行为就好像是只报道房地产消息而忽略了建筑学.
同样令人厌烦的是只说消息的单一面, 他们告诉我们: 1994年, 互联网是不可思议的,狂热的. 1999年, 互联网是一个王者. 2001年, 互联网泡沫崩溃. 2002年, 民间新闻发现了blog. 2004年, CNN上的游客在博客上分析平民记者如何重塑新闻和民主将决定谁能赢取当年的总统大选. 我忘记了这是如何出现的了.
当荒谬的预言荒谬死亡时, 编辑部里没有人辞职, 他们只是放了一条新的线到水里 - 就好象做推销的换了一个口号一样. 经过数十年的新闻商业化, 有那么多优秀的播报员仍然存在, 但是却鲜少有人敢在公众面前阐述事实的真相. 有时候你甚至能听见在他下面有怪叫和起哄. 不断循环的自利心
新闻媒体不是唯一犯错的, 专业协会每天都在犯错, 并且每年都会为他们犯的错举行一次周年庆. 每年,广告和设计杂志与专业机构会举行 "新媒体设计" 的竞赛, 由去年的获胜者做出判定. 他们称之为 "新媒体设计" 的东西会告诉我们所有的东西(设计趋势), 而不会约束他们 (获胜者).
虽然会有些例外, 但是绝大多数获胜者都会把web作为一个用户被动接受Flash和视频内容的广告和市场竞争的媒介. 对于活跃的用户来说, 这是种游戏. 但是对于你我, 活跃的网页应用可能就仅限于点击 "Digg this page" 的按钮了.
那些获胜的网站的截图被神话般的罗列在光鲜的设计年鉴上. 当胜利者变成决定者, 他们会奖励那些和自己设计类似的网站. 因此网站行为变得像电视一样, 被认为好的就会被不断的生产出来, 然后这一代的用户和艺术主管就会认为这种方式就是web设计的一块大蛋糕. 设计评论家也犯错了
在平面印刷物上如鱼得水的人们并不一定会在web上表现出他们的睿智. 他们评论的才能, 完全的发挥在字距调整的斗争中, 视我们专业的困难为无物.
那些未经世故的家伙为我们使用的难看的字体而感到悲哀. 他们会大声的惊叹, 我们怎么能够在一个不能对每一个视觉元素进行绝对控制的领域里乐此不疲. 他们背地里会怀疑我们到底是不是真正的设计师. (他们怀疑我们不是.) 这些就是入门者,设计系学生或是未来的评论家. 对他们的观点感兴趣的主要是他们的教授, 并希望他们能有一个这样的(观点).
资历较深的评论家明白web不是平面印刷物,各种设计的局限性是不同的. 然而这些理论家们会不时的屈服于一些不合理的对比. (我曾经也这样, 虽然是很久以前,严格的让人发笑.) 这些评论家们呐喊着: web设计的杰作在哪里呢? Google Maps可能对于我们的年龄来说就像是Leonardo的蒙娜丽莎一样. 在不同的领域同样的辉煌. 这作为一个答案能让我们中的大部分人感到满意, 但是对于寻找关注于平行领域的设计评论家来说,这个答案是没办法让他们满意的. 喔! 我不知道, 让我们就说是 Glaser的图标 和 Bob Dylan的海报吧... 印刷, 建筑学和web设计
这问题在于: web设计,虽然使用的平面设计和插图的原理,但是并不完全适合它们. 如果一定要把web同其他的媒体进行比较, 那么印刷会是个好选择. 对于web设计, 就像一个字体, 是为其他人表述的环境. 等一下我会告诉你那个网站设计的相识Helvetica.
建筑学 (那种利用钢,玻璃和石材) 也是种比较切题的类比对象 - 或者说至少, 比海报设计更切题. 建筑师构建设计图和图表来方便具动态行为的人, 设计过后, 建筑师放弃了控制. 随着时间的流逝, 使用这座建筑物的人们开始说出并主观的为建筑师的设计增加含义. (马后炮)
当然, 所有的对比生来都是粗糙的. 什么是电视传播上的 "London Calling" ? 谁是汽车设计的Jane Austen? 蝴蝶夫人并不会因为因为没有汽车追逐而不美丽, 花生酱也不会因为它不会跳舞而变得不好吃. 那么,什么是web设计呢?
web设计不是图书设计, 也不是海报设计, 它不是插图, 而这些学科的最高成就也不是web设计要达成的目标. 尽管网站可以运载游戏或视频的系统, 那些系统看起来也很有意思, 但是这些网站只是游戏设计或是视频故事的榜样, 而不是web设计的. 那么, 什么是web设计?
Web设计是建立在在数字化环境下促进和鼓励人类行为的创造物, 它反映或适合个体的表达和满足, 并且总是保持他们自身的特性而随着时间平和的变化.
让我们带着强调的重复一下:
Web设计是建立在在数字化环境下促进和鼓励人类行为的创造物, 它反映或适合个体的表达和满足, 并且总是保持他们自身的特性而随着时间平和的变化. 她越来越美丽
伟大的web设计就像伟大的字体一样: 有一些, 就像"Rosewood", 不管被应用到什么内容上都会像被强加了人格一样. 另外的, 就像"Helvetica", 逐渐的融入到背景中(或是试图去), 如同魔法般的支持所有内容不论他们的状况怎样. (我们今后可以讨论下Helvetica是否真的像是中性水一样.)
什么样的web设计就像这样?(Helvetica) 举例来说, Douglas Bowman的白色 "Minima" blog布局, 被数百万的作者使用着 - 而且它感觉就像是他们个性化的设计. 这就是伟大的设计.
伟大的Web设计就像是伟大的建筑物. 所有的写字楼, 不管多么与众不同, 它还是有大厅, 有盥洗室, 有楼梯. 网站也是一样, 需要一些公共的特性.
虽然,一个伟大的站点设计是完完全全个体化的, 但是它还是有很大一部分功能是和其它网站一样的. 伟大的杂志报纸布局也同样符合这个定律, 就算与老一套的杂志和报纸布局有上百细节的差异. 很少会有称赞伟大的杂志布局的, 但是数百万人有意无意的接受了它们, 没有人会为它们不是海报而感到悲伤.
那些没有经验的或是不够深思的设计师总是抱怨有太多的网站用栅格, 太多的网站用纵列, 太多的网站像箱子一样四四方方. 他们从1995年就开始努力的避免四四方方, 当有偶尔成功的时候, 它们往往只是表现在审美观上, 却在可用性上有相当的悲惨.
有经验的web设计师, 就像是才华横溢的报纸艺术总编, 同意她从事的许多项目都有页首, 纵列和页脚部分. 她的工作不是展现的大众化而怨声载道, 而是用这些大众化的布局创造出与众不同的, 自然的, 又适合主题的, 精致而令人难忘的, 安静的却又分明是动人的页面来.
如果她达成了所有的这些细节, 那她的作品将会是非常美丽的. 不是所有人都会欣赏这样的美丽, 因为也不是所有人都懂得web设计. 然后, 让我们不再为web设计而哭泣, 继而转向那些看不到这样的美丽的那些人.
更多精彩内容其他人还在看

更受欢迎 更具创造性的深底色网页设计实例

最新的调查表示,47%的受访者首选浅底色的设计, 主要原因是基于可读性。大多数人不喜欢阅读深色背景上的亮色文字,那样眼睛容易疲劳从而导致不适的阅读体验。
收藏 0 赞 0 分享

有创意的关于我们网页页面设计

本文收集了一些“关于我们”网页页面,60个漂亮的有效果的对用户非常友好的关于我们页面的设计实例。希望你能从中获得设计灵感。
收藏 0 赞 0 分享

整洁漂亮的网页设计的4项原则

我最喜欢的设计书籍之一就是《Robin Williams Design Workshop》.它深入实际的设计理论,并且包含许多极棒的设计实例。其中一个值得关注的地方就是4项主要的设计原则,它们已经在设计中为我所用。这4项原则就是:反差, 重复, 排列, 和分类。
收藏 0 赞 0 分享

设计参考 WordPress建站成功案例

最近国外有个牛人收集了 16 个专门收集 wordpress 精彩建站案例的网站,对于每一个 wordpress 迷来说,这都是一份大礼。
收藏 0 赞 0 分享

新闻风格网站设计实例25个

杂志和新闻风格设计越来越流行了。像Wordpress之类的内容管理系统对此类网站有比较多的模板选择,可以让普通的站长或博主轻松实现一个很像新闻网站的网站。在本文中,我们将推荐25个可以为你提供灵感的杂志风格网站设计。
收藏 0 赞 0 分享

网页文字设计应该像聪明女孩穿衣服

  这世上“没有丑女人,只有懒女人”这是女人美丽圣经里的最精彩的一句话了,一个女人只要舍得花时间琢磨怎么保养,怎么打扮,总能够找到方法展现自己美丽的一面的。界面设计何尝不是如此?那就让我们来看看聪明女人的穿衣之道里有没有什么做设计可以借鉴的地方
收藏 0 赞 0 分享

怎样设计网页?怎样制作网页?

  在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。   其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓“功夫在诗外”
收藏 0 赞 0 分享

网页可读性提高的几个方法

1. 使用对比色 (Use contrasting colours). 这里说的对比是文字的颜色和背景色的对比。这样用户可以比较容易的看清文字,减少阅读疲劳。有视力障碍的人可能看不清楚低对比度的文字。可以去Vischeck这个网站可以看看你的网站在色弱(或色盲)用户眼中的样子。
收藏 0 赞 0 分享

网页设计心得:页面布局的简单规则

·重复:在整个站点中重复实现某些页面设计风格。   重复的成分可能是某种字体、标题logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。   颜色作为重复成分也很有用:为所有标题设置某种颜色,或者在标题背后使用精细的背景。 &middo
收藏 0 赞 0 分享

网页设计人员应该注意的43个Web设计错误

这是一篇关于网站易用性的文章,作者以亲身体会讲述了43条网站设计中常犯的错误,而无疑这些错误会大大影响网站的可用性。如今网站易用性已成为一种趋势,但纵观国内的各大网站,似乎易用性并未成为设计者们广泛理解的概念, 因此希望这篇文章对大家能有作用。 1. 用户必须
收藏 0 赞 0 分享
查看更多