地区:临沂
更多城市
通行证 注册 | 登录 登录
汽车销售网站设计与实现
[ 编辑:admin | 时间:2019-07-19 23:53:18 | 浏览:9次 | 来源:临沂在线 | 作者:临沂在线 ]
分享到:

  汽车销售网站设计与实现 ──PC 端界面,后台界面与手机界面设计 摘 要:销售网页设计随着计算机网络的应用而逐渐发展成为一门独特的学问,且更趋 向于一门艺术学问。网站的设计从美观性到实用性无一不考察设计者的用心。好的网页设计 从 PC 客户端到手机客户端,其布局构造随着使用工具的不同而有着不同的风格所在。 关键词:界面设计;PC 端;手机界面 Abstract:The sale of web design gradually develops into a unique lesson with the application of computer network, which trends 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 terminal; Mobile Phone Interface 1 绪论 随着科学时代的快速发展,网站的运用已经融入人民的生活,而网站的设计, 无异于给人们的生活带来更好的生活品质。如今,网站的建设更像是一门艺术, 而不仅仅是我们所说的一项技术。特别是现如今的商业性网站,网页的设计更关 乎生意的好坏,商业的兴隆。所以网页的设计越来越得到网站建设者们的注重。 如今大大小小的网页设计,时尚高贵不计其数,而纵观国内外的知名网站,风格 更为独异。作者比较各种商业网站,尝试用网页设计的内容、原则和特点构造等 方面,对汽车销售网的设计领域进行初步的归纳总结以及理论探讨。 网页设计是伴随这计算机互联网络的产生而形成的。是网页设计者们对所处 的时代所能获取的元素与技术作为基础,并以设计的目的和要求,对网页的构成 元素进行一场艺术规划,其中的创造性思维或活动,都是艺术设计的重要组成部 分。随着网络技术日益发展,网站设计走向自己的艺术风格。商业型网站更是有 着自己的独立设计以迎合消费者的喜好。 作者认为汽车销售商业网站是艺术与商业的高度统一,网站的视听元素与版 第 1 页(共 10 页) 式设计,既要美观大方又要简单明了,易于客户的操作。而这种跨国性的商业网 站,既要有国外的设计特异风格也要具有国内的传统风格,这是国内外风格的相 互融合统一。“美”和“功能”都是为了更好的表现网站的主题。 于此同时,手机也走向人们的日常生活,甚至以比计算机还要被广大消费者 运用。因此,将汽车销售网站运用到手机上,也是营销的一种极为重要的方法。 手机网页的设计风格如同计算机,基本大同小异,但由于屏幕的大小与操作方法 的不同,手机的网页风格也是有着自己的特异所在。 2 汽车网站的内容 在汽车网站的设计中包含着主观因素和客观因素,在明确网页主题为汽车销 售的基础上,我们要熟悉设计的对象和构成的要素。本汽车网站的设计可以大致 概括为视听元素和版式设计两个方面。 2.1 视听元素 这里所说的视听元素,主要包括:颜色、文本、图片、按钮、背景、图标、 表格、导航等等。多媒体技术的运用赋予了网页设计以极大的艺术表现力的表现 力。在参考国内外的知名汽车网站的设计,我们最终确定以中国红作为网站的主 体色调。红色作为三原色之一,在可见光中波长最长,最容易引起人民的注意。 即是能象征中国鲜明的色彩,又能容易引起顾客的关注,是网站吸引力的重要条 件之一。喜庆的红色,同时也有着我们希望生意越来越兴隆红火的含义。 而我们的整个红色背景中,又非纯正的红色,添加些许以三原色之一的黄色 为主调的杂色掺杂在红色之中。黄色,波长适中,是所有色相中最能发光的颜色, 给人轻快,透明,辉煌,充满希望和活力的色彩印象。所以对于网站又能添加几 许活力在其中,使之更加轻快艳丽。 导航等以黑色为主调,黑色给人一种神秘感。与红色具有同样引人注意的效 果,用黑色作为导航的主调颜色,既能强调网站的红色主调,又能达到吸引顾客 的注意。 手机网页与计算机网页的不同之处在于背景用如今流行的手机背景模糊背 景。模糊背景(blurred backgrounds),长时间以来都是作为一个基本的照片效 第 2 页(共 10 页) 果,但在如今,模糊背景有着使设计元素脱颖而出的非凡效果,从而受到很多设 计师的青睐。这种做法相当容易,悄无声息又自然的给予内容适当突出,图标和 图形就能脱颖而出。这样做能够一石二鸟。首先,你可以为你的项目增加些不一 样的效果;其次,适当的增加这种设计效果对小尺寸的手机屏幕很有必要,能有 效地提高可读性体验。 模糊的背景还提供了其他潜在的好处。例如,你可以轻易减少你的调色板, 而只侧重于一个主色,尤其是在使用白色为基调的设计,在模糊背景下看起来绝 对精彩、干净。至于图形,你可以使用面或线形的图形,都能很好地与这样的图 像进行呼应。字体也不受其影响,因此,即使超窄的字体也会显得清晰易读。我 们的手机网页背景以紫色为主调,没有红色的浮夸,整个界面显得高贵典雅。 首页以大张汽车图片作为主题,即吸引顾客,又强调本网站的主题——汽车。 磅礴的汽车图片更加吸引顾客的主意而中间标出的汽车售价更让顾客感受到一种 物美价廉的魅力,有翻阅下去的好奇。没有一来就琳琅满目的商品使顾客一开始 就眼花缭乱。 2.2 版式设计 报刊杂志等平面媒体的板式设计是销售的重要元素之一,网页的版式设计与 其有很多共同之处,板式设计在网页的艺术设计中占据着重要的地位。所谓网页 的版式设计,是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合,将 理性思维个性化的表现出来, 是一种具有个人的风格和艺术特设的视听穿搭方式。 汽车网站的版式设计,既要将所有商品尽可能的展现出来又不能让顾客觉得 累赘。于是将收索功能与导航放在一处并置于网站的头部,是整个网站强调的重 要板块之一。首页将大图放在最大的位置吸引顾客注意,与之同时一个简单的分 类也在一旁,方便顾客的及时查询。而汽车展示与顾客面板紧随其后,展示汽车 的同时也方便顾客观看购物单以及联系客服。汽车的排列中规中矩,按照合理的 大小依次排列,重要的地方都以红色标注,方便顾客的观看。以他界面都以文字 叙述为主,没有累赘与浮夸,朴实的界面排版因为红色的注入显得低调实用。整 个的网站排版一切都已方便顾客为主。 就是接下来将要讲解的汽车网站设计原则。 手机的排版与电脑端没有多大差异,去掉一些在手机上不好显示的归类排版, 使之更加方便顾客查阅。 第 3 页(共 10 页) 3 汽车网站的原则 对于销售型网站,最重要的就是易于客户操作,界面简洁明了,美观大方。 这就需要有基本的提醒功能。整个网站没有多余的累赘,又有着主次之分。基本 的操作提示。 除了主页与子页之分,每个网页从上到下出场的方式不同,其显示内容也有 所改变。网页作为传播信息的一种载体,同其他出版物如报纸、杂志等在设计上 有许多共同之处,但是,印刷排版跟网络排版完全是两码事。尽管有些规则可能 相同,但网页设计所处环境完全不同,两者都有自己一套必须遵守的规则和准则。 两者的原理不同,不能同时存在,跨越这个界线可能会导致排版混乱。网页的艺 术设计,是技术与艺术的结合,内容与形式的统一。 3.1 主题鲜明 本汽车网站以销售汽车为主要目的,方便顾客为重要指导。做好汽车网站就 是为了使广大的消费者提供及时和有效的信息,为了使这些信息更容易被顾客浏 览了解,网页的设计不仅要“美”,更要体现网站的“功能”。一个网站设计得 成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼 一样,图纸设计好了,才能建成一座漂亮的楼房。而网站主题就是这大楼的主心 骨。主题网站规划包含的内容虽然很多,如网站的结构、栏目的设置、网站的风 格、颜色搭配、版面布局、文字图片的运用等,但所有这些,都需要将主题体现 明显,我们这就是一个商业型的汽车销售网站 在迎合顾客的喜好与操作习惯中,网站将汽车都进行归类并将最新活动与人 们品牌都单独列出来。客户服务模块也单列列出来方便顾客。 3.2 布局平衡 正如德国著名的哲学家黑格尔所说:“工艺的美就不在于要求实用品的外部 造型、色彩、纹样去摹拟事物,再现现实,而在于使其外部形式传达和表现出一 定的情绪、气氛、格调、风尚、趣味,使物质经由象征变成相似于精神生活的有 关环境。”(黑格尔《美学》第三卷) 任何设计都要通过内容和形式来表现。内容是构成设计的一切内在要素的总 第 4 页(共 10 页) 和,是设计存在的基础,因此也被称为“设计的灵魂”;形式是构成内容诸要素 的内部结构或内容的外部表现方式。内容就是需要设计的主题、形象、题材等要 素的总和,形式就是内容的结构、风格以及设计语言等表现方式。内容决定形式, 形式反作用于内容。优秀的设计必然是通过形式完美地表现内容。也正因为如此, 网页设计所追求的形式美,必须在符合主题需要的前提之下。一味地追求花哨的 表现形式以及过于强调“独特的设计风格”而脱离内容,或者只求单调乏味的内 容而缺乏艺术的表现,网页设计都会变得空洞而无力。一个优秀地设计者必须要 将二者有机地结合起来,领会主题的精髓,再根据自己的想法创意,确定一个完 美的表现形式。也只有内容和形式的完美契合才能体现出网页设计独具的分量和 特有的价值。另 一方面,网页设计还应确保每一个元素都有存在的意义,不要 资料显 为了画面的酷炫而增加冗余的东西。这样只会产生适得其反的效果。 示,目前在 上网页数据传输平均以每秒 1.5k 的速度到达客户端。假设某个网 页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等,虽然达到 了其静态形式美的效果,却增加了几十 K 甚至更多的网页数据,造成数据流量的 浪费,同时浏览者也需要花费更多的时间才能看到“庐山真面目”,这样的网页 设计不符合网页传播信息的突出特性之 ——快捷性,影响了访问效果和质量, 损害了访问者的情趣和积性,也就称不上是一个优秀的网页设计。 3.3 强调整体 网页的整体性包括内容和形式上的整体性,这里主要讨论设计形式上的整体 性。网页是传播信息的载体,它要表达的是一定的内容、主题和意念,在适当的 时间和空间环境里为人们所理解和接受,它以满足人们的实用和需求为目标。设 计时强调其整体性,可以使浏览者更快捷、更准确、更全面地认识它、掌握它, 并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特 风格的重要手段之一。网页的结构形式是由各种视听要素组成的。在设计网页时, 强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征,是求得整 体的常用方法。这主要从版式、色彩、风格等方面入手。例如:在版式上,将页 面中各视觉要素作通盘考虑,以周密的组织和精确的定位来获得页面的秩序感, 即使运用“散”的结构,也是经过深思熟虑之后的决定;一个站点通常只使用两 到三种标准色,并注意色彩搭配的和谐;对于分屏的长页面,不可设计完第一屏 第 5 页(共 10 页) 再考虑下一屏。同样,整个网页内部的页面,都应统一规划,统一风格,让浏览 者体会到设计者完整的设计思想。从某种意义上讲,强调网页结构形式的视觉整 体性必然会牺牲灵活的多变性, “物极必反” 就是这个道理。 因此, 在强调网页 整 体性设计的同时必须注意:过于强调整体性可能会使网页呆板、沉闷,以致影响 访问者的情趣和继续浏览的欲望。“整体” 是“多变”基础上的整体。 4 汽车网站的设计 4.1 主页的要求 对于销售业务系统要求运行的工作环境稳定,易于操作,界面清晰美观大方, 对于前台展示界面系统要求安全可靠,便于维护和升级,能够执行广大客户的简 单操作,远程访问速度较快,界面友好美观,有基本的错误提醒功能,远程操作 数据库正确,要求和客户有一定的互动性,在主页上直观的就可以查看浏览者所 想要了解的东西。 汽车品牌的分类和展示都有在固定地方显示,方便顾客查询。 4.2 子页的要求 在子页的选择与链接上,子页应当丰富多彩,内容充实,针对性强。比如说, 顾客在浏览一辆汽车时,应该有它的全部资料,包括外观、内饰、性能指标、出 产地、价格等诸多方面,鉴于以上方面,我开始了子页的选择与链接。 子页的汽车显示格局即能完美显示所有商品又不能显得拥挤。每个距离都有 一定的科学比例。一切都本着顾客至上的原则。 5 结束语 随着毕业日子的临近,毕业论文设计也接近了尾声。汽车销售网站经过了多 次修改终于出炉了,虽然或多或少都还存在着一些问题,但总体来说已经初步具 备了一个汽车销售网站的基本功能。 在指导老师的带领下,我终于顺利的完成了毕业论文。在没有做毕业设计之 第 6 页(共 10 页) 前,我觉得毕业设计就是简单地完成一个任务罢了,但是经过这次毕业设计的学 习与锻炼,我才发现之前的想法太肤浅了,毕业设计不仅是对大学本科所学的知 识的一种运用和检验,同时更是对自己能力的一种提升。我相信这次毕业设计的 锻炼将会对我今后的工作起到很大的帮助作用。在毕业设计的完成过程中,我遇 到了很多的困难,包括页面设计时布局和颜色的选择,制作页面时各个浏览器兼 容的问题,js 实现特效的问题等等。通过自己向老师和同学请教以及网上搜索询 问,一个个问题最终都成功解决了。在问题解决的那一刻我很欣喜,因为这对于 我来说又是一次能力的提升。经历了这次毕业设计,我也有了勇于挑战困难的勇 气,享受挑战的过程。 6 致谢 在整个毕业设计的制作过程中,指到老师以及团队给予了我极大的帮助,老 师的悉心关怀以及耐心指导,团队的互帮互助以及对我的照顾,在此表示衷心的 感谢。老师们严谨细致、一丝不苟的作风一直是我工作、学习中的榜样;他们循循 善诱的教导和不拘一格的思路给予我无尽的启迪。汽车销售网站离不开导师和团 队每个人的辛劳。 参考文献: [1] 贾伟,网页制作技术[M],北京:中国物资出版社,2002年 [2] 杜黎强,前端网页设计[M],机械工业出版社,2013年 [3] 张晓红. 网站前端模块化开发策略研究.计算机时代[M]. 2013年 [4] 朱印宏.CSS商业网站布局之道[M].北京清华大学出版社,2007年 [5] 何丽萍.基于网页设计的视觉信息传达有效性的研究.浙江大学出版社.2006年 [6] 周德华,许铭霖 .新编网页设计教程 [M].北京:冶金工业出版社.2006 年 [7] 曹雁青.杨聪.Photoshop 经典作品赏析 [ M ]. 北京:北京海洋智慧图书 限 公 司 . 2002 年 [8] 张怒涛.Photoshop 平面设计图像处理技法[M].北京:清华大学出版社 .2003 年 第 7 页(共 10 页)

  汽车销售网站设计与实现_互联网_IT/计算机_专业资料。汽车销售网站设计与实现

上一篇:北京市公安局公安交通管理局
下一篇:汽车积碳怎门办?4招教你轻松处理
发布评论
称呼:
验证码:
内容:
用户评价
相关栏目