http://www.yourhomepage.com.cn/ PJBlog2 2008-05-28T15:03:10+08:00 MrJin http://www.yourhomepage.com.cn/ your@email.com 2008-05-28T15:03:10+08:00 2008-05-28T15:03:10+08:00

《别具光芒──Dreamweaver+Photoshop效果图设计与网页实现》（精美全彩印刷，附光盘）
【作  者】 刘霆雨（资深网页设计师、人机交互设计师）
【出版社】 人民邮电出版社
【印  张】 17.5
【定  价】 ￥59.00
【出版日期】 2008年6月
 
　　作为一名网页设计师，不仅要熟悉各种软件工具的操作，还要重视设计艺术的表现和承传，尤其是重视创新与突破。如何进一步拓宽网页设计的思路，如何激发创意灵感？答案就是不断地尝试新方法，打破思维定式，寻找创作设计的灵感。
网页设计作为一种视觉语言，特别讲究配色、布局和编排。在网页制作过程中，如果仅仅依赖、沉醉于使用最新的网页技术，忽视了“设计”的力量，那么真正具有魅力的网页是无法诞生的。
　　设计之路是漫长而又富有挑战性的，需要时刻保持创意与激情。在这变化多端、发展迅速的网络文化里，网页设计师每天所做的工作、所想的事情可能简单、琐碎、细微，但是“方寸之地，吐纳江山”，每一个实现的网页都闪耀着设计师智慧的光芒，凝聚着设计师丰富的经验和对细节表现的执著。
　　这一本书，有关网页配色布局，有关视觉效果设计，有关网页制作实现，有关作者设计生涯中的某段历程，似一趟长途旅行。所以这其中所包涵的内容也远远超出了网页制作的范畴，希望能和大家一起分享和交流。
 
【内容提要】
　　本书首先全面讲述了网页配色与网页布局的基本知识，然后基于Dreamweaver+Photoshop的工具组合，详细地介绍了手机增值业务网站、旅游休闲网站、家电家居网站、手机和数码产品网站、音乐网站、艺术设计网站、企业网站和时尚社区网站8个典型实例的设计和制作过程。
　　在介绍各个网站实例的制作过程中，不仅分析了各个网站的配色方案和布局结构，而且还细致地讲解了从设计版面效果到实现最终HTML页面的操作步骤，以及一些实际网页设计和制作中常用的方法和技巧。随书光盘提供了本书所有的实例素材及网站源文件（PSD、HTML、Flash），以帮助读者进行操作练习。
　　光盘中还包含以下素材：
　　● 100个优秀网页鉴赏
　　● 168个网页BANNER
　　● 180个矢量图标
　　● 888个经典LOGO
　　● 3288个LCON图标
　　● 常见网页配色词典
 
【本书结构】
本书共10章，具体内容结构如下。
1  第1章介绍了网页的安全色、网页配色的原则和方法、色彩与感觉的神秘关系以及一些优秀的网站配色鉴赏。
1  第2章介绍了网页布局的设计（确定方法）、结构（单一、复合结构）和形态以及一些优秀的网站布局鉴赏。
1  第3～10章通过手机增值业务网站、旅游网站、家电家居网站、手机和数码产品网站、音乐网站、艺术设计网站、企业网站和时尚社区网站8个综合实例，展现了不同类型网站的设计、制作方法和过程。

【样章下载（PDF）】
http://sc.68design.net/gd/psd/200805/dwps.rar

  ]]>

http://www.yourhomepage.com.cn/default.asp?id=265 MrJin http://www.yourhomepage.com.cn/ your@email.com 2008-05-27T13:28:13+08:00 2008-05-27T13:28:13+08:00

　　第二，就是国内互联网用户的使用习惯已经被深深的打上了新浪的烙印。我记得Joel Spolsky在”User Interface Design for Programmers”书中打过这么个比方，苹果的软件虽然号称设计的最好，但如果你找一位Windows用户来操作苹果的软件，他刚开始一定会感到很 别扭。因为用户的使用习惯已经被微软改造过了。不管苹果的软件在客观上多么典雅易用，如果用户按照Windows的使用习惯操作后不能得到同样的结果，用 户就会产生挫折感，主观上得出的结论就是苹果不好用。而在互联网上，中国用户的使用习惯是新浪塑造出来的。比如我问我所观察的美女，她为什么不点击某个链 接，她的回答是，在新浪上，这个链接点进去是新浪的搜索结果页面，而不是她真正想看的内容，所以她看到模样相似的链接就不愿意去点击，即使这个链接不在新浪网上。还比如，我们发现多位美女都对某一块区域的内容很感兴趣。而询问后得到的回答也是，因为在新浪上，这块区域的内容一般都是真的内容，而不是广告什么的。

　　其实不光时尚美女们的使用习惯被新浪塑造过了，我认识的大多数不时尚的IT男士们也一样。之前Mary请了一帮圈内的朋友给创业邦网站提建议，大家也普遍认为首页不妨像新浪一样多分几屏。大家都习惯了在首页上看到很丰富的内容，而不是一个很典雅的设计却没 有几个可点击的链接。

　　喜欢也罢讨厌也罢，作为中国互联网媒体的老大，新浪已经给这一亿多网民刻上了深深的烙印。即便新浪自己，如果想改变一下布局和风格，肯定也得三思而后行。大家做网站，尤其是内容型网站，还是应该在新浪划下的圈圈里做文章比较靠谱些。]]>

http://www.yourhomepage.com.cn/default.asp?id=264 MrJin http://www.yourhomepage.com.cn/ your@email.com 2008-05-27T13:26:12+08:00 2008-05-27T13:26:12+08:00

　　一口气读完此文会导致窒息，很长很吓人。残忍的白鸦竟然请我翻译“全文”，工程实在浩大，翻译多半后我才发觉这根本是个无法完成的任务。现在只贴出文章简介以及和本期话题相关的“交互设计”部分。

　　糟糕的用户体验和缺乏帮助信息的软件界面，激励着我们数十年来致力于研究“人机交互”。本文，我的观点是：长期以来我们过于注重“交互”，这可能是一种误导。我认为，对于大多数软件——也就是我们所说的“信息化软件”来说，交互无论对于用户还是设计师实际上都是一种负担，用户的目标可以通过其他手段更好地被满足。

　　所谓“信息化软件”设计其实可以被看作是情境关联信息图形设计。我论证了信息图形化设计的主要任务和三种目前常用的获悉情境关联的途径，而交互是其中最次要的一种。当论证完这些设计理念在文化上变迁的必然性之后，我会开始进行设计。我概述了这样一种工具——它可以让设计师在没有技术支持的条件下根据数据生成图形，以及这样一个平台──它可以在独立程序之间进行空前级别的隐形情境共享。在结论中我断言：随着技术水平的不断提高，信息化软件的设计原则将会变得越来越重要。我爱设计网 

　　尽管这篇论文提出了许多具体的设计和工程理念，但文章的最大意图是——介绍信息化软件设计中的“统一理论”，向那些质疑软件世界是否如他们所知的那么“平”的设计师提供设计的灵感和方向。]]>

http://www.yourhomepage.com.cn/default.asp?id=263 MrJin http://www.yourhomepage.com.cn/ your@email.com 2007-07-19T22:05:15+08:00 2007-07-19T22:05:15+08:00

佳迪尼.马瑟逊公司 www.jardines.com 
阿尔贝特公司 www.arbed.com 
玩具 R 美国公司 www.tru.com 
KYUSHU电力公司 www.kyuden.co.jp 
理光公司 www.ricoh.co.jp 
英国邮政局公司 www.ukpo.co.uk 
克威尔内公司 www.kvaerner.com 
皮切尼公司 www.pechiney.com 
GEC 公司 www.gec.com 
诺瓦斯考地亚银行 www.scotiabank.ca 
拉法日公司 www.lafarge.com 
电路城集团 www.circuitcity.com 
OBAYASHI公司 www.obayashi.co.jp 
维尔豪泽公司 www.weyerhaeuser.com 
安田火灾与海事保险公司 www.yasuda.co.jp 
西格雷公司 www.seagram.com 
大众互助人寿保险公司 www.massmutual.com 
北方钢铁联合公司 www.usinor.com 
富士重工业公司 www.fhi.co.jp 
阿第克公司 www.adecco.com 
联合太平洋公司 www.up.com 
住友金属工业公司 www.smi-lsi.com 
日本能源公司 www.j-energy.co.jp 
法国天然气公司 www.gazdefrance.com 
卡斯达特公司 www.karstadt.de 
英国钢铁公司 www.britishsteel.co.uk 
惠而浦公司 www.whirlpool.com 
DZ BANK AG www.dzbank.de 
乔治威斯顿公司 www.weston.ca 
武中公司 www.takenaka.co.jp 
美国通用保险 www.agc.com 
东海银行 www.csweb.co.jp/tbk 
华纳兰勃特公司 www.warnerlambert.com 
神户钢铁公司 www.kobelco.co.jp 
爱迪生国际公司 www.edison.com 
法国航空公司 www.airfrance.net/ 
大西洋与太平洋茶叶公司 www.aptea.com 
赤水住宅公司 www.sekisuihouse.co.jp 
加拿大电力公司 www.powercorp.ca 
BEST BUY 公司 www.bestbuy.com 
吉列公司 www.gillette.com 
艾里莉丽公司 www.lilly.com 
韩国电力公司 www.kepco.co.kr 
友电器工业公司 www.sei.co.jp 
旭玻璃公司 www.agc.co.jp 
舰队金融公司 www.fleet.com 
意大利商业银行 www.bci.it 
大日本印刷公司 www.dnp.co.jp 
CSX 公司 www.csx.com 
信念健康公司 www.tenethealth.com 
埃德卡中心股份有限公司 www.edeka.de 
雪花牌牛奶产品公司 www.snowbrand.co.jp 
半岛东方汽船公司 www.p-and-o.com 
太阳公司 www.sun.com 
塞比公司 www.sepi.es 
哈门那公司 www.humana.com 
DDI公司 www.ddi.co.jp 
出光产业公司 www.idemitsu.co.jp 
浦项钢铁公司 www.posco.co.kr 
凸版印刷公司 www.toppan.co.jp 
耐克公司 www.info.nike.com 
高岛野公司 www.takashimaya.co.jp 
法国宇航公司 www.aerospatiale.fr 
王子造纸公司 www.ojipaper.co.jp 
西日本铁路公司 www.westjr.co.jp 
川崎重工业公司 www.khi.co.jp 
乐喜金星电子公司 www.lge.co.kr 
LIMITED公司 www.limited.com 
CATHAY LIFE公司 www.cathlife.com.tw 
福顿公司 www.fortum.com 
马来西亚石油公司 www.petronas.com.my 
苏格兰鳏寡基金 www.scottishwidows.co.uk 
加拿大太阳人寿保险 www.sunlife.com 
KYOEI 人寿保险公司 www.kyoei-life.co.jp 
亨氏 www.heinz.com 
KAWASHO公司 www.kawasho.co.jp 
旭化学工业公司 www.asahi-kasei.co.jp 
重建信贷机构 www.kfw.de 
阿斯特拉珍尼卡 www.zeneca.com 
UPM-KYMMENE公司 www.upm-kymmene.com 
圣保罗考司 www.stpaul.com 
施霸商业 www.spar.de 
西屋电器公司 www.cbs.com 
理尔公司 www.lear.com 
盖普公司 www.gap.com 
西北航空公司 www.nwa.com 
大宇宙商店 www.gusplc.co.uk 
多伦多自治领银行 www.tdbank.ca 
办公用品仓储商店 www.officedepot.com 
高露洁公司 www.colgate.com 
伯灵顿北桑塔佛公司 www.bnsf.com 
德古萨公司 www.degussa-huls.de 
三井FUDOSAN公司 www.mitsuifudosan.co.jp 
伯克夏哈撒韦公司 www.berkshirehathaway.com 
曼公司 www.man.de 
迪尔公司 www.deere.com 
中国化工进出口公司 www.sinochem.com 
登索公司 www.denso.co.jp 
伯格.布鲁斯威克公司 www.bergenbrunswig.com 
夏普公司 www.sharp.co.jp 
温-迪克斯百货公司 www.winn-dixie.com 
柏林银行公司 www.bankgesellschaft.de 
阿克佐诺贝尔公司 www.akzonobel.com 
马克斯与斯宾塞公司 www.marks-and-spencer.co.uk 
斯卡迪纳集团公司 www.skandia.se 
加拿大帝国商业银行 www.cibc.com 
丰田通笑公司 www.toyotsu.co.jp 
加拿大皇家银行 www.royalbank.com 
弗劳尔公司 www.fluor.com 
美国家庭产品公司 www.ahp.com 
埃默逊电器公司 www.emersonelectric.com 
伊陶萨投资公司 www.itau.com.br 
可口可乐 www.cokecce.com 
梅百货商店公司 www.maycompany.com 
伊斯特曼.柯达公司 www.kodak.com 
斯密斯克林比凯姆公司 www.sb.com 
乐喜金星国际公司 www.lg.korea.com 
意大利联合信贷 www.credit.it 
葛阑素威康公司 www.glaxowellcome.co.uk 
乔治亚-太平洋公司 www.gp.com 
大西洋富田公司 www.arco.com 
利比蒂互助人寿保险公司 www.libertymutual.com 
电缆与无线电公司 www.cwplc.com 
全国保险企业公司 www.nationwide.com 
因特撒银行 www.bancaintesa.it 
新闻公司 www.newscorp.com 
贺岛公司 www.net.kajima.co.jp 
挪威水电公司 www.hydro.com 
汉莎航空集团公司 www.lufthansa.com 
日本捷运公司 www.nittsu.co.jp 
IBP公司 www.ibpinc.com 
达那公司 www.dana.com 
伯特尔斯曼公司 www.stiftung.bertelsmann.de/english/index_gb.htm 
洛拉尔公司 www.loreal.com 
国立澳大利亚银行 www.national.com.au 
华盛顿共同基金 www.wamu.com 
日特爱德公司 www.riteaid.com 
废品管理公司 www.merchantstore.com/usawaste 
泛加输油管道 www.transcanada.com 
五十铃汽车公司 www.isuzu.co.jp 
太阳互助人寿保险公司 www.taiyo-seimei.com.jp 
固特异轮胎与橡胶公司 www.goodyear.com 
约翰逊控制公司 www.jci.com 
公用联合公司 www.utilicorp.com 
米格罗斯公司 www.mgb.ch 
阿拉斯通公司 www.alstom.com 
清水公司 www.shimz.co.jp 
NORINCHUKIN银行 www.norinchukin.or.jp 
雅培制药公司 www.abbott.com 
奥托邮购两合公司 www.otto.de 
隋神福威公司 www.safeway.co.uk 
麦克唐纳公司 www.mcdonalds.com 
森特理克公司 www.centrica.co.uk 
美国西部公司 www.USWEST.com 
KINGFISHER公司 www.kingfisher.co.uk 
泰克国际公司 www.tycoint.com 
金伯莱-克拉克公司 www.kimberly-clark.com 
拉加德里集团公司 www.lagardere.fr 
日本航空公司 www.jal.co.jp 
LOWE'S公司 www.lowes.com 
法律通用保险公司 www.landg.com 
汉高公司 www.henkel.com 
苏格兰皇家银行 www.royalbankscot.co.uk 
维亚康姆公司 www.viacom.com 
银行家信托纽约公司 www.bankerstrust.com 
东方电力公司 www.tohoku-epco.co.jp 
托斯克公司 www.tosco.com 
施伦泊格 www.slb.com 
DENTSU公司 www.dentsu.co.jp 
德国冶金公司 www.mg-ag.de 
三菱化学公司 www.m-kagaku.co.jp 
特里斯特拉公司 www.telstra.com.au 
乌尔沃斯公司 www.woolworths.com.au 
菲利浦石油公司 www.phillips66.com 
比利时石油公司 www.fina.com 
蒙特里尔银行 www.bmo.com 

英国航空公司 www.bae.co.uk 
日本旅行局 www.jtb.co.jp 
DAIDO人寿保险公司 www.daido-life.co.jp 
伯克夏哈撒韦公司 www.berkshirehathaway.com 
曼公司 www.man.de 
迪尔公司 www.deere.com 
中国化工进出口公司 www.sinochem.com 
登索公司 www.denso.co.jp 
伯格.布鲁斯威克公司 www.bergenbrunswig.com 
夏普公司 www.sharp.co.jp 
温-迪克斯百货公司 www.winn-dixie.com 
柏林银行公司 www.bankgesellschaft.de 
可口可乐公司 www.cocacola.com 
埃贡公司 www.aegon.com 
BCE公司 www.bce.ca 
拉勃银行 www.rabobank.com 
道氏化学公司 www.dow.com 
JP.摩根公司 www.jpmorgan.com 
三星电子公司 www.sec.co.kr 
皮诺特－普林特普集团公司 www.pprgroup.com 
布里斯托迈耶斯施贵宝公司 www.bms.com 
戴尔电脑 www.dell.com 
斯坦德集团公司 www.bancosantander.es 
富来第马克公司 www.freddiemac.com 
伊里公司 www.iri.it 
MCI世界通讯公司 www.wcom.com 
公爵能源公司 www.duke-energy.com 
北方电讯 www.nortelnetworks.com 
UAL公司 www.ual.com 
自动化国家公司 www.republicindustries.com 
SNCF公司 www.sncf.fr 
苏比维鲁公司 www.supervalu.com 
阿贝国家公司 www.abbeynational.plc.uk 
联合保健公司 www.UHC.com 
哈利博顿 www.halliburton.com 
金松公司 www.kanematsu.co.jp 
美国技术公司 www.ameritech.com 
布罗肯.希尔公司 www.bhp.com.au 
斯普林特公司 www.sprint.com 
BOUYGUES公司 www.bouygues.fr 
桥石公司 www.bridgestone.co.jp 
德意志巴恩公司 www.bahn.de 
纳贝斯科控股公司 www.rjrnabisco.com 
罗士控股公司 www.roche.com 
中分电力公司 www.chuden.co.jp 
诺威治联合公司 www.norwich-union.co.uk 
电子数据系统 www.eds.com 
巴西银行 www.bradesco.com.br 
樱花银行 www.sakura.co.jp/bank 
AMP公司 www.amp.com.au 
东京海事与火灾保险公司 www.tokiomarine.co.jp 
佛兰兹汉尼尔公司 www.haniel.de 
瑞士再保险公司 www.swissre.com 
巴里巴斯金融公司 www.paribas.com 
大伊智贯鱼银行 www.dkb.co.jp 
德意志邮政公司 www.deutschepost.de 
劳.加兹普罗姆公司 www.gazprom.ru 
阿歇丹尼尔斯.米德兰公司 www.admworld.com 
马自达汽车公司 www.mazda.co.jp 
豪尔法克斯建筑会社 www.halifax.co.uk 
安田互助人寿保险公司 www.yasuda-life.co.jp 
阿尔伯特逊公司 www.albertsons.com 
基本健康公司 www.cardinal-health.com/ 
联邦捷运公司 www.fdxcorp.com/ 
联邦百货商店公司 www.federated-fds.com/ 
法国邮政公司 www.laposte.fr/ 
卡西诺集团公司 www.casino.fr/ 
拉格公司 www.rag.de/ 
莱普索尔公司 www.repsol.com/ 
创意系统公司 www.invensys.com/ 
巴西石油公司 www.petrobras.com.br/ 
瑞士人寿保险与年金公司 www.swisslife.com/ 
阿尔卡公司 www.alcoa.com/ 
帝国化学工业公司 www.ici.com/ 
塞斯克公司 www.sysco.com/ 
沃尔格林公司 www.walgreens.com/ 
CVS公司 www.cvs.com/ 
联合信号公司 www.alliedsignal.com/ 
拜里斯切国家银行 www.blb.de/ 
弗来明公司 www.fleming.com/ 
哈特福德金融服务公司 www.thehartford.com/ 
明尼苏达矿业与制造业公司 www.mmm.com/ 
日本烟草公司 www.jti.co.jp/ 
佛来得梅耶公司 www.fredmeyer.com/ 
标准人寿保险公司 www.standardlife.com/ 
丽都公司 www.electrolux.com/ 
英国航空公司 www.british-airways.com/ 
德州公用 www.tu.com/ 
三洋电气公司 www.sanyo.co.jp/ 
印度石油公司 www.iocl.com/ 
罗纳－普朗克公司 www.rhone-poulenc.com/ 
浦菲泽公司 www.pfizer.com/ 
西北互助人寿保险公司 www.northwesternmutual.com/ 
时代华纳公司 www.timewarner.com/ 
诺基亚 www.nokia.com/ 
微软 www.microsoft.com/ 
三星人寿保险公司 www.samsung.co.kr/ 
迈卡尔公司 www.samsung.co.kr/ 
比尔鲍.维兹卡亚银行 www.bbv.es/ 
丹侬集团公司 www.groupedanone.fr/ 
孝尔斯.迈耶公司 www.colesmyer.com.au/ 
德尔海兹利莲公司 www.delhaize-le-lion.be/ 
卡西斯百货集团公司 www.cencep.caisse-epargne.fr/ 
蒙特迪生公司 www.montedison.it/ 
日本石油公司 www.nmoc.co.jp/ 
戴那基公司 www.dynegy.com/ 
圣保罗IMI公司 www.sanpaolo.it/ 
NKK公司 www.nkk.co.jp/ 
三角航空公?/td> www.delta-air.com/ 
斯塔托尔公?/td> www.statoil.com/ 
米切林公司 www.michelin.fr/ 
大成公 www.taisei.co.jp/ 
佳能公司 www.canon.com 
日本钢铁公司 www.nsc.co.jp 
第一联合公司 www.firstunion.com 
西格纳公司 www.cigna.com 
商业银行 www.commerzbank.de 
曼内斯曼公司 www.mannesmann.com 
中国银行 www.bank-of-china.com 
卡特彼勒公司 www.caterpillar.com 
住友银行 www.sumitomobank.co.jp 
墨西哥石油公司 www.pemex.com 
麦克逊公司 www.mckesson.com 
普里伊萨格公司 www.preussag.de 
埃特纳意外伤害保险公司 www.preussag.de 
富国银行 www.preussag.de 
KANSAI电力公司 www.preussag.de 
富士银行 www.fujibank.co.jp 
施乐公司 www.xerox.com 
萨拉.李公司 www.saralee.com 
PG&E 公司 www.pgecorp.com 
莱曼兄弟控股公司 www.lehman.com 
美国百货公司 www.americanstores .com/ 
纽约人寿保险公司 www.newyorklife.com 
圣戈班公司 www.saint-gobain.com 
弟阿格公司 www.diageo.com 
哥伦比亚/HCA保健公司 www.columbia-hca.com 
雷声公司 www.raytheon.com 
国际造纸公司 www.internationalpaper.com 
西班牙电讯公司 www.telefonica.es 
东日本铁路公司 www.jreast.co.jp 
旭互助寿险公司 www.asahi-life.co.jp 
AMR公司 www.amrcorp.com 
JUSCO公司 www.jusco.co.jp 
美国捷运公司 www.americanexpress.com 
三和银行 www.sanwabank.co.jp 
日本邮政服务公司 www.mpt.go.jp 
科尼克林克.阿诺尔德公司 www.ahold.com 
三星公司 www.samsungcorp.com 
鲜京公司 www.sk.co.kr 
SBC通讯公司 www.sbc.com 

罗伯特博世公司 www.bosch.de 
明治人寿保险公司 www.meiji-life.co.jp 
特斯科公司 www.tesco.co.uk 
英国电信 www.bt.com 
克罗杰公司 www.kroger.com 
维亚哥公司 www.viag.com 
三菱汽车公司 www.mitsubishi-motors.co.jp 
法国电讯公司 www.francetelecom.com 
UBS公司 www.ubs.com 
道达尔菲那公司 www.total.com 
默克公司 www.merck.com 
雪夫龙公司 www.chevron.com 
巴黎国民银行 www.bnp.fr 
沃尔沃汽车公司 www.volvo.com 
大都会寿险公司 www.metlife.com 
日本产业银行 www.ibjbank.co.jp 
英特尔公司 www.intel.com 
洛克希德马丁公司 www.lmco.com 
意大利电信 www.telecomitalia.it 
阿尔斯塔特公司 www.allstate.com 
联合技术公司 www.utc.com 
PDVSA公司 www.pdvsa.com 
第一银行公司 www.bankone.com 
NICHIMEN公司 www.nichimen.co.jp 
GTE公司 www.gte.com 
皇家与太阳联盟公司 www.royalsunalliance.com 
伊东-八鹿岛公司 www.itoyokado.iyg.co.jp 
圣斯伯里公司 www.j-sainsbury.co.uk 
巴西银行 www.bancobrasil.com.br 
赫希斯特公司 www.hoechst.com 
联合包裹服务公司 www.ups.com 
USX公司 www.usx.com 
劳埃德TSB集团公司 www.lloydstsb.co.uk 
隋福威公司 www.safeway.com 
蔡斯克鲁普公司 www.thyssenkrupp.com 
现代公司 www.hyundaicorp.com 
科斯托克公司 www.pricecostco.com 
CNP保险公司 www.cnp.fr 
康格拉公司 www.conagra.com 
强生公司 www.jnj.com 
阿尔卡特-阿尔斯通集团公司 www.alcatel.com 
大荣公司 www.daiei.co.jp 
奥卡恩集团公司 www.auchan.com 
爱立信公司 www.ericsson.com 
南方贝尔公司 www.bellsouthcorp.com 
沃尔特.迪斯尼公司 www.disney.com 
德累斯登银行 www.dresdner-bank.de 
三菱重工公司 www.mhi.co.jp 
西德意志土地银行 www.westlb.de 
里昂信贷公司 www.creditlyonnais.com 
百事公司 www.pepsico.com 
三井互助人寿保险公司 www.mitsui-seimei.co.jp 
英格雷姆麦克罗公司 www.ingrammicro.com 
巴克莱银行 www.barclays.co.uk 
诺华制药公司 www.novartis.com 
中国工商银行 www.icbc.com.cn 
普罗莫德公司 www.promodes.fr 
埃尼尔公司 www.enel.it 
国民威斯敏斯特银行 www.natwestgroup.com 
富士通公司 www.fujitsu.co.jp 
东京电力公司 www.tepco.co.jp 
德国电讯公司 www.telekom.de 
住友寿险公司 www.sumitomolife.co.jp 
杜邦公司 www.dupont.com 
苏黎世金融服务公司 www.zurich.com 
菲利浦电气公司 www.philips.com 
CGU公司 www.cguplc.com 
标致公司 www.psa.fr 
NEC公司 www.nec.co.jp 
宝洁公司 www.pg.com 
法国电力公司 www.edf.fr 
RWE集团公司 www.rwe.de 
帕斯奇塞纳蒙特银行 www.tiaa-cref.org 
宝马公司 www.bmw.com 
埃尔夫阿基坦公司 www.elf.com 
美林公司 www.ml.com 
慕尼黑RE集团 www.munichre.com 
威武安迪公司 www.viveni.com 
莱昂纳斯奥克斯公司 www.suez-lyonnaise-eaux.com 
美国谨慎保险公司 www.prudential.com 
ABN阿莫罗持股公司 www.abnamro.com 
中国石油化工集团公司 www.SINOPEC.com.cn 
谨慎公司 www.prudentialcorporation.com 
凯马特公司 www.kmart.com 
美国国际集团公司 www.aig.com 
农业信贷公司 www.credit-agricole.fr 
埃尼公司 www.eni.it 
奇斯曼哈顿公司 www.chase.com 
抵押银行集团 www.hypovereinsbank.d 
德士古公司 www.texaco.com 
大西洋贝尔公司 www.bellatlantic.com 
法尼梅公司 www.fanniemae.com 
福蒂斯公司 www.fortis.com 
安隆公司 www.enron.com 
拜耳公司 www.bayer-ag.com 
康帕克计算机公司 www.compaq.com 
摩根-斯坦利集团 www.msdw.com 
戴顿哈德逊公司 www.dhc.com 
TOMEN公司 www.tomen.co.jp 
东京-三菱银行 www.btm.co.jp 
ABB阿斯那布劳恩勃沃里公司 www.abb.com 
巴斯夫公司 www.basf.com 
皮切尼公司 www.jcpenney.com 
加福尔公司 www.carrefour.fr 
霍姆.德波特公司 www.homedepot.com 
朗讯科技 www.lucent.com 
社会通用公司 www.socgen.com 
三菱电气公司 www.mitsubishielectric.com 
摩托罗拉公司 www.mot.com 
通用汽车公司 www.gm.com 
戴姆勒-克莱斯勒公司 www.daimlerchrysler.com 
福特汽车公司 www.ford.com 
沃尔-马特百货公司 www.wal-mart.com 
三井公司 www.mitsui.co.jp 
伊腾忠商社 www.itochu.co.jp 
三菱公司 www.mitsubishi.co.jp 
埃克森公司 www.exxon.com 
通用电气公司 www.ge.com 
丰田汽车公司 www.toyota.co.jp 
皇家荷兰壳牌集团 www,shell.com 
MARRUBENI公司 www.marubeni.co.jp 
住友司 www.sumitomocorp.co.jp 
国际商用机器公司 www.ibm.com 
AXA公司 http:/www.axa.com 
花旗集团 www.citi.com 
大众汽车公司 www.volkswagen.de 
日本电报电话公司 www.ntt.co.jp 
BP阿莫科公司 www.bpamoco.com 
日胜公司 www.nisshoiwai.co.jp 
日本人寿保险公司 www.nissay.co.jp 
西门子公司 www.siemens.de 
安联保险 www.allianz.com 
日立公司 www.hitachi.co.jp 
美国邮政服务公司 www.usps.gov 
松下电器产业公司 www.panasonic.co.jp 
菲利普 莫里斯公司 
ING集团公司 www.inggroup.com 
波音公司 www.boeing.com 
美国电报电话公司 www.att.com 
索尼公司 www.world.sony.com 
城市持股公司 www.metro.de 
日产汽车公司 www.nissan.co.jp 
菲亚特公司 www.fiat.com 
美洲银行公司 www.bankofamerica.com 
雀巢公司 www.nestle.com 
瑞士信贷公司 www.csg.ch 
本田汽车公司 www.honda.co.jp 
通用保险股份公司 www.generali.com 
莫比尔公司 www.mobil.com 
惠普公司 www.hp.com 
德意志行 www.deutsche-bank.com 
联合利华公司 www.unilever.com 
国家农场保险公司 www.statefarm.com 
台市互助人寿保险公司 www.dai-ichi-life.co.jp 
费巴集团公司 www.veba.de 
汇丰控股有限公司 www.hsbc.com 
东芝公司 www.toshiba.co.jp 
雷诺公司 www.renault.com 
西尔斯-罗巴克公司 www.sears.com
]]>

http://www.yourhomepage.com.cn/default.asp?id=262 MrJin http://www.yourhomepage.com.cn/ your@email.com 2007-07-19T21:59:12+08:00 2007-07-19T21:59:12+08:00

做设计的时候总是容易没有灵感。到CSS库去看看别人做得设计也许会帮你找到不少灵感。如果你的设计足够优秀让这些CSS库收录的话，那么这还会为你带来很多访问者

http://www.unmatchedstyle.com
http://www.cssbeauty.com
http://cssvault.com
http://www.stylegala.com
http://cssdrive.com
http://thesis.veracon.net
http://styleboost.com
http://www.csselite.com/gallery
http://www.cssimport.com
http://www.webcreme.com
http://www.cssmania.com
http://www.designshack.co.uk

Web标准
遵守Web标准来编写代码会使你的代码干净而且有对搜索引擎有良好的亲和度。一个可以用100行代码就搞定的代码，为什么一定要把他搞成1001行呢？

Developing With Web Standards - 这篇文档介绍了如何在Web标准下省时省力的构建你的站点，同时还能带来良好的用户体验。另外还介绍了一些技巧教会你如何提升网站的质量以及流量。 
http://www.mezzoblue.com/archives/2004/04/30/a_roadmap_to/index.php
http://www.webstandards.org
http://www.maxdesign.com.au/presentation/checklist.htm
http://www.sitepoint.com/article/importance-web-standards

验证器
在你明白什么是Web标准以后，下面两个小工具可以帮你测试你的站点是否符合标准。 

HTML & XHTML Validator 
CSS Validator 

易用性
易用性也许是网站设计中最关键的因素之一。良好的设计不但会带来良好的用户体验，而且会提升你的站点的网站转换律 

What is usability 
Usability First - 叙述网站易用性的重要程度 
Weblog Usability: The Top Ten Design Mistakes - Blog往往不是很注重网站的易用性，这使得Blogger很难获得新的读者以及忠实的读者 
Web Design & Usability Guidelines -这本在线的教程一共分成了18章，它将教你如何设计优秀易用的网站 
Web usability - the basics 
The Culture of Usability - 如何使用最小的花销却从易用性中得到更多-测试程序. 
90% of All Usability Testing is Useless 
Ten deadly sins of web design -网站设计中10个易犯的大错 
Information architecture resources 
Usability Views 

博客/资源
Blog上有大量即时更新的关于设计以及易用性的资讯。下面这个列表中的blog推荐订阅哦。 

Stopdesign 
Signal vs. Noise Blog - 37signals的blog，关注网站设计以及易用性 
Digital Web Magazine - Digital Web Magazine 是一个面向专业网站设计人员，开发人员以及信息构架师的在线杂志。 
A List Apart - A List Apart 基于Web标准的基础上以特殊的视角关注以下几个方面的最佳实践：设计，开发，网站内容。 
456 Berea Street - Roger Johansson 的站点，他经常写一些关于web 标准，可访问性以及易用性的文章 
mezzoblue 
Adaptive Path 
Jesse James Garrett - Adaptive Path创始人的blog. 
Jeffrey Veen 
Your Total Site - YourTotalSite中包含了很多内容，比如易用性, 可访问性, 视觉设计,在线市场, (X)HTML & CSS, JavaScript, 内容构架等等 
IxDG Resource Library - 有很多交互设计方面的东东 
Apples to oranges - Ryan Nichols的blog. 
Demystifying Usability - Frank Spillers的blog,他是一个网站易用性方面的顾问 

配色
配色在设计中显得非常的关键。良好的配色不但能够将你的网站和竞争对手的站点开来，而且还能向你的访问者传递一些特殊的信息。如果你提供的是个人服务的话，你可以选择柔和一点的颜色，如果是为某个组织的网站的话，就应该选择厚实一些的颜色。下面的这些资源可以帮助你做出一些配色上的决定。 

Color Schemer - 在线配色 
Color Meaning - 一篇解释不同颜色的象征以及意义的文章 
The Meaning of Color in Web Design - 在网络营销中颜色如何影响访问者 
Symbolism of Color 
Color Matters - 探索如何用颜色是去影响情绪, 食欲, 性欲, 性欲, 涉及, 以及艺术. 

排版
有很多字体可供选择，合理的使用它们会得到很好的效果。 

1001 Free Fonts - 收集了Windows 以及 Macintosh下的很多True-type字体 
The Anatomy of Web Fonts 
Typetester - Typetester 提供了一个在线的应用可以让你比较各种字体的效果，有了它网页设计者的工作轻松多了 ]]>

http://www.yourhomepage.com.cn/default.asp?id=261 MrJin http://www.yourhomepage.com.cn/ your@email.com 2007-07-19T21:57:36+08:00 2007-07-19T21:57:36+08:00

http://www.daum.net 
2. http://www.naver.com 
3. http://www.sayclub.com 
4. http://www.bugs.co.kr 
5. http://www.netmarble.net 
6. http://www.nate.com 
7. http://www.bugsmusic.co.kr 
8. http://www.damoim.net 
9. http://www.freechal.com 
10. http://www.auction.co.kr 
11. http://www.hanmir.com 
12. http://www.dreamwiz.com 
13. http://www.empas.com 
14. http://www.chosun.com 
15. http://www.kbstar.com 
16. http://www.hanafos.com 
17. http://www.joins.com 
18. http://www.mgame.com 
19. http://www.kbs.co.kr 
20. http://www.msn.co.kr 
21. www.sportsseoul.com 
22. http://www.imbc.com 
23. http://www.hot.co.kr 
24. http://www.dearyou.com 
25. http://www.cgiworld.net 
26. http://www.gameting.com 
27. http://www.iloveschool.co.kr 
28. http://www.chol.com 
29. http://www.com.ne.kr 
30. http://www.stoo.com 
31. http://www.sbs.co.kr 
32. http://www.ohcorea.com 
33. http://www.maxmp3.co.kr 
34. http://www.netpia.com 
35. http://www.cyworld.com 
36. http://www.netian.com 
37. http://www.korea.com 
38. http://www.donga.com 
39. http://www.bestweb.tv 
40. http://www.buddybuddy.co.kr 
41. http://www.gajai.com 
42. http://www.interpark.com 
43. http://www.lgeshop.com 
44. http://www.hihome.com 
45. http://www.nonghyup.com 
46. http://www.realmedia.co.kr 
47. http://www.wooribank.com 
48. http://www.club5678.com 
49. http://www.hankooki.com 
50. http://www.candybar.co.kr 
51. http://www.cjmall.com 
52. http://www.pdbox.co.kr 
53. http://www.yahoo.co.krnfo 
54. http://www.r114.co.kr 
55. http://www.joyon.com 
56. http://www.magicn.com 
57. http://www.ggame.net 
58. http://www.siatkids.com 
59. http://www.hmall.com 
60. http://www.speedbank.co.kr 
60. http://www.speedbank.co.kr 
61. http://www.playforum.net 
62. http://www.jobkorea.co.kr 
63. http://www.nexon.com 
64. http://www.wo.to 
65. http://www.x2game.com 
66. http://www.joy1004.co.kr 
67. http://www.ebs.co.krnfo 
68. http://www.scourt.go.kr 
69. http://www.findall.co.kr 
70. http://www.chb.co.kr 
71. http://www.sorasguide.net 
72. http://www.bccard.com 
73. http://www.cafe24.com 
74. http://www.new21.net 
75. http://www.bobaedream.co.kr 
76. http://www.samsungcard.co.kr 
77. http://www.eroskorea.com 
78. http://www.neonet.co.kr 
79. http://www.lgcard.com 
80. http://www.kookmincard.co.kr 
81. http://www.keb.co.kr 
82. http://www.sportschosun.com 
83. http://www.nexon.co.kr 
84. http://www.hani.co.kr 
85. http://www.edumoa.com 
86. http://www.sexwal.com 
87. http://www.ktfmembers.com 
88. http://www.lycos.co.kr 
89. http://www.genikids.com 
90. http://www.superboard.com 
91. http://www.shinhan.com 
92. http://www.paxnet.co.kr 
93. http://www.seoul.kr 
94. http://www.goi.com 
95. http://www.cashup.co.kr 
96. http://www.moneta.co.krnfo 
97. http://www.ohmynews.com 
98. http://www.sexkorea.net 
99. http://www.norazo.com 
100. http://www.yonhapnews.net  

很多网站，我以前是经常浏览，资源很丰富。其中大多网站，已经进驻到国内。]]>

http://www.yourhomepage.com.cn/default.asp?id=260 MrJin http://www.yourhomepage.com.cn/ your@email.com 2007-05-11T23:55:13+08:00 2007-05-11T23:55:13+08:00

　　世界最好的创意设计师集合地之一，除了提供基本的BLOG功能及二级域名外，还有地域、活动、在线交流等超级丰富的内容。

]]>

http://www.yourhomepage.com.cn/default.asp?id=259 MrJin http://www.yourhomepage.com.cn/ your@email.com 2007-05-05T23:57:56+08:00 2007-05-05T23:57:56+08:00

　　网站地址：http://torchrelay.beijing2008.cn

　　火炬接力是奥运盛会的序曲，是奥林匹克运动最为重要的仪式之一，是传播和弘扬奥林匹克精神的主要形式。北京2008年火炬接力是北京奥运会的重大仪式之一。它的主题是“和谐之旅”，口号是“点燃激情，传递梦想”。火炬接力活动将在世界五大洲和中国广泛开展。这将是现代奥运史上路线最长、范围最广、参与人数最多的接力活动。我们希望，北京奥运会火炬接力能够把奥林匹克精神再一次传遍全球，充分体现中国人民对推动奥林匹克运动的热诚；能够充分展现途经各国、各地、各城市的秀美风光、文化传统和人民的精神风貌，增进世界各国人民的相互了解和友谊；能够进一步传播北京奥运会“同一个世界、同一个梦想”主题口号的丰富内涵，向各国人民发出参加北京奥运会的邀请，共享北京奥运会的欢乐和荣耀。

]]>

http://www.yourhomepage.com.cn/default.asp?id=257 MrJin http://www.yourhomepage.com.cn/ your@email.com 2007-05-04T23:28:47+08:00 2007-05-04T23:28:47+08:00

　　刚接触Flash的时候是Flash6末期，国内的Flash Web（也就是Flash网站）还是很少的，牛X的更是屈指可数，而且这个时候所谓的牛X，一般都是指效果很酷，技术强的基本没有。早期的Flash web开发者大都是由Flash动画制作者或是网页设计师转变而来。他们非常热衷于片头和过渡效果，为此不惜牺牲浏览者的等待时间并吃掉浏览者的CPU，所以好多人一谈起Flash web就觉得它体积大，效率低。当然如果是个人网站，信息量小，大多都是一次性浏览的网站，酷眩的效果可以让人过目不忘，这是普通HTML网页所不能企及的。

　　后来MM公司对Flash的连续两次升级都把重点放在了AS上，AS内置类快速膨胀，功能急速扩展，AS2.0更是趋向标准的面向对象语言。这时候一大批程序员又被吸引进来了，尤其是那些有C或者JAVA背景的牛人们。可惜他们总喜欢用程序员的思维去评判Flash web，甚至用软件开发的标准去往Flash web开发上硬套，结果肯定是失望，很多人武断的就把责任推给了Flash：“Flash web结构混乱，基于时间轴的AS写法奇怪，Flash web不适合大规模的商业应用开发！”。就这样Flash web的前途被宣判了死刑。

　　于是造成现在一个非常有意思的现象：很多以前动画很牛的前辈们，都去职业搞动画片制作了，并为Flash动画的产业化和商业化勇敢探索着，有些已经取得了辉煌成就；而Flash7之后进来的程序牛人们，直接从事Flash游戏开发和Flash RIA应用开发了，他们更习惯基于事件的编程和面向对象的开发模式，时间轴对他们的意义已经不再重要。这样以来Flash web开发成为一个中间断档带，也是人才最稀缺的地带。很多目前从事Flash web开发的人员应该都是从HTML网页制作人员简单学了一些Flash后过渡过来的，他们即非动画高手也非程序高手，更多的是网页设计高手。然而这些设计高手又总爱拿Flash跟PS比，结果Flash web开发还是没得到好的口碑。

　　我从最开始学习Flash就是以做网站为目的，这两年多来，我所学的一切都是以Flash web开发和应用为核心，我几乎尝试了所有常见的Flash web结构形式，我时时刻刻的都在考虑如何在保存Flash优势的情况下，又能开发出有实际应用价值的高效率的商业作品，最终将Flash web开发模式化，快速化。

　　那么Flash web的优势在那里呢？对于展示性的网站，当然是Flash酷眩的效果，这点已经被大多数人所共识。但对于包含大量信息，需要经常更新的Flash web，它的最大优势就不再可能是效果，因为Flash的效率实在不敢恭维，大量的效果会影响人们对信息的查询效率，现在网络带宽也不容乐观，大量的动画必将造成SWF体积膨胀，影响浏览速度。那么大中型信息类Flash web的优势到底是什么呢？在笔者看来，最大优势只有两点而已，一是界面布局灵活，二是数据的无刷新更新。还记得我们以前在DW中拉表格的痛苦吗？还会为了网站布局工整写一堆CSS和JS吗？还用得着每次更新数据就打开一个新页面吗？Flash web的两大优势使这些历史的痛苦都成为了过去。而且，这两点如果处理恰当的话，就已经足够给普通的浏览者带来全新的用户体验了。

　　我这两年来一直也都是处在学习和探索阶段，还不是真正的理论研究阶段，两年时间太短了！我的很多想法和理论还很不成熟，甚至是幼稚的。我现在拿出来和大家分享，不求说服谁或者证明什么，只求能给大家一些启发，同时自己也好好总结一下。下面就粗浅的谈谈我目前对Flash web尤其是Flash web结构的认识吧。

　　Flash web结构概述

　　现在的Flash web真是百花齐放，形形色色的Flash web使人应接不暇。自由灵活是Flash web的生命力所在，但这也正Flash web商业化的主要瓶颈之一。商业最看重的是效率，而无规则便无效率可言。那么Flash web是不是真的就一点规律都没有呢？非也！纵观现在所有的Flash web（Flash RIA应用程序除外，比如Flash涂鸦板、地图等等），不管它们技术怎么牛，效果怎么酷眩，都不能逃脱以下四层结构：

1　　动画层（Movie）
2　　背景层（Background）
3　　数据显示层（Display）
4　　数据层（Data）

　　这些概念其实都不新颖，看到这些我自创的名词，一些有经验的开发者们肯定立刻都能猜出一二来。为了以后论述方便，简称MBDD式。

　　我以下的所有讨论都将紧紧围绕这四层结构进行，因为在我看来，Flash web的灵魂就是它的结构，一个Flash web的技术含量不是看它某些特效多眩，更不是看这个WEB中有个什么新颖的、牛X的技术应用，关键是要看它通过什么手段有效的把各种元素统一起来的！

　　最后我要提前说明的一点是，MBDD式是对所有Flash web的概述，很多Flash web根据其功能不同可能缺失其中某些层，下面我会仔细讲解。

　　至于Flash web涉及的其它方面，我都略过，毕竟我这篇是总结性的文章，不是教程。Flash web也不是我一篇文章就能写全面的。

浅谈过渡动画层

早期的Flash web大都含有丰富的过渡动画，比较典型的是：龙城闪客和梵天。最新版的龙城闪客还给每个子栏目的过渡也添加了绚丽的动画效果。总的来说动画层可以分为三种：

1　开场动画
2　栏目过渡动画
3　点缀动画

　　先来谈谈开场动画。开场动画时间一般比较长，反映在时间轴上就是好长好复杂的一段帧结构。第一帧一般是loading画面，最后一帧一般是网站的主框架。这里就存在一个如何安排帧的问题。记得以前见有人在论坛上发帖说Flash web最好不要分场景，其实他的说法是片面的，对于没有过渡动画的Flash web来说，完全可以这么做，可对于大量过渡动画的Flash web就另当别论。如果你不分场景，必然造成代码和动画混杂在一起。而一般来说，控制网站主要功能的代码都在过渡动画之后的帧上，在后续的代码编写过程中，你每次可能都要把时间轴拉到几百甚至是上千帧之后，这也非常的麻烦。笔者的建议是：把过渡动画做在一个场景中，然后复制过渡动画最后一帧的网站框架帧到第二个场景中，主要的功能代码也都将集中在这个场景，这样就有效的把动画和代码进行了分离，编写代码时时间轴看上去也舒服些。还有一种比较常见的做法是，给过渡动画加上一个skip按钮，如果浏览者点击了这个按钮，马上就会loadMovieNum(main.swf,0)进一个新的main.swf，而这个main.swf就网站的主框架了。这种做法与前一种其实类似，只不过它把动画和主框架从分在两个场景变成了分在两个SWF，而且还能让浏览者自己选择是否观看过渡动画，有更大的灵活性。

　　再来谈谈栏目过渡动画。栏目过渡动画主要指在你点击一个导航按钮打开一个新的栏目时所显示的一段动画，还拿最新版龙城闪客举例，它在打开一个新的子栏目时会先把上一个栏目变成很多小方块，然后飞到左边的神秘空间中，这时又从神秘空间里发出一道神秘的光线，并在这道光线的沐浴中出现新栏目的加载画面。我没有破解过最新版的龙城闪客，不知道他到底是怎么安排这个动画的，但我有自己的想法。如果这个过渡动画是集成到主框架的，那过渡动画中最好不要写代码，而是在主场景中通过侦测过渡动画的当前帧和总帧数来确定何时加载子栏目SWF；如果每个子栏目的过渡动画效果不同，那最好把每个子栏目SWF处理成一个独立的网站，其结构应该遵循在“开场动画”中提到的规则。

　　点缀动画没什么好说的，你把它想象成在HTML网页中起美化作用的GIF动画就好了，当然它比GIF动画更生动，使用也更灵活，还可以具有交互性。

　　总之我的主要思想就是尽量把动画和代码分开，以便自己以后方便查找和修改代码。同时保证网站结构工整。
]]>

http://www.yourhomepage.com.cn/default.asp?id=256 MrJin http://www.yourhomepage.com.cn/ your@email.com 2007-05-04T23:24:08+08:00 2007-05-04T23:24:08+08:00

Forest Key：首先让我来介绍一下我的整个职业经历，来说明我是如何最终到微软去的。我在大学学的是历史和电影，我很早就参与了数字化的电影制作，用电脑来做剪辑和制作电影特效。当时我为avid公司工作，这是一家开发视频编缉工具的公司。我当时参与了一些音乐录影带和电视广告，和几部电影长片，同时我自己也是一个动画师和剪辑师，我使用AE，以及Discreet的flam、inferno那些昂贵系统。作为一个艺术家，我在这些制作的过程中对于制作工具产生了兴趣。我开始对工具是如何能够生成各种各样的内容感兴趣。我创立了一家叫做Puffin Design的公司，推出了Commotion，这是一个制作电影特效的工具。后来我把这家公司卖给了Pinnacle System（品尼高），当时我就去了Macromedia。那时我对电影、多媒体以及动画持有强烈的兴趣。所以在Macromedia我的工作的焦点就是flash中的互动以及动画，以及对视频的支持，这个功能后来获得了很好的市场反响。今天早上我还看了很多基于flash的中文视频网站，包括“六间房”和“土豆网”。我的兴趣一直都是关于讲故事、动画以及视觉特效的。在Macromedia的时候我很乐于投入这方面的工作，但当我了解到微软利用他们的科技在做的事情的时候，我受到了很大的振奋。我决定搬家到西雅图部并且为微软工作。决定去微软是出于自己一个宏大的设想，我觉得现在我们桌面上和各种系统上看到的交互更像是电影，能够和用户产生更多情感上的联系。

Chinavisual：我有一个关于Expression Web的问题。众所周知，Dreamweaver有强大的用户群体，Web如何能够从这些群体中吸引更多的用户？

Forest Key：谈到整个的Expression系列，我们在开发它以及在给它做市场定位的时候，考虑的是如何解决在未来的设计中可能出现的难题。随着消费者们越来越想做更有互动性和更富感染力的网站，我们决定推出Expreession这个系列，来为消费者如愿以偿。的确如你所说，目前市场上存在一些现有的创意设计工具，但是我们坚信在未来的5至10年中，网上的交互设计将会呈现出新的需求。所以我们打算立足于长远的眼光。如果我们仅仅是重复着我们的竞争对手目前做的事情，我们是不可能成功的。微软的战略，就是去思考软件将在未来如何变化以及如何去适应用户的需求。也许你们对视频剪辑和电脑图形都有所了解，我以一些著名软件为例：比如Softimage，这是一个十分流行的三维动画软件，后来Alias公司开发了Maya，Maya绝对不是对Softimage的照抄，它有着全新的概念和全新的功能，所以在市场上获得了成功；同样在视频剪辑领域里，像Final Cut Pro这样的软件出现了，对于DV视频的支持比Avid原有的软件更好。所以我们认为，去革新市场是很重要的。所以我们在考虑Web这个产品的时候考虑的是将来的网页设计和交互设计，而不是看着今天市场上常见的那些功能。

Chinavisual：那么哪些新的功能被加进来了？

Forest Key：web这个产品是以网页标准为核心的，今天的市场上有很多的网页设计工具，他们都产生于90年代，那个时候的代码和现在有很多不同，css还没有变成主流。而我们的Web是聚焦于如今的网页设计的准则：标准化，    ，兼容性好，并且使用css来定义内容，引入复杂的asp.net功能，让用户可以通过最工程化的流程来创造最佳的效果。对于设计师和开发者来说都是这样。所以Web非常适合在一个团队中来运用。在一个庞大的团队里面一部分人负责外观设计，一部分人主要是负责代码和后台的维护，Web就是针对这样一个情形来设计的，关注的是今天的网页制作而非90年代。我们的一些测试的用户体验到了这些优势，他们都觉得这个软件非常的现代化，而且这很可能是市场上现存的最佳的css工具。

Chinavisual：Expression系列相比ad产品价格比较低廉，这是否也是微软对抗Adobe的一个主要策略？

Forest Key：我们所针对的用户是一个更大的群体，一部分是开发者，一部分是设计师，当然这两个人群是联系的，因为一部分开发者本身也就是设计师。所有的技能形成一条链：有些人可能擅长的是视觉设计；有些人可能更技术化一些，对css有所了解；还有一些人可能会对于服务器编程更为了解，甚至是客户端程序的编程。在这一整个链条上我们有各种平台，既有服务器又有客户端，我们有wpf和wpf/e，我们也提供工具，比如给设计师的Expression系列产品以及给开发者的Visual studio产品，所以我相信我们提供的是一个更宽阔的服务，并且能涵盖很多领域，我觉得这就是我们和竞争对手最大的不同的地方。

Chinavisual：WPF/E全称Windows Presentation Foundation Everywhere，微软为什么要使用这样一个名称，它有什么独特之处吗？

Forest Key：WPF/E仅仅是一个代号，而不是真正的名字。我们实际上有更好的名字，但是今天不能说，我们会在近期内公布。我们用WPF/E这个名字的原因是这样的,昨天发布的Vista系统中包含了我们开发了四年的WPF技术，这项技术中包含了一种叫做XAML的语言，即可扩展应用程序标记语言。这是一个基于xml的新语言，它能够对一个界面的外观和行为做出声明。能用动画、图象、三维、视频等等这些元素构来成Windows应用程序界面。XAML只适用于Windows的系统程序，很多设计师都说这个技术不错，但是他们希望在网络环境和更多的平台中来使用它。WPF/E包含了XAML，但是它还能够做Javascript和Ajex方面的开发。目前很多WPF/E的演示都是基于Javascript，之后我们会展示很多基于.net语言的演示，所以它是跨平台的，可以在如今市场上的各种电脑上应用。

Chinavisual：Blend对三维和视频都有强大的支持，但是目前只能生成exe文件，那么我们要在浏览器中感受这些功能就必须要下载插件。

Forest Key：对。要下载WPF/E插件。Expression Web是一个所见即所得的软件，它真正面对的是html.css,asp.net等等这些语言，而设计师看到的则是最终呈现出来的视觉效果。同样，Blend是一个相对于XAML语言的所见即所得的工具。你能看到各种图形、各种动画以及视频，但是在这些背后生成的实际上都是XAML语言。现在1.0版Blend生成的都是exe文件，但是将来的版本中将会有对网络程序运用的支持。因为产生的所有东西都是XAML语言，所以它当然能够在浏览器中得以实现。

Chinavisual：微软公司从什么时候开始做这方面的规划？

Forest Key：很久以前就开始了。我在微软工作了三年，一直都是在这个项目上，但是这个项目的存在时间比我工作的时间要长，最早的项目名称叫做Avalon，它可以回溯到五年以前，所以对于微软来说是一个很长时间的投入。从那个时候开始我们就已经开始收集各种反馈。2007年是很重要的一年，因为不仅要发布Vista系统，而且还要全面部署WPF技术。今年我们还会推出WPF/E技术，今年的第二季度我们会正式推出Expression系列，所有的这些东西今年就会出现。

Chinavisual：WPF/E和Ajex，Ruby On Rails一样，又是一项RIA，即Rich Internet Application（丰富网络应用）技术。

Forest Key：我听到的RIA有两种说法，一种是Rich Internet Application（丰富网络应用），一种是Rich Interactive Application（丰富交互应用）。重要的是，用户无论在哪儿都希望得到更丰富的用户体验，不管是在网络平台，电脑桌面、各种客户端还是手机上，人们对最丰富的用户体验的需求都是必然的。各种技术也像一根链条，开始是90年代那些互动性并不是很强的技术，在这条线上浏览器的功能逐渐丰富起来，其间出现Ajex语言以及Flash插件，最高的那一端则是有更高性能的客户端程序。所以任何使用电脑的人都需要更丰富的用户体验，WPF/E是这个链条上的一部分，它更加强大，在视觉上更吸引人，而且运行效果更佳。Javascript很复杂，经常出错，不容易排错，在不同的浏览器中支持效果不同，这些问题对于开发团队来说是一个头痛的事。而WPF/E这样的东西就是要简化这一切，这就是我们的目标。

Chinavisual：我们再回到Expression的话题上来，我看到blend的操作界面和一些元素与视频编辑软件很相似，微软究竟想给设计师提供什么样的用户体验？

Forest Key：我们一直在追求的是“可用性”，我们为用户提供一套工具，目的是让他们来实现他们自己的创造。提到用户体验的组成部分，一部分是视觉方面的，但是更重要的就是“可用性”：即各个功能如何运作，如何使用不同功能的组合来完成复杂的任务等等。在Expression系列上我们做了很多视觉上的设计，比较暗的颜色、醒目的工作区域和一些工具条，都让这套软件看起来十分的现代化。但是我们真正关心的是如何改善用户的工作流程，让他们更有效率地完成工作，甚至是完成他们之前无法完成的工作。最近我开始回顾一些曾经在苹果电脑上运行的早期动画软件，其中有一个叫做viedoworks的工具，它是macromedia director的雏形。我看着这个软件的操作界面，竟发现很多元素和概念在那时候就已经有了。比如时间轴，资源库，工具条和工作舞台等等，这些元素在近20年来都没有发生太大变化。一部分原因是开发者要改变这些界面需要投入大量的时间。因此更多时间被花在了功能上，而不是外观。我相信在今后的5到10年中，这些工具就会发生戏剧性的改变，因为在今天做设计和UI界面更加容易了。Blend就是一个开端，它只是冰山一角，而我们的用户通过这个软件开发出来的程序将会制造巨大的变化。

Chinavisual：用户如何能综合运用Expression 系列四款软件，来建立合理的工作流程？

Forest Key：目前Expression 系列的工具有Web，是网页标准的应的所见即所得工具；Blend是XAML的所见即所得工具；Design是视觉设计工具；Media是管理组件和工作流程的工具。由此可以看出，我们放眼于创意团队工作过程中的具体环节。在美国经常有这样的情况，一个设计师在photoshop或纸上画出一个东西交给开发人员，而开发人员最终做出来的东西根本不是设计师想要的，因此微软想要解决的就是设计师和开发者之间的这种沟通障碍。关键就在于让设计人员和开发人员在项目中使用同样的源文件，使用相同的工具。因此回到你的问题上来，这些工具不仅仅综合起来使用没问题，更重要的是它让设计师和开发人员能够在一同工作。

Chinavisual：你认为应该把设计师和程序员之间划清界线吗？

Forest Key：从一个设计师的角度看我自己：我擅长很多事，我对于二维动画十分在行，但是却不会三维动画；我对于视频剪辑十分在行，但是并不懂音频编辑。在网页设计中也是这样，可能有一些全能型的设计师，激动设计又会编程。但是更多的设计师只使擅长某些个别方面。因此我因此Expression是面对设计师的，Visual Studio则是面向开发者的，虽然这并不表示设计师就不会去做编程的事。如果放在20年前的话可能会有一个软件来做这所有的工作，但是现在我们希望为设计师提供他们需要的服务。

Chinavisual：你自己本身也用过很多软件，你能不能从这个用户的角度告诉我们过去的软件和现在的软件最大的不同是什么？

Forest Key：当一个软件推出1.0版本后，它的2.0、3.0版本通常都是基于用户的反馈。当软件做到5.0版本之后，就会变得很复杂，因为会有不同的用户需求出现。而那些用户并不清楚哪些是真正能够实现的，因为他们不是开发者，而是设计师。某个Photoshop的高级用户并不是开发下一代photoshop的合适人选，虽然他的反馈是很重要的。但是如果要真正创造一些不同的东西，有时候你就不能听从现存的意见，而是要跨越性地去思考。当我们在做Expression系列的时候，会忽略很多90年代的思维模式，尤其是Blend这个软件，我们没有去顺应固有的想法。举例来说，做动画的时候，用户真正需要考虑的是时间而不是帧这个单位。而帧是Flash里做动画用到的基本时间单位，我当初学flash的时候就觉得这很奇怪。我们不需要考虑以前的主流做法是什么样的，而是要考虑用户真正希望要什么。

Chinavisual：我们知道Adobe公司将在今年采取一系列的动作，比如cs3系列和apolo计划。微软怎么看待这个强大的竞争对手？

Forest Key：就像我刚才说到的，我们真正关心的是未来的5到10年的策略，今年仅仅是我们向大家介绍我们诸多技术的一个开始，我们将会在今后的数年中逐步建立起一个体系。Adobe侧重于桌面印刷领域和视频领域，而我们侧重的则是交互设计和网页设计，所以Adobe只有一部分软件和我们是存在竞争的。我们真正看准的还是一个还未出现的市场，一个还在雏形中的市场。这也是为什么中国这个市场对于我们来说非常重要，中国有非常多的设计师，而且有很多年轻的设计师还没有陷入一个固定的模式当中。在未来的5到10年当中，最有力的设计将是交互设计和动态设计。插画和平面设计当然还会占有很重要的地位，但是会去服务那些动态的设计。有一部汤姆克鲁斯演的科幻电影叫《少数派报告》，这部电影中对未来的人际界面做了一个猜想，操作者是用他的手和各种姿势来操作，在城市中充满了各种动画的交互，这一切都并不那么遥远，并非今后50年才能看到的事，而是5年之后就可能实现的。那正是未来我们和信息发生交互的方式。我想设计师们将会很乐于去设计这些更动态东西，因此它们也是我们所关注的。

Chinavisual：所以你们才对下一代设计产品的开发如此重视，但是你如何确定5年和10年之后人们需要的是什么？

Forest Key：我相信有些趋势是必然的，比如视频、三维动画，易读性很强的文字以及动态的交互。当我们谈到动画的时候大部分人会想到是卡通，但实际上将动画运用于人机交互上是十分高效的，如今的人机界面还缺乏动画效果。当你加入更多的动画元素，就会得到完全不同的用户体验。因此在平台方面，我们考虑的就是提供这些功能。在工具方面我们考虑的是设计师如何实现他们的创意，现在的1.0版本就是朝着这个目标设计的，但是我相信我们会在2.0、3.0版本里加入更多的功能。

Chinavisual：最后一个问题，Windows Vista已经在昨天发布了，你认为这个全新的平台将会给设计师们带来什么？

Forest Key：Vista这个操作系统我已经用了九个月了，当你用惯了新东西再回到老东西上会很难适应，就好像听惯了192kb的mp3以后做去听音质稍低一点的音频，感觉会差很多。当你在一个非常舒服的沙发上坐久了，换一个普通的沙发就会觉得不舒服。在用了vista一个星期之后，我感觉到这个系统非常具有“亲和性”，它的界面它的动画以及可用性都有很大的提高。如果现在让我再用XP，就会感觉到巨大的倒退。我们很多的演示突出的都是视觉上的冲击力，但是vista真正强大的地方在于它创造出的一个整体感觉，我相信今天的用户无论在Vista上运行什么样的软件，都会感觉到自己的个人电脑变得更完美了。我们有一本很厚的书介绍Vista的优点和使用方法，很多内容不是你一下就能感受到的，有些特色可能是当你用了一个星期之后才能体会到的。我在旅馆里用笔记本电脑登入无线网络时，感到这个过程变得简单多了。我坚信vista还有很多特点会得到大家的欣赏。]]>

http://www.yourhomepage.com.cn/default.asp?id=255