汽车类网站设计分析

汽车类网站设计的主要特点：

汽车网站结构框可归为3类：分栏式、区域划分、无规律式。

    其中分栏式是最常见使用的网页框架，以超过一半屏为准，把页面从上到下分割为几列构架的设计结构。利用辅助线、图形和色彩把网页平面分为几个区域，这些区域可以是规则的或不规则的，其实是分栏式结构的变异。分栏式结构和区域编排以外的网页框架归属为一类，即无规则框架，主要以整张图片的网页设计为主，类似大海报，虽然很漂亮，但占用图片多，下载速度慢。国外汽车网站首页往往是某个品牌或厂商的全球主站，内容多，信息量大，主页设计以区域划分框架最多，其次是分栏式。国内的也是区域划分框架最多，其次是无规则框架，用的较少的是分栏式。

汽车类网站设计介绍

我们现在看到的大多国内汽车首页采用VI色作为配色方案设计主页，而在外国的这个范围比较宽泛，除了logo之外的颜色也适用的比较多，整体大气，并采用适当的图片，依靠上面出挑的色彩来使整体的效果有归宿感。
国内汽车品牌网站首页设计个体分析

奇瑞汽车

地址：http://www.chery.cn

区域划分网站框架，奇瑞的标志品牌突出，色彩使用VIS标志色，红，深灰，浅灰，版式结构上有些零散，感觉有些象半成品。网站设有跳窗，整个页面突出市场活动，新闻更新近一月一次，车友社区除贺卡、游戏外还设有论坛。奇瑞的网站推广做的相当不错，尽管主页设计趋向保守，用户访问量在同类网站中最高，车友社区中的游戏Flash十分吸引人，功能也很完善。

北京现代

地址：http://www.beijing-hyundai.com.cn/looknew/index.asp

区域划分网站框架，色彩丰富，充满朝气、富有活力，图片的运用恰倒好处，符合版式结构和色彩搭配。跳窗的设计将每款车型的原价和现价作有标示。新闻更新频率较快，设有留言板。

广州本田

地址:http://www.guangzhouhonda.com.cn/index.htm

分栏式框架，VI红色是主色调，深浅不同的红使网页看起来不那么单调。进入子栏目后，很难找到返回首页的地方。内容更新频繁，首页内容看上去信息量大，感觉象传统型门户网站，不够大气，互动天地下的E卡速递无法显示。

上海大众

地址:http://www.csvw.com/csvw/index.htm

无规律框架结构，以图为主，深浅不同的灰做辅助色，导航条分布零散，不利用户浏览。整体使用了VI色中蓝色为主。新闻首页没有显示日期，让用户对新闻的关注度自然减少一半。用户之家里除了壁纸可下载，其它栏目都是虚设。

长安铃木

地址:http://www.changansuzuki.com

区域划分框架，整体以不同深度的蓝和不同深度的灰搭配，字体用色过多，图片处理较粗糙，架构设计较零散。以最新活动吸引受众，栏目的安排较合理。以公司最近活动作了一个跳窗，新闻更新频率较低。

吉利汽车

地址：http://www.geely.com

区域划分框架，页面结构清晰，首页版块设有产品展示，最新动态。以天蓝色为主色调，但在图片的选择运用上，略有不足。新闻更新频率较高。整体感觉缺乏时尚感。

东风标致

地址：http://www.peugeot.com.cn

区域划分框架，颜色以VI标志蓝色的渐变来体现，颜色多处使用冷色调增强金属质感和时尚感；区域划分明显，版块清晰，栏目精简，不足之处在于过多依靠宣传车型产品，缺乏企业品牌精神宣传。新闻更新速度一般，互动采取车友注册和在线调查的方式。

东南汽车

地址：http://www.soueast-motor.com

区域划分框架，色调以VI色中红为主，用深浅不同的灰衬托，底色用黑色，十分稳重。整个版式看上去简洁、大气，但导航却有拼凑的感觉。
新闻更新率低，栏目设置简单。

中华轿车

地址：http://www.zhonghuacar.com

区域划分框架，设有两个跳窗，整个页面以暗红色为主色调，配以灰色衬托，感觉大气。结构紧凑，栏目设置清晰。新闻更新频率较高，设有论坛。

上海通用

地址：http://www.shanghaigm.com/www/html/index.html

网站结构框架是区域划分，采用企业标准色作为网站主色调，统一、大气。将品牌列表放在首页最醒目的位置，显示企业实力。新闻更新频率较低，故在设计时没有在首页显示日期。

东风本田

地址：http://www.wdhac.com.cn/2006/index/

网站结构框架为区域划分，以东风的标志颜色红和灰为网站主色调，注重Flash选图，专题报道的Flash制作相对粗糙。文字图片处理有些模糊，但主Flash的动感强烈，吸引受众的眼球，细节上也自然忽略。新闻更新率较低，栏目设置简洁明了。

东风雪铁龙

地址：http://www.dcad.com.cn/publish/index.jsp

网站结构框架为区域划分，主色调以红色系为主，深浅不同的红使用权整个版式看起来不是那么沉重。主Flash的图片处理较粗糙，使整个网站看起来不够精细。经销商/服务商查询和友情链接相关网站的设置过于牵强，削弱了对车型的关注。设有论坛，更好的服务网民。

一汽大众

地址：http://www.faw-volkswagen.com

网站结构框架为区域划分，主Flash会给受众留下第一印象，同样，大众的主Flash在选图上过于粗糙，没有修饰，影响了整个网站的效果。俱乐部会员必须是一汽大众车主，使一些准客户受到注册限制。

上海华普汽车

地址：http://www.c-sma.com

网站结构框架为区域划分，采用企业的标准色——蓝色为网站主色调。虽然国内绝大多数网站仿韩国网站，但此站，韩风过重。设有论坛，壁纸分800*600和1024*768两种形式，给上网用户提供了方便下载。

东风悦达起亚

地址：http://www.dyk.com.cn

网站结构框架为区域划分，页面色彩统一，采用了标志的红色作为网站的主色调，图片处理精细，版式结构清晰，动画的处理，使整个网站活跃起来。俱乐部设有下载专区和留言板。

陆风汽车

地址：http://www.landwind.com

网站结构框架为无规律框架，全Flash建站，采用1024*768全屏浏览方式，给人感觉大气。注重图片的处理，用灰色协调各版块间的连接，因为采用了Flash建站，所以网页打开速度较慢。俱乐部是虚设的一个栏目。为了给受众留下好的印象，在新闻上传日期中，只显示月份，不显示日期。

海马汽车

地址：http://www.hnmazda.com/hm2006/index.asp

网站结构框架为区域划分，主页突出热点新闻，导航设计简洁，栏目设置精简。在壁纸下载专区设有网友创作专区，给受众提供更多的下载内容。

哈飞汽车

地址：http://www.hafeiauto.com.cn

网站结构框架为无规律框架，全Flash网站，建站目的十分明确：一、汽车展示；二、企业宣传。但网站设计不够大气，主要在选图上。

比亚迪

地址:http://www.bydauto.com.cn

网站结构框架为区域划分，将客户服务热线和销售热线放在网站中间，体现比亚迪汽车注重服务。注重细节的处理，突出BYD标志，整个网站看起来大气。主站设有论坛，并有吸引受众的汽车期刊和精彩桌面下载。

第一汽车

地址：http://www.faw.com.cn/index.jsp?size=1

网站结构框架为区域划分，滚动的车轮使整个网站看起来不再平凡。将三十一个子栏目整合到五个栏目里，保持了网站的简洁。但网站颜色选用了过多的蓝灰色，使整个版面看上去很沉。

江淮汽车

地址：http://www.jac.com.cn

网站结构框架为无规律框架，用蓝色系的对比色系作网页的主色系，可见设计师的手法很大胆。在整体设计中注重扬长避短，整个页面给人一种稳健、时尚的感觉。

国外汽车品牌网站首页设计概况

国外汽车品牌主站的Alexa排名均比国内汽车品牌网站高，一个原因是受众对象更国际化，房客人数故大幅度高于国内汽车品牌网站。框架采用区域划分居多，其次是分栏式，说明信息量很大，因为面对世界各地的用户，故栏目级别深。
国外汽车品牌网站首页设计个体分析

本田

地址：http://www.honda.com

网站结构框架为三分栏（分栏式的一种），本田的企业网站，以米色为主，以此营造经典的感觉，新闻栏目采用大片的红，以呼应本田logo标准色。栏目设置较合理，内容涵盖量大，而页面布局却让人感觉轻松，始终把握易用性原则。
此企业网内容包含了本田企业所涉及的所有产业，其中的轿车产品又单独为一个子网站，如图所示。

地址：http://automobiles.honda.com

网站结构框架为区域划分，本田汽车主页页面结构清晰，信息量大。右侧车型介绍导航的设计采用动态设计，当鼠标移上去时，不仅有该车型的简介，还有价格，造成一种诚信的感觉。栏目设置较合理，内容涵盖量大，布局紧凑。

丰田

地址：http://www.toyota.com

网站结构框架为区域划分，新鲜而明亮的红色与灰色搭配，突现网站优雅大气。灰色比重远远大于红色面积，红色效果起着重要的协调作用。版式的大小设计让人感觉整个网站搭建没有完成。丰田的主力SUV车型作为主打Flash内容出现。
福特汽车

地址：http://www.fordvehicles.com

网站结构框架为区域划分，动感的Flash将受众的视线全部吸引过去，稳重的蓝灰色和米黄色起到了一定的平衡作用，使整个网站看上去活泼却不失大气。福特汽品牌是福特汽车公司最大的一个子品牌，下面看看福特汽车公司的主页。
福特汽车公司

地址：http://www.ford.com/en/default.htm

网站结构框架为三分栏式，第一感觉，前卫、时尚。主色调采用企业标准色——蓝色，深浅不同的米色调带有一种柔和的亲和力，使网站看起来大气、自然。但中间的Flash广告和下方的导航条整体立体感较强，其它地方却略显平板。
雪佛莱

地址：http://www.chevrolet.com

网站结构框架为区域划分，雪弗莱主页是标准的品牌网站，看似传统的框架结构，实质采用灵活多变的区域排版，以适应大量信息内容编排的需求。色彩上采用了很强烈的对比手法，想借此吸引人们的目光，架构上体现复古，色彩上却体现时尚。
保时捷

地址：http://www.porsche.com

网站结构框架为典型的无规律框架，企业形象和产品展示兼具。这种网页通常称为“形象首页”，需要传递企业视觉信息、突出企业形象。而它的中文页面也保持了这一风格，并在此基础上增加车型栏目，整体仍和主站一致。

中文页面地址：http://imp.porsche.com/china/

宝马美国

地址：http://www.bmwusa.com

网站结构框架为区域划分，简洁的导航设计，直接使用文字信息形式，除了用于分割导航标题的直线外，没有多余的装饰。整页面以图为主，搭配深浅不同的灰，使网站看起来轻忪、时尚。

雷克萨斯

地址：http://www.lexus.com

网站结构框架为四分栏，浊黄大面积的用在汽车网站中，多了一些典雅和奇特的感觉。该站Flash选用极具大自然气息的底图，保持了良好的视觉冲击效果。缺点是网站打开速度有些慢。

道奇

地址：http://www.dodge.com

网站结构框架为区域划分，页面中的红、黑搭配烘托出一种先进的、野性的氛围，中间使用暗红和中性灰，不会给人过度的视觉刺激，即使长时间浏览，也不会过于疲劳。此页面设计和产品性质非常相符。

梅塞得斯-奔驰

http://www.mercedes-benz.com

网站结构框架为典型的二分栏，网站整体设计整洁，具有独特的风格。灰色的过渡运用，使平板的设计变得活跃生动。整体感觉就是大气，符合梅塞得斯-奔驰贵族气息。

通用

地址：http://www.gm.com

网站结构框架为区域划分，通用的全球主站以蓝色为主调，体现一种时代和一种高新科技感。绿色和橙色作为点缀，使整站看起来不是那么深沉，严肃。

大众美国网站

地址：http://www.vw.com

网站结构框架为无规律框架，整体以绿色为主，灰色衬托，体现的是一种时代气息,绿色给人一种生命力，贴近自然给网站增加了一丝活泼、轻快的感觉。主画面使用Flash技术，着重介绍自己的产品，将车系做成一个导航，放在明显的地方，当鼠标移上去时会有附带详细说明出现。结构设计较新颖。

日产美国网站

地址：http://www.nissanusa.com

网站结构框架为区域划分，此主站以介绍产品主为的企业网站。采用没有纯度的中性色灰色为主色，虽然白色的面积大过灰色，但灰色却留下很深的印象，使整个结构清晰，又富有变化。红色用于点缀，将人们的视线从产品上直接引向“NISSAN”。

马自达美国网站

地址：http://www.mazdausa.com

网站结构框架为无规律框架，整体看上去色彩丰富的马自达网站，也不难辨出其网站主色调是蓝色和灰色，呼应企业标准色，橙色作为点缀，使整个网站看上去活泼、时尚。

宝马

地址：http://www.bmw.com

网站结构框架为四分栏，宝马主站使用非常简洁的页面设计，让受众第一感觉就是对产品的认识，漂亮清晰的图片，更直观、更明确的表达了网站的诉讼对象。|

吉普

地址：http://www.jeep.com/home_Flash.html

网站结构框架为区域划分，深浅不同的土黄色你深深的感受黄土地的狂热和激情，将“吉普”的本质表现的淋漓尽致。形成了独特的“气韵”。

克莱斯勒

地址：http://www.chrysler.com

网站结构框架为区域划分，主站欧美气息浓厚，蓝色加灰色的运用，给人深远、崇高的联想。点缀少量的纯蓝色，增添网站活跃气氛。

奥迪

地址：http://www.audi.com/audi/com/en1.html

此网站结构框架为区域划分，结构的设计打破了人们的视觉习惯，导航放置于右侧，中间留了近三分之一的空白版面，借此体现产品的前卫、时尚。

奥迪中国

地址：http://www.audi.cn

现代汽车

地址：http://worldwide.hyundai-motor.com

这几个网站的结构框架都是区域划分，主色系采用LOGO标志同类色——蓝色，灰色起平衡作用，整个设计的手法简洁，细节的处理使页面就看起来不那么单调。