家具设计的基本尺寸（单位：厘米）
衣橱：深度：一般60~65；推拉门：70，衣橱门宽度：40~65
推拉门：75~150，高度：190~240
矮柜： 深度：35~45，柜门宽度：30-60
电视柜：深度：45-60，高度：60-70
单人床：宽度：90，105，120；长度：180，186，200，210
双人床：宽度：135，150，180；长度180，186，200，210

圆床： 直径：186，212.5，242.4（常用）
室内门：宽度：80-95，医院120；高度：190，200，210，220，240
厕所、厨房门：宽度：80，90；高度：190，200，210
窗帘盒：高度：12-18；深度：单层布12；双层布16-18（实际尺寸）
沙发：单人式：长度：80-95，深度：85-90；坐垫高：35-42；背高：70-90
双人式：长度：126-150；深度：80-90
三人式：长度：175-196；深度：80-90
四人式：长度：232-252；深度80-90
茶几：小型，长方形：长度60-75，宽度45-60，高度38-50（38最佳）
中型，长方形：长度120-135；宽度38-50或者60-75
正方形： 长度75-90，高度43-50
大型，长方形：长度150-180，宽度60-80，高度33-42（33最佳）
圆形：直径75，90，105，120；高度：33-42
方形：宽度90，105，120，135，150；高度33-42
书桌：固定式：深度45-70（60最佳），高度75
活动式：深度65-80，高度75-78
书桌下缘离地至少58；长度：最少90（150-180最佳）
餐桌：高度75-78（一般），西式高度68-72，一般方桌宽度120，90，75；
长方桌宽度80，90，105，120；长度150，165，180，210，240
圆桌：直径90，120，135，150，180
书架：深度25-40（每一格），长度：60-120；下大上小型下方深度35-45，高度80-90
活动未及顶高柜：深度45，高度180-200
木隔间墙厚：6-10；内角材排距：长度（45-60）*90

桌子/椅子
正确的桌椅高度应该能使人在坐时保持两个基本垂直：一是当两脚平放在地面时，大腿与小腿能够基本垂直。这时，座面前沿不能对大腿下平面形成压迫。二是当两臂自然下垂时，上臂与小臂基本垂直，这时桌面高度应该刚好与小臂下平面接触。这样就可以使人保持正确的坐姿和书写姿式。
如果桌椅高度搭配得不合理，会直接影响着人的坐姿，不利于使用者的健康。为此，国标还规定了写字桌台面下的空间高不小于５８０ｍｍ，空间宽度不小于５２０ｍｍ，这是为了保证人在使用时两腿能有足够的活动空间。

至于沙发类尺寸：
单人沙发座
前宽：４８０ｍｍ，小于这个尺寸，人即使能勉强坐进去，也会感觉狭窄。
深度：４８０至６００ｍｍ范围内
高度：３６０ｍｍ至４２０ｍｍ范围内，

挂衣柜类的高度：挂衣杆上沿至柜顶板的距离为４０ｍｍ至６０ｍｍ，
挂衣杆下沿至柜底板的距离，挂长大衣不应小于１３５０ｍｍ，挂短外衣不应小于８５０ｍｍ。
衣柜的深度主要考虑人的肩宽因素，一般为６００ｍｍ，不应小于５００ｍｍ，

对书柜类也有标准，国标规定调板的层间高度不应小于２２０ｍｍ。小于这个尺寸，就放不进３２开本的普通书籍。考虑到摆放杂志、影集等规格较大的物品，搁板层间高一般选择３００ｍｍ至３５０ｍｍ。

家具尺寸标准参考

在工地
标准红砖23*11*6；
标准入户门洞0.9米*2米
房间门洞0.9米*2米
厨房门洞0.8米*2米
卫生间门洞0.7米*2米
标准水泥50kg/袋。

在厨房

1.吊柜和操作台之间的距离应该是多少？
600mm。
操作台到吊柜的底部，您应该确保这个距离。这样，在您可以方便烹饪的同时，还可以在吊柜里放一些小型家用电器。

2.在厨房两面相对的墙边都摆放各种家具和电器的情况下，中间应该留多大的距离才不会影响在厨房里做家务？
1200mm。
为了能方便地打开两边家具的柜门，就一定要保证至少留出这样的距离。

150mm。
这样的距离就可以保证在两边柜门都打开的情况下，中间再站一个人。

3.要想舒服地坐在早餐桌的周围，凳子的合适高度应该是多少？
800mm。
对于一张高1100mm的早餐桌来说，这是摆在它周围凳子的理想高度。因为在桌面和凳子之间还需要300mm的空间来容下双腿。

4.吊柜应该装在多高的地方？
1450至1500mm。
这个高度可以使您不用垫起脚尖就能打开吊柜的门。

在餐厅 1.一个供六个人使用的餐桌有多大？
1200mm。
这是对圆形餐桌的直径要求。

1400*700mm。
这是对长方形和椭圆形捉制的尺寸要求。

2.餐桌离墙应该有多远？
800mm
这个距离是包括把椅子拉出来，以及能使就餐的人方便活动的最小距离。

3.一张以对角线对墙的正方形桌子所占的面积要有多大？
180*180平方厘米
这是一张边长90厘米，桌角离墙面最近距离为40厘米的正方形桌子所占的最小面积。

4.桌子的标准高度应是多少？
720mm
这是桌子的中等高度，而椅子是通常高度为450mm

5.一张供六个人使用的桌子摆起居室里要占多少面积？
3000*3000mm
需要为直径1200mm的桌子留出空地，同时还要为在桌子四周就餐的人留出活动空间。这个方案适合于那种大客厅，面积至少达到6000*3500

6.吊灯和桌面之间最合适的距离应该是多少？
700mm
这是能使桌面得到完整的、均匀照射的理想距离。

在卫生间

1.卫生间里的用具要占多大地方？
马桶所占的一般面积：370×600
悬挂式或圆柱式盥洗池可能占用的面积：700×600
正方形淋浴间的面积：800×800
浴缸的标准面积：1600×700

2.浴缸与对面的墙之间的距离要有多远？
1000。想要在周围活动的话这是个合理的距离。即使浴室很窄，也要在安装浴缸时留出走动的空间。总之浴缸和其他墙面或物品之间至少要有600mm的距离。

3.安装一个盥洗池，并能方便地使用，需要的空间是多大？
900×1050mm
这个尺寸适用于中等大小的盥洗池，并能容下另一个人在旁边洗漱。

4.两个洗手洁具之间应该预留多少距离？
200mm。这个距离包括马桶和盥洗池之间，或者洁具和墙壁之间的距离。

5.相对摆放的澡盆和马桶之间应该保持多远距离？
60厘米。
这是能从中间通过的最小距离，所以一个能相向摆放的澡盆和马桶的洗手间应该至少有180厘米宽。

6.要想在里侧墙边安装下一个浴缸的话，洗手间至少应该有多宽？
180厘米。
这个距离对于传统浴缸来说是非常合适的。如果浴室比较窄的话，就要考虑安装小型的带座位的浴缸了。

7.镜子应该装多高？
135厘米。
这个高度可以使镜子正对着人的脸。

在卧室

1.双人主卧室的最标准面积是多少？
12平方米
夫妻二人的卧室不能比这个在小了。在房间里除了床以外，还可以放一个双开门的衣柜（120*60厘米）和两个床头柜。在一个3*4.5米的房间里可以放更大一点的衣柜；或者选择小一点的双人床，再在抽屉和写字台之间选择其一。就可以在摆放衣柜的地方选择一个带更衣间的衣柜。

2.如果把床斜放在角落里，要留出多大空间？
360*360厘米
这是适合于较大卧室的摆放方法，可以根据床头后面墙角空地的大小在拜访一个储物柜。

3.两张并排摆放的床之间的距离应该有多远？
90厘米
两张床之间除了能放下两个床头柜以外，还应该能让两个人自由走动。当然床的外侧也不例外，这样才能方便的清洁地板和整理床上用品。

4.如果衣柜被放在了与床相对的墙边，那么两件家具这间的距离应该是多少？
90厘米
这个距离是为了能方便地打开柜门而不至于被绊倒在床上

5.衣柜应该有多高？
240厘米
这个尺寸考虑到了在衣柜里能放下长一些的衣物（160厘米），并在上部留出了放换季衣物的空间（80厘米）

6.要想容的下双人床、两个床头柜外加衣柜的侧面的话，一面墙应该有多大？
420*420厘米
这个尺寸的墙面可以放下一张160厘米宽的双人床，和侧面宽度为60厘米的衣柜，还包括床两侧的活动空间（两侧60——70厘米），以及柜门打开时所占用的空间（60厘米）。如果衣柜采用拉门，那么墙面只需要360厘米宽就够了

在客厅

1.长沙发与摆在它面前的茶几之间的正确距离是多少？
30厘米
在一个（240*90*75高 厘米）的长沙发面前摆放一个（130*70*45高 厘米）的长方形茶几是非常舒适的。两者之间的理想距离应该是能允许你一个人通过的同时又便于使用，也就是说不用站起来就可以方便地拿到桌上的杯子或者杂志。

2.一个能摆放电视机的大型组合柜的最小尺寸应该是多少？
200*50*180高 厘米
这种类型的家具一般都是由大小不同的方格组成，高处部分比较适合用来摆放书籍，柜体厚度至少保持30厘米；而低处用于摆放电视的柜体厚度至少保持50厘米。同时组合柜整体的高度和横宽还要考虑与墙壁的面积相协调。

3.如果摆放可容纳三、四个人的沙发，那么应该选择多大的茶几来搭配呢？
140*70*45高 厘米
在沙发的体积很大或是两个长沙发摆在一起的情况下，矮茶几就是很好的选择，高度最好和沙发坐垫的位置持平。

4.在扶手沙发和电视机之间应该预留多大的距离？
3米
这里所指的是在一个25英寸的电视与扶手沙发或长沙发之间最短的距离。此外，摆放电视机的柜面高度应该在40厘米到120厘米之间，这样才能使观众保持正确的坐姿。

5.摆在沙发边上茶几的理想尺寸是多少？
方形：70*70*60高 厘米。
椭圆形：70*60高 厘米。
放在沙发边上的咖啡桌应该有一个不是特别大的桌面，但要选那种较高的类型，这样即使坐着的时候也能方便舒适地取到桌上的东西。

6.两个面对面放着的沙发和摆放在中间的茶几一共需要占据多大的空间？
两个双人沙发（规格 160*90*80高 厘米）和茶几（规格 100*60*45高 厘米）之间应相距30厘米。

7.长沙发或是扶手沙发的的靠背应该有多高？
85至90厘米。
这样的高度可以将头完全放在靠背上，让您的颈部得到充分的放松。如果沙发的靠背和扶手过低，建议您增加一个靠垫来获得舒适。如果空间不是特别宽敞，沙发应该尽量靠墙摆放。

8.如果客厅位于房间的中央，后面想要留出一个走道空间，这个走道应该有多宽？
100至120厘米。
走道的空间应该能让两个成年人迎面走过而不至于相撞，通常给每个人留出60厘米的宽度。

9.两个对角摆放的长沙发，它们之间的最小距离应该是多少？
10厘米。
如果不需要留出走道的话，这种情况就能允许您再放一个茶几了

室内空间、家具陈设常用尺寸
在装饰工程设计时，必然要考虑室内空间、家具陈设等与人体尺度的关系问题，为了方便装饰室内设计，这里介绍一些常用的尺寸数据。

1、墙面尺寸
(1)踢脚板高；80—200mm。
(2)墙裙高：800—1500mm。
(3)挂镜线高：1600—1800(画中心距地面高度)mm。

2.餐厅
(1) 餐桌高：750—790mm。
(2) 餐椅高；450—500mm。
(3) 圆桌直径：二人500mm.二人800mm，四人900mm，五人1100mm，六人1100-1250mm，八人1300mm，十人l500mm，十二人1800mm。
(4) 方餐桌尺寸：二人700×850(mm)，四人1350×850(mm)，八人2250×850(mm)，
(5) 餐桌转盘直径；700—800mm。
(6) 餐桌间距：(其中座椅占500mm)应大于500mm。
(7) 主通道宽：1200—1300mm。
(8) 内部工作道宽：600—900mm。
(9) 酒吧台高：900—l050mm，宽500mm。
(10) 酒吧凳高；600一750mm。

3.商场营业厅
(1)单边双人走道宽：1600mm。
(2)双边双人走道宽：2000mm。
(3)双边三人走道宽：2300mm。
(4)双边四人走道宽；3000mm。
(5)营业员柜台走道宽：800mm。
(6) 营业员货柜台：厚600mm，高：800—l 000mm。
(7)单*背立货架：厚300—500mm，高：1800—2300mm。
(8) 双*背立货架；厚；600—800mm，高：1800—2300mm
(9)小商品橱窗：厚：500—800mm，高：400—1200mm。
(10)陈列地台高：400—800mm。
(11)敞开式货架：400—600mm。
(12)放射式售货架：直径2000mm。
(13)收款台：长：1600mm，宽：600mm

4.饭店客房
(1)标准面积：大：25平方米，中：16—18平方米，小：16平方米。
(2)床：高：400—450mm，床*高：850—950mm。
(3)床头柜：高500—700mm；宽：500—800mm。
(4)写字台：长；1100—1500mm；宽450—600mml高700—750mm。
(5)行李台，长9l0—1070mm宽500mm高400mm。
(6) 衣柜：宽：800—1200mm高1600—2000mm深500mm。
(7)沙发：宽：600一800mm高：350—400mm*背高1000mm
(8) 衣架高：1700—1900mm。

5.卫生间
(1)卫生间面积；3—5平方米。
(2)浴缸长度；一般有三种1220、1520、1680mm；宽；720mm，高450mm。
(3)坐便；750×350(mm)。
(4)冲洗器：690×350(mm)。
(5)盟洗盆：550×410(mm)。
(6) 淋浴器高：2100mm。
(7)化妆台；长：1350mm；宽450 mm。

6.会议室
(1)中心会议室客容量：会议桌边长600(mm)。
(2)环式高级会议室客容量；环形内线长700—l 000mm。
(3)环式会议室服务通道宽：600—800mm。

7.交通空间
(1)楼梯间休息平台净空：等于或大于2100mm。
(2)楼梯跑道净空：等于或大于2300mm。
(3)客房走廊高；等于或大于2400mm。
(4)两侧设座的综合式走廊宽度等于或大于2500mm。
(5)楼梯扶手高；850—1100mm。
(6) 门的常用尺寸：宽：850—1000mm。
(7)宙的常用尺寸；宽；400—1800mm，(不包括组合式窗子)
(8) 窗台高；800—1200mm。

8.灯具
(1)大吊灯最小高度：2400mm。
(2)壁灯高：1500—1800mm。
(3)反光灯槽最小直径：等于或大于灯管直径两倍。
(4)壁式床头灯高：1200—1400mm。
(5)照明开关高：1000mm。

9.办公家具
(1)办公桌：长：1200—1600mm：宽：500—650mm 5高；700—800mm。
(2)办公椅：高；400—450mm长×宽：450×450(mm)。
(3)沙发：宽：600—800mm；高：350—400mm；*背面：1000mm。
(4)茶几；前置型：900×400×400(高)( mm)；中心型：900x 900×400(mm)、700×700×400(mm)；左右型：600×400×400(mm)。
(5)书柜：高：1800mm，宽：1200—1500mm；深：450—500mm。
(6) 书架：高：1800mm 6宽：1000—1300mm ；深：350—450mm

10.沙发
长 宽 高(mm)
三人沙发 1800 980 850
双人沙发 1500 850 810
单人沙发 850 850 810
电视柜 1500 600 500
茶几 1200 750 500
方茶几 500 500 550
电脑桌 1000 600 780
电脑椅 510 510 500
书柜 900 350 1800
双人床 2000 1500 610
单人床 1980 990 610
床头柜 500 400 460
衣柜 900 600 1800
鞋柜 500 350 900
餐桌 1350 750 740
餐椅 540 512 950

桌类家具高度尺寸：７００ｍｍ、７２０ｍｍ、７４０ｍｍ、７６０ｍｍ四个规格；
椅凳类家具的座面高度：４００ｍｍ、４２０ｍｍ、４４０ｍｍ三个规格。
桌椅高度差应控制在２８０至３２０ｍｍ范围内。

• 设计五原则 (1)
• 良好用户体验网站要具备的十二个使命 (0)
• 导航:让用户浏览网站像在逛家乐福 (0)
• 如何量化用户体验 (0)
• Web 2.0 的视觉设计 (0)

Translate:Realazy
http://realazy.org/…/five-principles-to-design-by/ 

技术为人民服务

人们经常埋怨自己的技术短处。当电脑当机，他们会说：“我一定是干了某些愚蠢的事情”。面对一个设计糟糕的网站，他们会说：“我一定是太蠢了，我竟找不着北”。他们很有可能去买一本傻瓜指南。

很不可思议！人们在使用技术时不应该感到挫折。就像客户，用户永远是对的。如果软件崩溃了，那是软件设计师的错；如果在某个网站上找不着北，那是web设计师的错。但这也不表示设计师要羞愧低头……他们更应该把这看作是一个学习的机会！好设计师与坏设计师最大的差别在于，如何处理他们的让用户正折 腾着的设计。

技术为人民服务。人民不会为技术服务。

设计非艺术

艺术是关于个人表达的。它关于生命，关于情感——艺术家的想法和主意。它不太关注第三者干什么，活动也不是必须的，仅是他们的鉴赏。艺术实践不需要这些。鉴赏是艺术家的必需品，同时他们也是孤独的。

设计，从另一方面来说，是关于使用的。设计师需要别人来使用（而不仅仅是鉴赏）他们的作品。设计不存在不让人们使用它的目的。设计辅助解决人类问题。我们能授予一个设计的最高荣誉不是它多漂亮，多艺术，而是它用途多广。

不像艺术，设计总是存在于情景中的。情景对一个设计至关重要：它要解决什么问题？为谁设计？在什么时期？这就是为何设计与技术如此紧密的缘故。因为技术变化太快，所以设计必须步随其后。十年前的设计在今天可能不值一提。充满精彩设计的历史没有必要继续存在。

伟大的艺术，从另一角度说，永远风行。就算今天我们可以复制一百万个大卫像，我们依然欣赏米开朗基罗的原作，因为它是一个人的辛劳和表达。艺术永远不会凋谢。伟大的设计则依赖于它产生的年代和要解决的问题。但艺术不这样，艺术是永恒的。

做个测试。当人们享受艺术时，说：“我喜欢”；当人们享用设计时，说：“做得不错”。这并非偶然。好的设计就是能干活的料。

体验属于用户

设计师不生产体验，他们制作的是体验用品。看似细微的差别却有很大不同，因为它把设计师放在服务用户的位置上，而非其他方式。这并不是要扼杀创新， 它并不会妨碍设计师跳过上述关于艺术的阐述。它只意味着，设计的体验并不会简单地因为设计师说这般这般就会这般这般地发生，当用户提交反馈时，真实的体验 就确确实实发生了。

最终的体验发生在用户那里，体验是属于他们的。

伟大的设计是无形的

伟大的设计一个有趣的属性是，它来源于认可。用得爽的时候我们忘了创造它时的种种艰辛。有时，就像普通的汤匙，显而易见，这东西太简单了，但我们会 忽视了在历史的某一时期它并不这样。还有，就像汽车，这东西尽管很复杂但依然容易使用，但是我们却对于它背后数以万计的工时视而不见。这是一种羞耻……每 一个伟大的设计都有丰富的历史。每一设计背后都是一个或一群设计师，他们想通过解决某些问题来让世界更美好。

烂的设计显然是因为它伤害了使用。它拙劣，困难和复杂。最为讽刺的是，这个世界上烂的设计比好的设计更容易碰着。它像暴徒一样强奸着我们的头脑。它像恶徒一样在我们面前逞威风。因为有用，伟大的设计通常都是无形的。

简洁是终极哲学

如Saint Exupery所说：设计师知道自己要达到完美，不在于无物可增，而在于无物可减。。简洁自成一体：知道什么要加和什么要扔……当它作用时，就像魔术般实现预期效果，因为没有任何复杂的东西传递给用户……只有简洁。这是设计师的最高成就。

• 良好用户体验网站要具备的十二个使命 (0)
• 导航:让用户浏览网站像在逛家乐福 (0)
• 如何量化用户体验 (0)
• Web 2.0 的视觉设计 (0)
• 近期流水帐 (0)

Original article:http://blog.donews.com/…./21/1100524.aspx

之前思域说到了主页的设计，如果把主页比作网站门面，那么导航就是通道，这些通道走向网站的每个角落，导航的设计是否合理对于一个网站是具有非常大意义的。

第一：决定用户在网站中穿梭浏览的体验，有的网站让用户感觉流连忘返，有的网站处处死胡同，让用户随地碰壁。

第二：网站导航设计合理，可以将网站的内容和服务最大面积的展现在用户面前。

第三：合理的导航设计可以增加用户黏性，提高网站的浏览深度，从而提高网站Page Views per user。

第四：促进用户消费，提高网站盈利。引导用户消费，将用户真正需要的产品和服务展示在他面前，甚至用户想不到的服务你也呈现。

第五：提高网站广告价值，增加网站广告收益。

·······

有很多好处，这里思域不详细列举，今天思域想重点说说，如何合理的设计导航，让用户体验像在逛超市。

如何才合理？

思域通过长期的实践论证，用户体验调查，得出了设计合理的导航大致具备三个特征――“明确、简单、一致”

在开始说导航之前，大家还是跟随思域去超市发现发现！

昨天思域去家乐福买菜(好久没有弄些好吃的犒劳自己啦

思域好像是个购物狂，但不是购物频率很高那种，而是不鸣则矣，一鸣惊人那种。

 左出右进，不要错位了哦！

 上 图是超市入口处的导航墙，思域为了说明行进路线添加了红色线条和蓝色圆点，箭头表明方向，蓝色圆点代表思域产生购买的位置。一眼看去这个导航图似乎并没有 什么特点，但是思域根据这次的购物体验，我的重点是去买菜的，可是似乎菜没有买多少，其他东西买了一堆，也许这就是典型的感性购物或者冲动型购物，所以再 细细回想自己购物的经历和分析这种导航上他们的产品布局，有几个地方思域想说说。（为下文说道网站内容布局做铺垫）

从外到内，环环相扣。

超市的外围基本上是农作物，比如水果、蔬菜、鱼、肉等等，这些是我这次来的重点，因为要作些好吃的犒劳自己。接着通过奶制品和饮料区，来到超市的内部，这里大多是生活用品，比如洗发水、沐浴露、牙膏、洗衣粉，还有厨房用品和零食便当等等。

  思 域要问了，为什么把农产品放外围？而外围是进入超市中心的通道。思域猜想，也许农产品的消费群体比较特殊，农产品只是超市的周边产品，或者部分所需，但是 农产品保存时间有限，比如蔬菜、水果、肉类如果不即时销售很容易变质。对于用户、对于超市看来把农产品放外围还是有道理的。而超市中部安排日用品、零食、 厨房用品等等因为这里是通过收银台的必经之地，而这些东西是大众所需，消费者在这停留的时间也最长。

其实思域在选购了几袋牛奶之后就直奔收银台的，可是天晓得，因为人多，我在排队的时候顺便向四周看了看，还有什么我需要的东西，该死的于是我就被超市设计进去了，最后我买单打印出来的小票一米长。大家到超市可以注意一下，收银台附件都摆放什么产品，思域发现很多超市在收银台附件摆放的产品都是类似的，一定有他们的道理。

 超市不会放过任何一个客户，任何一个购买机会，即使你在排队那些产品都会像站街女一样的向你招手，对于超市，这是成功的。那么对于网站我们怎么来做呢？稍候会说。

下面先来看看这些“站街女”是如何向我招手的吧！

 奥！天哪，直到现在思域都还想把这些“站街女”全部拉回家，实战是太诱人了！什么网站要是能给我这种感觉，我立即加入收藏夹，设为首页。

思域承认，思域是自愿的，自愿的被这些“站街女”强奸，被奸之后思域还大呼好爽，无论买单的时候我是多么心疼，但是至少这次购物体验是非常好的，我被超市精心设计的购物路线套住了。其实超市不仅仅设计了线路，还做了很好的引导。

  当然，超市的很多地方不会用这样的导航，因为文字导航实在是太没有技术含量了，超市喜欢用实物或者颜色做导航。这个是网站值得借鉴的。

比如超市用堆头做导航，因为堆头一般是放在过道中间，用户很远就可以看到，这样消费者就会知道哪些东西大概在这堆头附近，有客官问什么是堆头？堆头是超市里面的专业束语，请看下图。

 至于颜色，思域就不多说了，看看上面那些向思域招手的“站街女”，看她们的身着的颜色差异就知道。

上面说了思域在超市的购物体验，现在回到主题，网站导航如何合理的设计，让用户在网站上浏览也像在这超市里面那样酣畅？

在这之前，思域想和大家回顾一下超市中有那些元素被用做导航。

1、 超市门前的牌坊告诉人们这是哪里

2、 超市入口周围的布置以及进出标示告诉人们从哪里进出

3、 超市入口处的超市产品布局图告诉人们产品在超市中的位置

4、 琳琅满目的产品告诉人们这里有什么。

5、 过道拐角处的导航灯箱

6、 产品区的堆头

7、 产品区的颜色区别

8、 产品分类指示牌

9、 气味、温度、声音，当你闻到香水味也许洗发水就离你不远，感觉空气冰凉可能冷冻食品就在附近，你会闻到鱼腥味，你会听到剁肉的声音，你会听到儿童玩具的音乐

·······

超 市是个物理空间，可以用作导航的元素很多，他有上下、左右、前后，消费者在其中有空间感，可是网站怎么办呢？网站是个数字空间，在这里你似乎感觉不到这个 空间的大小，感觉不到网站到底有多少页面；你或许也感觉不到方向，没有东西南北；甚至你不知道自己处在网站的什么地方，感觉不到位置。那么用户的这一系列 不好的体验，网站是不是就真的因为自己是数字空间而不知所措呢？不是的！这时候就应该充分发挥网站导航的作用。我们就来牛刀小试一下！

1、 用户感觉不到网站大小的解决办法

1） 网站首页体现频道导航

  2） 网站地图

参考中国网地图

3） 告诉用户你网站的逻辑关系

例如哪个是首页、哪些是频道首页、哪些是栏目页面、哪些是信息列表、哪些是内容页。大家注意观察就会发现，很多网站的头部文件是不同的，首页、频道页、内容页的头部文件都不同，想过为什么没有？

4） 样式控制

例如用户未点击的链接是蓝色，点击之手的是紫色，这样用户会把你的信息量化，大小的感觉在他潜意识就产生了。

5） 搜索功能

很多网站提供站内搜索，其实这个功能不仅仅帮助用户找到他想要的，还可以告诉用户网站里面他想要的内容有多少。

小节：从上面看来，网站地图是导航、页面的差异是导航、样式也是导航、搜索还是导航，要告诉用户你网站有多大的方法有很多。

2、 用户在网站中感觉不到方向怎么办？

虽然网站没有东西南北，但是网站是有上一级下一级之分的，比如首页、频道页、信息列表页、内容页。网站把这个逻辑关系用灌输大用户脑子里，使用户养成习惯，看到你页面的头部就知道自己是在网站的那个级。

 我们来看看上图，网易汽车频道首页，网易在头部用了3个地方告诉用户，这里是网易的汽车频道。

3、 用户在网站上感觉不到位置的解决办法

1） 不要吝啬你的title

  2)给用户亮起一盏灯

  上图是艾瑞咨询内容页面的截图，他巧妙的利用了导航，用户在阅读的内容属于哪个频道，那么导航就会在这个频道上亮起一盏灯。

3）为用户提供层级菜单

 4）网站也有“堆头”哦

都说百字不如一图，上面说到了超市的堆头，他为什么要摆放在过道中，难道真是因为这样消费者容易拿取么？为什么堆头大部分是促销产品？思域觉得堆头更多的是让别人容易发现，发现这个促销产品，发现堆头周围的这一产品“频道”

上图是网易汽车频道的第一屏截图，网易巧妙的排布使得用户不看文字就知道这个页面大概是哪方面的内容。

那么，如果用户在你网站上不存在“感觉不到大小、感觉不到方向、感觉不到位置”这些问题的时候，逛网站就像逛超市这是不是就有可能了？是的，这只是个可能，只是基础而已，更精彩的还在后面！ 

• 设计五原则 (1)
• 良好用户体验网站要具备的十二个使命 (0)
• 如何量化用户体验 (0)
• Web 2.0 的视觉设计 (0)
• 近期流水帐 (0)

Original article：http://blog.donews.com/…/11/1094384.aspx

     思域最近在给编辑部培训的时候发现一个问题，就是他们在设计专题或者页面的时候自我意识太强，缺少页面设计的基本思维，想怎么设计就怎么设计，有些只是看到 别人的页面是这样，他也就闷头模仿，还给思域传递了一句名言：“模仿是雷管，创新是炸药”。话虽如此，可是既然要成为一名专业的编辑或者页面设计师就必须 懂得页面设计有哪些准则，如何站在公司的角度考虑公司的利益，如何站在用户的角度给用户良好的体验，如何站在行业的角度延续行业长期培育起来的用户习惯。

下面思域想重点说说，在主页设计的时候我们应该赋予主页的十二个任务：

第一个任务：体现站点的标识和使命

上次看到一组数据，说当今全球网站数量已经上亿了，平均每天看1万个网站，那么一个人要花30年才能看完这些网站，可是30年中又会有无数的网站诞生，也许又要花60年才能再看完，总之这辈子思域是看不完了。说明网站竞争相当激烈，同一个类型的网站同时有上万家在竞争是不足为奇的，所以在竞争中一个网站的主页就显得格外重要。

主页要不能放过任何一个可能访问或者正在访问甚至访问过的用户，大家都削尖了脑袋想办法如何处理这三个问题。那么对于任何一个访问你网站的用户你就要了解他第一次打开你网站他关心什么。经过思域长时间的调查和试验，用户第一次打开一个网站大部分是这四个问题：

A 这是什么网站？

B 网站上有什么？

C 我能在这里做什么？

D 为什么我应该选择这里，而不是其他地方？

下面我们以阿里巴巴为例看看他是如何表达这四个问题的。

阿里巴巴在国内是电子商务类网站用户体验公认做得最好的，这个思域不想论证，就看他的网站LOGO，橙色加黑色，网站整体CI就是这个色，标识下方的“全球领先的网上贸易市场”

第一个问题：阿里巴巴是做什么的？看完这个LOGO如果您还不知道，那么接着您的视线从LOGO位置水平向右移，看到导航，还不知道是做什么的？天！好吧，请托动滚动条，浏览一下网页。

第二个问题：我能在这里做什么？从阿里巴巴首页右上角的导航条，很明显的告诉用户，用户在这里可以“采购”和“销售”这是主打服务，其他的看用户的需求。

第三个问题：网站上有些什么？如果前两个问题你在阿里巴巴上已经没有疑问了，那么这个问题阿里巴巴已经在主页上很好的回答你了。

第四个问题：为什么我应该在这里？“全球领先的网上贸易市场”这句话的效果不要小看哦！

好了，通过阿里巴巴的例子，已经告诉各位看官主页的第一个任务――体现站点的标识和使命。主页要告诉用户我这是什么网站，我是做什么的，为什么你应该来我的网址。

第二个任务：网站导航和站点层次

网 站要给出网站提供的服务的概貌，既要包括内容――“我能在这里找到什么？”。也要包括功能――“我能做什么？”。还有这些服务是如何组织的。这项工作通常 由持久导航来处理。其实一个网站的导航是非常重要的，他是网站的通道，通道如何设计才能让用户最方便快捷的到他想去的页面，如何设计才能把网站最好的内容 体现在用户面前，导航设计有哪些讲究，避免出现哪些错误，这些问题思域后面的文章都会一一解答。

第三个任务：搜索

对于信息量大的网站搜索是很必要的，否则即使你其他元素处理得再好，用户在你网站上体验的感觉就像波音747的靠背椅全部换成了小板凳！

第四个任务：导读

就像杂志封面一样，主页要用一些“里面有精彩内容”的暗示来吸引我，“内容推荐”部分应该突出最新、最好、最热门等的内容片断，例如头条或者热销和热文等等。“功能推荐”部分邀请用户去访问网站更多的栏目或者使用一些个性化功能或邮件简报等。

第五个任务：内容更新

如果网站的成功取决于用户是否经常来访，那么主页应该有一些经常更新的内容。即使是不需要固定访问者的网站也需要有一些活跃的迹象，哪怕只是一个到最新的新闻链接，告诉用户这里并不是一潭死水。

第六个任务：登陆注册

如 果网站使用会员制，主页应该为新用户注册和老用户登陆提供链接或者直接登陆框，免得用户四处寻找，至于是提供链接还是直接的登陆框，需要设计师来衡量，是 黏性较强还是较弱，是老用户多还是新用户多，页面位置该不该腾出一个地方出来放置登陆框，用户的习惯会是怎样的，关于登陆框的问题，思域以后说。

第七个任务：快捷方式

最 常访问的内容片断，如软件升级等，值得在主页上放置链接，免得用户四处寻找。现在很多网站的快捷方式是网站一厢情愿的，不是用户经常访问哪些内容网站就把 这部分内容以快捷方式的形式体现在首页，而是网站方面最近新推出了什么业务，网站有什么新的动向，把这些内容作为快捷方式，思域认为最好是根据网站特点来 考虑，看看是为用户多考虑合适还是为自己多考虑合适。

第八个任务：友情链接

需要在主页上预留空间，用来放置广告、交叉推广、合作品牌的友情链接等等，这里思域不多说了，有很多人问思域，一个新的网站如何与别人交换链接？如何交换到质量较好的链接？交换链接的质量好坏如何评定？一篇文章咱说不完。思域会专门来说这个问题。

第九个任务：让用户看到他正在寻找的东西

主页应该让用户想要的任何东西显而易见，如果这些内容在站内某个角落的话。当然，不是把网站的所有东西都罗列出来，弄得一个主页十几屏，用脑子嘛！

第十个任务：告诉用户还有他没有寻找到的

主页应该让用户看到一些很精彩的、用户也许会感兴趣的内容，就算用户并没有寻找他们。

第十一个任务：告诉用户从哪里开始

用户第一次到一个网站还无从下手，感觉就像和女生睡觉，都把她衣服脱光了，她还呆若木鸡，面无表情。网站首页应该如何安排才能完成这个任务，其实方法有很多，这里不多说，思域后面会详细的说。（写道这里思域好像累计了好几篇文章啦，找个时间向各位看官慢慢解答）

第十二个任务：建立可信度和信任感

对于一些访问者来说，主页将是你的网站给他们留下好印象的唯一机会。

好了，主页的十二个任务，思域草草的罗列了一下，具体如何运用还需要大家根据自身的特点，站在网站自身的角度，站在用户的角度，站在行业的角度，十二个任务是纵向的，三个角度是横向的，各位看官用心的取舍，细细的考究吧！

下面还是用阿里巴巴的页面作为例子来结束此文！

• 设计五原则 (1)
• 导航:让用户浏览网站像在逛家乐福 (0)
• 如何量化用户体验 (0)
• Web 2.0 的视觉设计 (0)
• 近期流水帐 (0)

前一阵子维基百科的Web2.0条目包含了一节内容，专门描述Web 2.0的视觉元素，讲述了渐变色、绚丽的图标、反射效果、阴影以及大号字体等等。

但是几天之后维基人投票决定撤掉“视觉元素”这一部分。推究其原因，可能是Web 2.0的特性不能通过一系列的视觉规则来精确地定义。如果 Web 2.0 被理解为一种内容生成和发布的途径，那就没必要将其禁锢在视觉效果的框框里。

尽管如此，事实上大多数 Web 2.0 网站都有某种独特的艺术风格。也许维基人觉得这不属于Web 2.0的讨论范畴，但我却认为这十分必要。让我们开始 Web 2.0 的视觉之旅，看看所谓“Web 2.0风格”起着怎样的作用。

请相信我是Web 2.0

完美的 Web 2.0 依靠着访问者的力量。用户可以为Web服务制造内容，通过流行的点对点方式像“病毒”一样传播，并依照他们的意愿和喜好来提高内容的质量。

但是要让访问者为Web应用程序付出时间和内容，首先需要让他们相信你。为获取人们的信任，绝大多数 Web 2.0 网站都通过绝妙的设计给我们带来了友好、亲切的印象。

春风又绿江南岸

明快的颜色得到了 Web 2.0 网站的青睐。大部分 Web 2.0 网站不约而同地采用了绿色，但是深蓝、橙色和粉红色也十分人气。浓重的主色调表明了幽默的态度，也有助于人们迅速注意到页面上的重要元素。

圆角革命

新的CSS技术支持圆角，使得圆角风格再次风靡世界。友好的圆角风格奠定了许多 Web 2.0 网站的舒适、通俗的基调。

FontShop有一篇分析 Web 2.0 图标的精彩文章，表明了圆角字体已成为流行趋势。它为一个公司的视觉形象带来了十分现代的风格。

免费无处不在

如果你已吸引访问者注册了你的应用程序，那么你应当毫不吝惜地送他们免费的账户。几乎所有的 Web 2.0 网站都将主要的经费奉献给了一条消息——“我们提供免费服务”。若这条信息出现在无处不在的星形标记中就更好了。

照片为大忌

在 Web 2.0 网站上，你找不到任何照片——那是小公司模仿大企业的伎俩。简洁的图标和截图，当这些成为 Web 2.0 网站的形象时，它们就成了今天的规则。三维圆角按钮会让页面变得高贵优雅，不使用则显得古板僵硬。

简单就是美

为 提高用户体验，大部分 Web 2.0 应用程序都添加了技术层面或者组织层面，例如用 del.icio.us 管理链接，用 flickr 共享照片，或者用 Backpack 组织任务等，我们必须要熟悉这些新技术，并花些时间来管理我们的内容。好的Web 2.0程序应该十分轻快并易于上手，而巧妙的视觉设计和文字有助于减少入门障碍。

巧妙地利用布局、颜色、输入和文本可以最大限度地减小访问者的负担。

越大越好

谈起 Web 2.0 当然是越大越好。这里指的是大号字体。大号文字省眼，与流利的书写配合使得信息更容易吸收。如今，网站的可访问性十分重要，因此有经验的网页设计师可以使用超大文字。

空白的活力

Web 2.0 网站的布局可以做得很小。巧妙利用空白可以提高页面的易读性和易用性。空白可以分离出重要信息，使眼睛得到休息，并给人以冷静和有秩序的感觉。宽敞的文字 布局也使得文字复制更容易。有些 Web 2.0 布局小得近乎无法忍受，但如果设计得好，紧凑的页面也会值得深深品味。

好点子

友好、风趣的书写可以让作者和访问者建立良好的关系。A List Apart使得Flickr和Photojojo脱颖而出，这是个许多Web 2.0网站都应该学习的案例。WebTango不 仅仅是免费，它提倡的是“free of additives, cholesterol, ozone-depleting CFCs, and most importantly, free to use（无添加物，无胆固醇，无破坏臭氧层的氯氟烃，最重要的是，免费）”。Tioti不只是拥有标签和RSS，它拥有的是“tagging and RSS up the yazoo”。FFAQQLY的创立者David Liu不是一个不露面的虚拟任务，而是“你注册后的第一个朋友”。eSnips的工具条不只是可定制，它是“有一大串超酷用法的工具条”。想个好点子吧。

意犹未尽

Web 2.0 网站有很多视觉设计倾向，乍一看似乎并没有某种固定的模式，但无一不在追求注意力。“湿桌子”效果（charlee注：反射效果）、“星形”效果、“玻璃”按钮，造就了众多的 Web 2.0 的绮丽。

总结

我的 Web 2.0 视觉设计之旅就到此结束了。也许“Web 2.0风格”会在一年后过时，但它一定会为延长网站寿命做出巨大的贡献。

阅读更多，请移步至译者原文：（Original article）

• 设计五原则 (1)
• 良好用户体验网站要具备的十二个使命 (0)
• 导航:让用户浏览网站像在逛家乐福 (0)
• 如何量化用户体验 (0)
• 近期流水帐 (0)

量化用户体验有四个互相关联的重要因素:
1． 品牌(branding)
2． 使用性(usability)
3． 功能性(functionality)
4． 内容(content)

一个客观的衡量和分析工具，能帮助你的客户提供有实事依据的建议。而不是推测的意见和观点。我们在这篇文章中的探讨能帮助你：
1． 尽可能的去除你的主观偏好。
2． 使具有不同背景的人（设计人员、开发人员、客户）能够在理解网站上有统一的共识。
3． 创立与竞争对手网站或者以往的开发相比较的基本规则，为你的客户提供一个对他们网站的优缺点事实依据，视觉上的展示。

衡量用户体验

用户体验正如上面所说的4大重要因素。但是我们如何量化和徇这些看似无形的元素呢？

我们把我们的分析分成四部分，每个用户体验元素为一个部分。对每个元素我们创建一系列的描述和参数，有针对性的考查网站。每个描述分类1-X个级别，我们在这个范围内给每个描述打分，等到你完成了第一部分的分析，你应给四个部分的描述分别打分。

文章中的示例分析，在每个元素中仅用了5个参数，因为我们设20分一个档，最大分值为100，在每个元素中如果我们加上另外五个描述/参数每个元素就是10分一个档，下面就是有关每个元素和描述/参数的概要。

一．品牌
用来衡量网站品牌的描述包括：
1．用户为访问都提供了有吸引力的难忘的体验
2．网站的视觉效果与品牌一致
3．图片，附加内容，多媒体内容提供了体验过程的价值
4．网站传达了品牌设定的程度。
5．网站充分运用了这个体能力，加强了或延伸了品牌。

二、功能性
功能性包括所有的技术上的及屏幕之后的流程及应用，它伴随着为所有最终用户提供互动服务。而且有时对公众和管理员都有意义。
用来衡量功能性的描述包括：
1． 用户及时获得对其查询和提交信息的反馈。
2． 深晰的任务过程的告知（比如成功页面或邮件更新提示）
3． 网站和应用加上了一般的安全及个人隐私的标准
4． 在线功能与离线业务结合
5． 网站包含管理工具，加强管理员的效率。

三、使用性
使用性包括 一般意义上的对所有网站的内容和特点的易用性。在可能之下的二级主题还包括导航的友好性。他们包括：
1． 网站防止错误发生，并帮助使用都从错误中恢复。
2． 整体页面侧重应针对主要目标受众优化。
3． 网站帮助其访问都达成一般性目标和任务。
4． 网站保持其一致性和标准。
5． 网站能为有残疾用户提供特定内容。

四、内容
内容指网站的实际内容，文本，图片，多媒体等到，以及其结构，信息体结构。
我们考虑信息和内容是如果根据用户需要和客户业务要求而组织的。
1． 连接密度带来的清晰度和简单的网站浏览。
2． 内容组织方便了用户实现他们的目标
3． 内容及时准确
4． 内容与用户需要和商务目标相切合。
5． 多语言的综合性内容。
结果：

首先，将每个元素的价值相加，因为每个元素设定了一个最大和为100的量级，我们得到的是一个百分比的分数。最好的方式是通过一个蜘蛛图来展示。

通过分析获得创意

文中描述的分析和方法的优点在于它们能迎合你的特定客户。可根据需要加入其它考察元素。

这个分析平台使你能在你选取的某一元素中增加权重，比如你的客户是一个生产商，它非常侧重品牌和外观及氛围。毫无疑问你可以修改衡量体系，给予品牌元素更多更好的侧重。给于可通知性少些侧重。

• 设计五原则 (1)
• 良好用户体验网站要具备的十二个使命 (0)
• 导航:让用户浏览网站像在逛家乐福 (0)
• Web 2.0 的视觉设计 (0)
• 近期流水帐 (0)