汽车销售网站设计与实现

1、汽车销售网站设计与实现汽车销售网站设计与实现PC端界面，后台界面与手机界面设计摘 要：销售网页设计随着计算机网络的应用而逐渐发展成为 一门独特的学问，且更趋向于一门艺术学问。网站的设计从美观性 到实用性无一不考察设计者的用心。好的网页设计从PC客户端到 手机客户端，其布局构造随着使用工具的不同而有着不同的风格所 在。关键词：界面设计；PC端;手机界面Abstract： The sale of web design gradually develops into a unique lesson with the application of computer network, which tre

2、nds to an artistic lesson. The design of the website investigates the designers intention from the appearance to the practical. The layout structures of good webpages design from the PC client to the mobile phone client have different style for using different tools.Key words： Interface design; PC t

3、erminal; Mobile Phone Interface1绪论随着科学时代的快速发展，网站的运用已经融入人民的生活， 而网站的设计，无异于给人们的生活带来更好的生活品质。如今， 网站的建设更像是一门艺术，而不但仅是我们所说的一项技术。特 别是现如今的商业性网站，网页的设计更关乎生意的好坏，商业的 兴隆。因此网页的设计越来越得到网站建设者们的注重。如今大大 小小的网页设计，时尚高贵不计其数，而纵观国内外的知名网站， 风格更为独异。作者比较各种商业网站，尝试用网页设计的内容、 原则和特点构造等方面，对汽车销售网的设计领域进行初步的归纳 总结以及理论探讨。网页设计是伴随这计算机互联网络的产生而

4、形成的。是网页设 计者们对所处的时代所能获取的元素与技术作为基础，并以设计的 目的和要求，对网页的构成元素进行一场艺术规划，其中的创造性 思维或活动，都是艺术设计的重要组成部分。随着网络技术日益发 展，网站设计走向自己的艺术风格。商业型网站更是有着自己的独 立设计以迎合消费者的喜好。作者认为汽车销售商业网站是艺术与商业的高度统一，网站的 视听元素与版式设计，既要美观大方又要简单明了，易于客户的操 作。而这种跨国性的商业网站，既要有国外的设计特异风格也要具 有国内的传统风格，这是国内外风格的相互融合统一。“美”和 “功能”都是为了更好的表现网站的主题。于此同时，手机也走向人们的日常生活，甚至以比

5、计算机还要 被广大消费者运用。因此，将汽车销售网站运用到手机上，也是营 销的一种极为重要的方法。手机网页的设计风格如同计算机，基本 大同小异，但由于屏幕的大小与操作方法的不同，手机的网页风格 也是有着自己的特异所在。2汽车网站的内容在汽车网站的设计中包含着主观因素和客观因素，在明确网页 主题为汽车销售的基础上，我们要熟悉设计的对象和构成的要素。 本汽车网站的设计能够大致概括为视听元素和版式设计两个方面。 2.1视听元素这里所说的视听元素，主要包括：颜色、文本、图片、按钮、 背景、图标、表格、导航等等。多媒体技术的运用赋予了网页设计 以极大的艺术表现力的表现力。在参考国内外的知名汽车网站的设 计

6、，我们最终确定以中国红作为网站的主体色调。红色作为三原色 之一，在可见光中波长最长，最容易引起人民的注意。即是能象征 中国鲜明的色彩，又能容易引起顾客的关注，是网站吸引力的重要 条件之一。喜庆的红色，同时也有着我们希望生意越来越兴隆红火 的含义。而我们的整个红色背景中，又非纯正的红色，添加些许以三原 色之一的黄色为主调的杂色掺杂在红色之中。黄色，波长适中，是 所有色相中最能发光的颜色，给人轻快，透明，辉煌，充满希望和 活力的色彩印象。因此对于网站又能添加几许活力在其中，使之更 加轻快艳丽。导航等以黑色为主调，黑色给人一种神秘感。与红色具有同样 引人注意的效果，用黑色作为导航的主调颜色，既能强调

7、网站的红 色主调，又能达到吸引顾客的注意。手机网页与计算机网页的不同之处在于背景用如今流行的手机 背景模糊背景。模糊背景(blurred backgrounds)，长时间以来都 是作为一个基本的照片效果，但在如今，模糊背景有着使设计元素 脱颖而出的非凡效果，从而受到很多设计师的青睐。这种做法相当 容易，悄无声息又自然的给予内容适当突出，图标和图形就能脱颖 而出。这样做能够一石二鸟。首先，你能够为你的项目增加些不一 样的效果；其次，适当的增加这种设计效果对小尺寸的手机屏幕很 有必要，能有效地提高可读性体验。模糊的背景还提供了其它潜在的好处。例如，你能够轻易减 少你的调色板，而只侧重于一个主色，特别是在使用白色为基调的 设计，在模糊背景下看起来绝对精彩、干净。至于图形，你能够使 用面或线形的图形，都能很好地与这样的图像进行呼应。字体也不 受其影响，因此，即使超窄的字体也会显得清晰易读。我们的手机 网页背景以紫色为主调，没有红色的浮夸，整个界面显得高贵典 雅。首页以大张汽车图片作为主题，即吸引顾客，又强调本网站的 主题一一汽车。磅礴的汽车图片更加吸引顾客的主意而中间标出的