理论教育 探秘知名网站的设计与表现

探秘知名网站的设计与表现

时间:2023-06-08 理论教育 版权反馈
【摘要】:图2-26 联想公司网站2.惠普公司网站:http://www8.hp.com/cn/zh/home.html惠普是全球著名的IT企业之一,该网站的最大特点是简单明了。图2-28 凌志新品发布网站4.耐克公司网站:http://www.nike.com耐克公司的网站通过数次更新设计与消费者建立起更为密切的联系,以分享公司对运动的激情。

探秘知名网站的设计与表现

一个优秀的网站除了要拥有强大的交互功能以外,还应该在视觉效果上给予用户强烈的冲击和震撼,能让用户产生视觉上的共鸣,因此,在设计网站的时候,要充分从视觉艺术的角度考虑整个网站的布局。在这方面一些著名企业的网站还是做得相当不错的。

下面就来欣赏一些制作得比较成功的优秀网站。

1.联想公司网站:http://www.lenovo.com.cn/

联想公司网站是基于该企业的产品展示与销售,技术支持和售后服务而建立的平台。该网站从色彩上来看,保持了企业主色调。界面整体简洁大方,主要有个人及家庭用户、成长型企业、政教及大型企业、服务与驱动下载、商城、最新活动几个主要的功能模块。如此简单的网站却很准确地体现了该企业的形象。在首页上一眼就可以看到联想公司的Logo,这对于一个成功的企业网站来说是非常必要的,如图2-26所示。

978-7-111-45801-2-Chapter02-31.jpg

图2-26 联想公司网站

2.惠普公司网站:http://www8.hp.com/cn/zh/home.html

惠普是全球著名的IT企业之一,该网站的最大特点是简单明了。在功能模块上最突出的就是网站的快速通道链接,这一点充分体现了惠普企业的国际性,向用户展示了该企业的实力。网站首页上的产品快速搜索功能也为访问者提供了方便,如图2-27所示。

978-7-111-45801-2-Chapter02-32.jpg

图2-27 惠普公司网站

3.凌志新品发布网站:http://www.lexus.com

整个网站始终充满着动态的内容,如图2-28所示,主要的交互部分始终停留在屏幕上,还通过声音和动画来进一步协助浏览者的动作。做得更好的是,它从来不对浏览过程产生强制导向。

978-7-111-45801-2-Chapter02-33.jpg

图2-28 凌志新品发布网站(www.daowen.com)

4.耐克公司网站:http://www.nike.com

耐克公司的网站通过数次更新设计与消费者建立起更为密切的联系,以分享公司对运动的激情。网站的首页和导航的设计,清晰地展现为通往多个内容分区的视觉门户,而不是迫使用户去寻找。这一网站,一半是销售耐克的产品,一半是宣传耐克的品牌,网站保持了这两者的清晰和灵活。而且,尽管网站的几个部分是分别设计的,但还是保持了统一,即公司在运动领域创新和权威的核心价值。主要的导航包括一个通过关键字查询特定产品的搜索引擎和一个包括专卖店的下拉菜单。网站采用了双重导航。一部分以HTML为主,以保证最大范围的受众。另一部分则采用了Flash技术。用户可以一帧一帧地观看视频。这一网站的设计经常更新,但始终保留一些时尚的因素。它总是运用各种时尚因素更好地和目标用户进行交互,效果如图2-29所示。

978-7-111-45801-2-Chapter02-34.jpg

图2-29 耐克网站的建设

5.柯达公司网站:http://www.kodak.com

这个网站是柯达公司综合性的大型平台,如图2-30所示。网站的内容包括拍摄的照片以及拍摄的过程、旅行见闻、提供的服务、在线订购产品等功能。网站的导航设计了一个模仿转盘的形式来导航内容。同时,网站既可以用线性的方式浏览,又可以用随机的方式浏览。在照片的展示上采用了动态的方式,这样对于不同照片的展示,就提供了选择合适环境色的可能。

978-7-111-45801-2-Chapter02-35.jpg

图2-30 柯达公司网站

6.宜家家居网站:http://www.ikea.com

宜家家居这一网站的色彩运用非常漂亮,如图2-31所示,在色调上表现了宜家家居家具的风格——现代、简洁、功能和实用。动态的菜单设计使得能同时展现两个级别的菜单,而又不用同时展现所有的菜单选项,而只是展现选定的菜单的两个级别,这样做,简化了菜单,又更易于使用。产品和信息的多样性,要求有更多的模板供选择,设计者正是和左面的导航条相互配合,设计了一些的模板来规范宜家家居在各地的各种各样的内容和产品的展示,因而也就统一了宜家家居在世界各地的网站。宜家家居网站取得了很大的成功,很多消费者通过这些网站来了解邻近的宜家家居商店和宜家家居的产品。

978-7-111-45801-2-Chapter02-36.jpg

图2-31 宜家家居网站

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈