网站设计65条原则 .txt

很多大型网站的策划文档

（来源：视觉中国　作者：shaun_au翻译 原作者：凯文·埃尔基德　　发表时间：2002-08-24 09:08:03） 点击：1805 

简介： 
…… 



　　大家是否有这么一种感觉，就是从前那些你自己能够欣喜得发现一个原汁原味的优秀网站的好日子似乎一去不复反了？我不是说现在的网页该做的已经都做了，该想到的也已经想过了，有创造性的网站已经不存在了。应该说这样的网站还有，但象这样的原创网站是越来越难发现了。 

　　互联网的一个好处就是让全世界的设计师们能够互相交流探讨设计理念。一个不好的地方是这种先进的全球通讯工具会使一些流行的网站影响到其它网页设计师的创造性上。我不太清楚现在的设计师们是不是觉得设计风格和趋势是一种“时髦”而去追随，或者是因为这些设计师见得太多了，因而下意识的在他们的创造性思维里面深深得留下了一种预先设定好了的设计风格。 

　　网页设计中的这种“趋势”应该说是上面两种风气的共同作用之后的结果。很不幸的是我相信绝大多数网页设计师，尤其是那些年青的，易受感染类型的喜欢把那些受到设计界好评和知名度的网页看作成一种成功设计的衡量标准。一个绝好的例子就是 http://www.2advanced.com/. (译者注：我们就叫它“太先进网页”吧)这大概是迄今为止世界上最多次被效仿的网页了。我可以说我在网上已经碰到了不知道网页纷纷效仿这种设计风格。快速动感的FLASH动画，清脆的音响效果似乎已经不知道被挪用过多次了。现状是，这种抄袭已经是家常便饭了，以至于我们可以把这种现象叫做“太先进的网页设计风格”了， 2advanced style of Web design。 

　　还有一种类型的影响是 http://www.egomedia.com/(自我媒体). 自打Ego Media 启动了它们的网页之后的几星期之内，各个设计公司开始纷纷效仿那种2D矢量视频动画。网站启动占据整个显示器屏幕的效果自从那网页启动后也突然变的那么的时髦起来。我一直很呐闷人们是否会静下来好好想想虽然这些设计风格，技术细节对于“自我媒体”来说很合适，但这种全屏幕，矢量视频动画风格也许并不适用你老家的那个律师事务所的主页。 

　　这大概就是设计趋向的最大问题了：扼杀了原创。象EGO那样的有才华的设计事务所经常赢得设计奖，很多网页设计师便想当然的认为EGO的解决问题的方法也一定适用他们自己的下一个设计项目。甚至很多大型的设计事务所也跟随潮流，掉入这种陷阱。我曾经亲眼目睹大型设计事务所点名要求把一个眼下流行的网页设计风格“套”到下一个设计项目上去。 

　　我当然不反对设计趋向，向优秀的学习是提高自己的捷径。我只是担心网页设计风格的停滞不前。大型的网上购物网页一般使用比较特殊的导航系统，当然很快这种系统便被效仿了。 

　　举个例子，http://www.amazon.com/(美国一个很大的网上书店)。 他们广泛使用了索引片(tab)式的导航系统，这大概是世界上被效仿最多的导航系统了。当然很大人会说这是一个成功的站内导航设计。因为这种系统对于用户来说很方便，当然互联网对于众多用户来说也变的容易了。虽然我完全站在使用性立场上的，但我不同意索引片(tab)是唯一的方便用户的导航系统的观点。坦白说，这些被效仿无数次的索引片(tab)式的导航系统已经变得很庸俗了。 

　　搞一个网页设计趋向的画廊是一个不错的注意。等我有空了我真得很想搞一个。当然里面少不了“太先进新风格派”和“自我媒体的橙色时期”。它将会是一个大仓库，一个包罗万象的仓库。里面收集了过去已经不时兴的，正在时兴的和将要时兴的。如果里面有一个能让艺术史学家收编我们设计师的这些昙花一现的创造性火花当然就更好。 

关于凯文 埃尔基德(采访) 

谈谈你自己的公司和工作对象 

我是一个自己雇用，兼职的网页设计师。我在家工作，住在加拿大安大略省得阿姆斯特堡市。我创作室的主页是 http://www.airgid.com/

谈谈你的职业 

我毕业于西安大略大学。我对于设计财富500家公司网页有很丰富的经验。我为西门子，丰田，贝尔，通用动力等等公司设计了很多多媒体产品 

我的作品获得了很多全国性的设计奖。而且被macromedia选入FLASH的展示窗。在搞兼职设计的同时，我也在为好几本FLASH设计书纂稿如：Using Flash 5(FLASH 5 的使用)， Flash 99% Good: A Macromedia Flash Usablility Guide(Flash 99% 可行的：FLASH 使用性指南) 

你为什么选择走自己的路？ 

在为大大小小设计事务所工作多年之后，我觉得是自己另立门户的时候了。自从我开始兼职网页设计，我发现了这比做全职更有意思，项目选择，经营收入都很不错，一举两得。 

你怎么看待网页设计在潜移默化广播媒体？ 

关于网页设计在传播媒体上起的作用。 你不觉得现在的美术指导们把FLASH的动画技术照搬到广播视频效果上去，以至于现在看电视有时候都觉得是在看FLASH动画(译者注；我更觉得是传播媒体上的动画效果影响了FLASH动画的创作)。一个让人感到很郁闷的事情是看着创意总监在电视屏幕上看我搞的FLASH动画！能够看到一个全国性的广告设计在很大程度上受到了FLASH的动画影响的确是让人感到欣慰。 


注：文章翻译自communication arts网站http://www.designinteract.com/ 

原文如下： 
http://www.designinteract.com/insights/060502/ 
1.倒置 2.舒展 3.收缩 4.换色 5.放大 6.缩小 7.成圆形 8.成方形 9拉长 10.缩短 11.使之可见 12.尽力挖掘 13.运用语言 14.运用音乐 15.结合语言和音乐 16.结合语言.音乐.图象 17.结合图象.音乐 18.除去语言 19.除去图象 20.使之安静.重复 21.使之立体 22.使之平面 23.改变部件
24.变形 25.成套 26.使之成为收藏家的列物 27.以订购方式销售 28.只以订购方式销售 29.使之活泼 30.机械化 31.电化 32.使运动 33.使颠倒 34.使之貌 35.给予结构 36.别物 37.使之浪漫
38.加入怀乡的吸引力 39.使之看似怀旧 40.使之看似未来 41.使之成为另一物的一部分 42.使之更强大 43.使之更精久耐用 44.运用象征记号 45.现实 46.采用新的艺术风格 47.换成摄影 48.换成图景 49.换成铅字体 50.用图注叙述情节 51.使广告看似社论 52.似社论看广告 53.采用新的广告媒介 54.发明新的广告媒介 55.加热 56.冷却 57.天加香味 58.改变香味 59.除去气味 60.使之吸引小孩 61.使之吸引妇女 62.使之吸引男子 63.降价 64.提价 65.改变成分 66.添加新成分 67.扭曲 68.使透明 69.使不透明 70.用一种不同的背景 71.用一种不同的环境 72.使之勉力 73.运用光学效果 74.采用另一种材料 75.加入人情味 76.改变一致性 77.放入另一个容器 78.改变包装 79.使包装紧密 80.微缩 81.放至最大 82.消去 83.使之便携 84.走极端 85.使之折叠 86.使之夏季化 
87.使之冬季化 88.使之个性化 89.变暗 90.照亮 91.使灼热 92.使闪烁 93.使发光 94.使最亮 95.带微光 96.加重 97.减轻 98.与促销联系 99.举办竞赛 100.举办类似赛马的赌赛 101.做成“低幼”型 102.使成长 103.分裂 104.轻描淡写 105.夸张扩大 106.当成代用品销售 107.找到新用途 108.扣除 109.划分 110.结合 111.用显 易见的方法 112.从新组合各元素 113.压低 114.抬高 115.分开 116.混合 117.翻译118.加速 119.减速 120.使飞翔 121.使漂浮 122.使滚动 123.使粉碎 124.切片 125.加入性感 126.凝缩 127.弯曲 128.配对 129.倾叙 130.悬吊 131.挺立 132.内侧外翻 133.偏向一侧 134.编织 135.使对称 136.使对称 137.戴面具 138.分隔 139.使相互对抗 140.使之锋利 141.改变外形轮廓 142.围起来 143.点燃 144.卷起 145.注入 146.倒立 147.打开 148.拼错 149.取绰号 150.封位 151.转移 152.包装 153.浓缩 154.散播 155.交替 156.固化 157.液化 158.胶化 159.软化 160.硬化 161.气化 162.变窄 163.变宽 164.使滑稽 165.使尖刻 166.用短拷贝（短镜头）167.用长镜头 168.附说明书 169.找到第2种用法 170.预先构想 171.成套出售 172.净化 173.除去有害成分 174.使之更营养 175.放入瓶中 176.放入盒中 177.放入罐中 178.放入壶中 179.放入锅中 180.严密 181.叠好 182.摊开 183.延长 184.免费提供 185.有偿提供 186.特别提供 187.给予安慰 188.提供保护 189.用不同质地 190.甜化 191.酸化 192.湿化 193.干化 194.泼水 195.冰冻 196.规划 197.使之平淡温和 198.使之富有刺激 199.简化 200.吟咏

色彩本身是没有灵魂的，它只是一种物理现象，但人们却能感受到色彩的情感，这是因为人们长期生活在一个色彩的世界中，积累着许多视觉经验，一旦知觉经验与外来色彩刺激发生一定的呼应时，就会在人的心理上引出某种情绪。 
　　无论有彩色的色还是无彩色的色，都有自己的表情特征。每一种色相，当它的纯度和明度发生变化，或者处于不同的颜色搭配关系时，颜色的表情也就随之变化了。因此，要想说出各种颜色的表情特征，就想要说出世界上每个人的性格特征那样困难，然而对典型的性格作些描述，总还是有趣并可能的。 
　　红色 红色是强有力的色彩，是热烈、冲动的色彩。约翰?伊顿教授描绘了受不同色彩刺激的红色。他说：在深红的底子上，红色平静下来，热度在熄灭着；在蓝绿色底子上，红色就像炽烈燃烧的火焰；在黄绿色底子上，红色变成一种冒失的、莽撞的闯入者，激烈而又寻常；在橙色的底子上，红色似乎被郁积着，暗淡而无生命，好像焦干了似的。 
　　橙色 橙色的波长仅次于红色，因此它也具有长波长导致的特征：使脉搏加速，并有温度升高的感受。橙色是十分活泼的光辉色彩，是暖色系中最温暖的色彩，它使我们联想到金色的秋天，丰硕的果实，因此是一种富足的、快乐而幸福的色彩。 
　　橙色稍稍混入黑色 或白色 ，会成为一种稳重、含蓄有明快的暖色，但混入较多的黑色后 ，就成为一种烧焦的色，橙色中加入较多的白色会带有一种甜腻的味道 。橙色与蓝色的搭配，构成了最响亮、最欢快的色彩。 
　　黄色 黄色是亮度最高的色，在高明度下能够保持很强的纯度。黄色的灿烂、辉煌，有着太阳般的光辉，因此象征着照亮黑暗的智慧之光；黄色有着金色的光芒，因此又象征着财富和权利，它是骄傲的色彩。黑色或紫色的衬托可以使黄色达到力量无限扩大的强度。白色是吞没黄色的色彩，淡淡的粉红色也可以像美丽的少女一样将黄色这骄傲的王子征服。 
　　黄色最不能承受黑色或白色的侵蚀，这两个色只要稍微的渗入，黄色即刻失去光辉。 
　　绿色 鲜艳的绿色非常美丽，优雅，特别是用现代化学技术技术创造的最纯的绿色，是很漂亮的的色。绿色很宽容、大度，无论蓝色还是黄色的渗入，仍旧十分美丽。黄绿色单纯，年青；蓝绿色清秀、豁达。含灰的绿色，也是一种宁静、平和的色彩，就像暮色中的森林或晨雾中的田野那样。 
　　蓝色 蓝色是博大的色彩，天空和大海着最辽阔的景色都呈蔚蓝色，无论深蓝色还是淡蓝色，都会使我们联想到无垠的宇宙或流动的大气，因此，蓝色也是永恒的象征。蓝色是最冷的色，使人们联想到冰川上的蓝色投影。蓝色在纯净的情况下并不代表感情上的冷漠，它只不过代表一种平静、理智与纯净而已。真正令人的情感缩到冷酷悲哀的色，是那些被弄混浊的蓝色。 
　　紫色 波长最短的可见光是紫色波。通常，我们会觉得有很多紫色，因为红色加少许蓝色或蓝色加少许红色都会明显地呈紫味。所以很难确定标准的紫色。约翰?伊顿对紫色做过这样的描述：紫色是非知觉的色，神秘，给人印象深刻，有时给人以压迫感，并且因对比的不同，时而富有威胁性，时而又富有鼓舞性。当紫色以色域出现时，便可能明显产生恐怖感，在倾向于紫红色时更是如此。歌德说：“这类色光投射到一副景色上，就暗示着世界末日的恐怖。” 
　　紫色时象征虔诚的色相，当紫色深化暗化时，有时蒙昧迷信的象征。潜伏的大灾难就常从暗紫色中突然爆发出来，一旦紫色被淡化，当光明与理解照亮了蒙昧的虔诚之色时，优美可爱的晕色就会使我们心醉。 
　　用紫色表现混乱、死亡和兴奋，用蓝紫色表现孤独与献身，用红紫色表现神圣的爱和精神的统辖领域——简而言之，这就是紫色色带的一些表现价值。 
　　紫色似乎是色环上最消极的色彩。尽管它不想蓝色那样冷，但红色的渗入使它显得复杂、矛盾。它处于冷暖之间游离不定的状态，加上它的低明度的性质，也许就构成了这一色彩在心理上引起的消极感。与黄色不同，紫色可以容纳许多淡化的层次，一个暗的纯紫色只要加入少量的白色，就会成为一种十分优美、柔和的色彩。随着白色的不断加入，也就不断的产生出许多层次的淡紫色，而每一层次的淡紫色，都显得很柔美、动人。 
　　黑、白、灰色 我们曾经说过，无彩色的在心理上与有彩色具有同样的价值。黑色与白色时对色彩的最后抽象，代表色彩世界的阴极和阳极。太极图案就是黑白两色的循环形式来表现宇宙永恒的运动的。黑白所具有的抽象表现力以及神秘感，似乎能超越任何色彩的深度。康丁斯基认为，黑色意味着空无，像太阳的毁灭，像永恒的沉默，没有未来，失去希望。而白色的沉默不是死亡，而是有无尽的可能性。黑白两色是极端对立的色，然而有时候又令我们感到它们之间有着令人难以言状的共性。白色与黑色都可以表达对死亡的恐惧和悲哀，都具有不可超越的虚幻和无限的精神，黑白又总是以对方的存在显示自身的力量。它们似乎是整个色彩世界的主宰。 
　　在色彩世界中，灰色恐怕是最被动的色彩了，它是彻底的中性色，依靠邻近的色彩获得生命，灰色一旦靠近鲜艳的暖色，就会显出冷静的品格；若靠近冷色，则变为温和的暖灰色。与其用“休止符”这样的字眼来称呼黑色，不如把它用在灰色上，因为无论黑白的混合、不色的混合、全色的混合，最终都导致中性灰色。灰色意味着一切色彩对比的消失，是视觉上最安稳的休息点。然而，人眼是不能长久地、无线扩大地注视着灰色的，因为无休止的休息意味着死亡。 
　　色彩的表情在更多的情况下是通过对比来表达的，有时色彩的对比五彩斑斓、耀眼夺目，显得华丽，有时对比在纯度上含蓄、明度上稳重，又显得朴实无华。创造什么样的色彩才能表达所需要的感情，完全依赖于自己的感觉、经验以及想象力，没有什么固定的格式。