“萨兰威”酒庄网站界面设计

周盼盼

(山东女子学院,山东 济南　250000)



“萨兰威”酒庄网站界面设计

周盼盼

(山东女子学院,山东 济南250000)

摘要：简要概括网页设计所要呈现给我们什么样的视觉效果，概括网页设计的种类以及网页设计的实用性软件。表述“萨兰威”酒庄设计理念。

“萨兰威”酒庄的网页设计，将“萨兰威”酒庄完美的展现给世人，诠释了网页设计对企业的重要性。

关键词：网页设计；种类；Photoshop；Dreamweaver；“萨兰威”酒庄

当你在浏览互联网时，有没有一种冲动想要自己做一个精美的互联网页面？当你在看到淘宝、京东等著名网络销售商每年近似疯狂的交易额时，会不会也想要做网上商店？当你在看到互联网上日益增多的职位需求时，是不是也想要将自己的个人信息发布到网上来让更多的人看到你的才能?这就是网页设计给我们带来的视觉冲击。那什么是网页设计呢？如下：

网页设计是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。当然网页设计不仅仅是颜色、字体、图片的堆砌，也不是套用现有的网页模板。网页设计是设计师灵魂的创作，把现有的资源整合到一起，使其有艺术的气息，给客户和参观者以感官上的享受，达到心灵上的共鸣。

为了给用户良好的视觉效果，设计师要确定网页内容的主题，了解产品的时代内容，给予放飞的梦想，让所设计的网页、产品形象时刻保持灵动性。只有这样才能做到网页时时更新，每时每刻地注入新鲜血液。

网页设计当然也离不开网页设计软件。Photoshop和Dreamweaver是最常用的也是很实用的设计软件。

Photoshop(图像工具)由Adobe公司开发的，专门处理图像的设计软件。Photoshop开创了“电脑平面设计”的时代。Photoshop软件特点是专长于图像处理而非图像创作，图像处理的好坏直接影响了页面和产品形象之间的整体效果，当然图像的处理要基于图像本质，若改动过大，势必会造成实际产品与网络产品相差甚远，这就违背了网页设计的初衷。

Dreamweaver是Macromedia公司的产品，是一款“所见即所得”的网页编辑软件。Dreamweaver能够对html提供很好的支持，然后再通过JavaScript的配合，就可以轻而易举地做出很多炫酷的页面效果。正因为如此使Dreamweaver能够得到广泛的运用，也成为高级网页设计的宠儿。html语言是网络应用最为广泛的网页语言，即构成了网页文档的主要语言，也是超文本链接标示语言或超文本标记语言。html只是一种描述性的文本，只能做到页面的静态展示和布局。JavaScript是一种脚本语言，用于在Web浏览器(客户端)的执行，通过JavaScript可以做到使者的需求事件而不用任何的网路来回传输资料，可以直接被客户端的应用程式所处理，达到网页的动态效果实现。

基于以上的网页设计要求和网页设计软件的功能，我以Photoshop和Dreamweaver为设计工具，运用div+css技术、html5+css3技术与JavaScript脚本语言来实现整套网站的设计与布局。设计一套基于用户体验的酒庄网站，该网站实现了首页、美酒佳酿、酒庄文化、酒庄动态和酿造工艺等网页的设计与布局，建立完整的萨兰威酒庄网站并进行分析与测试，来保证网站能够正常运行。

在“萨兰威”酒庄网站界面设计上采用了灰色和黄色，黄色代表红酒酒瓶瓶塞的颜色，让它和红酒主题更能交相呼应，具有极大的浪漫气息，而灰色配合着黄色给网页在视觉上以一种柔和淡雅方式出现在顾客面前，这就是“萨兰威”体现的情怀，不拘泥世俗，对品质卓越的追求。

版式上采用了简洁而不简单的设计风格，同时采用了留白的设计方式，这样能够使网页在瞬息万变的时代随时添加酒庄的动态和红酒新时代主题。

功能上采用了响应式网站，可以完美兼容任何设备，让客户和观赏者随时能够在任何设备上了解酒庄的方方面面；采用了较多的js交互特效，这样调动了观赏性，达到视觉冲击。

为了达到我心中的设计理念，满足“萨兰威“酒庄需求，同时提供给“萨兰威“酒庄客户一个美好的，极具“萨兰威”酒庄特色的网页，我准备了以下的工作：

1.完成基于“萨兰威”酒庄网站制作过程中所采用的技术并分析

2.对红酒文化、企业站进行分析并研究，了解体验用户的需求

3.设计“萨兰威”酒庄网站的Logo，构造网站风格走向和配色，选择合适字体，搜集图片素材，制作文案。

4.完成“萨兰威”酒庄网站的设计与布局。

网页的设计完成，仅仅是设计师的第一步工作，接下来还要测试设计网页的运行状况。经过以上的阐述，“萨兰威”酒庄网页设计的课题基本解决。经过努力，“萨兰威”酒庄网站终于完成，并且能够搜索点击，基本满足人们通过网页来了解“萨兰威”酒庄。

由于自身技术水平，网页还存在许多漏洞，还有很多功能没有完善。比如，设计风格还未完全统一,前期效果图设计还不够美观，需要不断完善，布局及编码过程中的有些知识还未完全掌握。以后要通过学习，去完善其现未有的功能和页面。

在此次毕业论文：”萨兰威“酒庄网站设计过程中，清楚地知道自己的不足，学到了很多没有学到的网页设计知识，温习了以前课程，使我的思维得到了严谨的培养，让我能够乐观的面对挑战。还要感谢导师给我的指导，让我能够快速的解决所遇到问题，同时感谢同学给我的帮助以及对我的启迪。希望同学们以及我本人，把网页设计做的更好。我也相信网页设计这门学科在未来将大放异彩。

参考文献：

[1]刘西杰.《网页制作从入门到精通》,人民邮电出版社,2013

[2]兰倩.《版式设计在动态媒介中的研究与应用[D]》,北方工业大学,2015.

[3]王建民.《网页设计》,湖南大学出版社,2006.

[4]http://www.docin.com/p-301682879.html.

[5]http://baike.so.com/doc/4458083-4666688.html.

[6]明日科技.《HTML5从入门到精通》,清华大学出版社,2012.

中图分类号:TP31

文献标识码：A

文章编号：1671-864X(2016)04-0245-01

作者简介：周盼盼(1994—)，女，汉族，山东省济南市人，学生，大学本科，单位：山东女子学院，研究方向：web前端设计/网页设计。