浅谈高校网站建设中艺术设计的特点及应用现状

时间:2019-09-27

　　摘要： 文章对高校学院二级网站建设及应用现状、发展及特点进行具体阐释, 解析学院二级网站在建设过程中应用网页设计元素, 针对学院网站特色建设需求, 从网页设计技术与艺术设计相结合的角度, 深度结合建设框架布局、栏目内容、色彩表现及风格创意等几个方面做深入分析和探讨, 紧密结合高校数字化校园建设的实施, 开展高校二级网站技术开发与艺术设计的交互融合应用。对网站进行艺术性美学设计, 是网站建设显示自身艺术性, 体现文化价值的重要方式, 并为用户带来潜移默化的艺术熏陶, 有效引导浏览者走进信息艺术空间。

　　关键词： 艺术; 网站; 设计; 色彩;

　　本文以大连海洋大学艺术与传媒学院网站建设与应用为研究对象, 通常网站用于宣传与推广, 向浏览对象展示或传递相关信息, 这些对网页的表现形式和具体内容有诸多要求。作为信息、数字媒体展示的平台和交互的纽带, 艺术性网站构建了艺术表现及传播新空间, 同时建立信息传达与艺术表现新模式[1]。它具备大众网站的共性, 也因学科特点与文化背景差异而与众不同。用户对网站的访问喜好是建立在对其情感基础之上, 如果良好的艺术设计网站符合浏览在的情感判断, 就会产生一种美感、喜悦的积极情感, 进一步吸引用户, 提升对网站的使用和访问。作为视觉及信息表达的一部分, 尤其是艺术设计成为构造文化景观的重要指标, 从“知”、“情”、“意”角度, 完善并丰富了网站的艺术性和美学价值。

　　1 高校网站设计特点及应用现状

　　网站设计不同于传统的板式设计, 它是对整个站点或者站群进行设计, 包括前台页面设计及后台管理界面、功能等设计, 其中对界面的设计主要是图标Logo、文字、色彩、动画、声音、图形、编排等多种设计集于一体, 并将设计进行有序化、整体性、系统化的应用[2]。随着信息技术的发展与应用, 用户在浏览网站获取信息时, 不仅注重页面呈现的内容, 同时更多的关注网站页面设计带来的视觉美的享受。

　　近几年高校二级学院网站的建设艺术水平已经有了很大的提高, 其中不乏精良之作, 但是更多的是色彩上的混乱、版式布局上的不合理或者是千篇一律、内容陈旧等等问题。把技术与艺术相结合应用到学院门户网站的案例不多, 大多数网站设计仅体现传统意义上的信息内容展示、发布和管理, 具有学习性、交流性、传播性和互动性等特点, 但是缺少艺术性的特质。国外的很多高校二级学院网站的设计和策划很多都是有教师和设计师共同完成, 设计师在进行网站设计之前需要对网站的定位、功能、栏目及学院师生的需求进行充分的调研、认识和了解, 在设计时将艺术性、美观性融于信息的传递和功能的实现之中, 他们的设计手法和艺术表现形式在网站的设计和应用中值得我们借鉴、学习和参考。

　　2 高校艺术性网站设计原则

　　对大多数网站建设来说, 其功能提供信息内容服务, 艺术设计应用于网站建设, 其网站服务功能也不能缺少, 在艺术性气息较浓厚的网站应用中, 设计首要原则要明确自身定位和内容, 深化富有本校特色、个性的美学特质。网站建设内容要明确, 定位做到精细化, 根据艺术性网站建设需求和功能的不同要求, 设计师应采用不同的设计思路和创意, 在网站界面设计中构造出紧扣学院主旨和思想, 准确阐述学院发展内涵, 让整体网站界面形成动态主旋律。

　　在设计中要秉持个性化, 以人为本的原则。在设计过程中要始终做到把人的价值放到首位, 艺术性网站浏览者用户, 大多是具有知识或艺术背景的高校教师和学生, 对艺术和美感有着非常高的喜爱和要求, 讲究网站设计中细节, 注重内容表达及色彩展示。在网站设计建设整个过程, 如果能够坚持以人为本, 以用户为中心的设计原则, 可以加速和深化艺术信息的应用传播, 加深访问者对艺术的认知和信息的获得。

　　3 网站功能策划与个性化设计

　　3.1 网站功能策划

　　良好的网站界面展示, 能向浏览者充分展示学院优势和特色, 结合学院自身办学发展特色及学科专业优势, 清楚网站建设内容的个性化特征, 并对其进行视觉化处理, 从UI设计、导航条、图片、文字、图标、声音、色彩、视频动画等设计元素多角度综合分析, 才能设计出一个艺术性较强的网站[3]。高校学院二级门户网站的整体设计风格要与对外形象符合, 结合该校艺术与传媒学院的实际建站需求情况, 学院网站首页设计突出功能性与艺术性相互融合的特点, 此外还注重网站使用的便捷性, 在网站设计过程中, 严格遵循网页设计原则。

　　3.2 网站个性化设计

　　高校学院二级门户网站设计要简洁实用、形象突出、艺术性强, 在进行网页个性化设计中为了突出艺术特点, 不能对网站中界面各构成元素进行简单的体现或者叠加, 需要网站或界面设计师从艺术构成和观赏的角度合理把握网页设计元素, 把图形图像、色彩、文字、版式等要素有机结合, 处理好声、动、色、形的组合与运用, 使之达到浑然天成的境界。学院二级门户网站界面以界面美化、内容丰富为设计目标, 使用AI、PS、Dreamweaver等网页设计软件工具进行个性化界面设计。

　　4框架及界面风格设计

　　4.1 网页框架布局设计

　　在网站建设过程中, 网页框架布局设计不仅是一种技术的应用, 更是技术与艺术高度的融合设计, 它是网站设计的重要内容[4]。在网页框架布局设计时将每个包含表格、图像、动画、超链接及文字等元素的页面有机整合展示在页面, 给浏览者最佳视觉展示效果。

　　框架布局设计要把握好整体, 保持主题与局部和谐统一、简洁大方的原则, 同时注重较好的视觉设计效果。长江的网站框架布局形式有T型布局、口型布局、川型布局、POP布局等, 设计师在考虑网站布局框架选型时要结合用户需求、学院特色、艺术元素表达等, 通过设计空间把布局建立整体的均衡状态, 产生一种和谐的美感。主题布局要主次分明, 中心突出, 内容页面的视觉焦点应该是首先考虑的视觉中心, 通过掌握和使用空间层次、主从关系、视觉秩序等关系来放大视觉中心的主要形象, 表达主题思想, 同时考虑疏密有度, 适当的增加留白设计, 合理的运用空格, 在对称的原则下引入非对称的设计, 形态和形状搭配创意运用, 这样可以达到更加突出主题形象的效果, 并且获得带来的最佳视觉体验。

　　4.2 网页界面风格设计

　　网站要根据主题内容决定其风格与形式, 对于网站风格定位要准确, 要让网站体现出学院的特色, 传递出与学院发展主题、理念一致的信息, 只有形式与内容的完美统一, 才能达到良好的展示效果。风格是一个网站具有不同于其它网站的地方, 浏览者通过内容、结构、技术、交互、布局、主色调、色彩、艺术创意等, 能够轻松的分辨网站的特质。

　　5 合理的色彩搭配

　　5.1 网页设计色彩搭配

　　网站界面构成元素, 不但包含了文字、图像、色彩、声音、动画等元素, 还包含超级链接、交互等互联网特有的元素[5]。在这些元素中, 首先吸引用户的往往是色彩元素, 网站界面上的色彩是塑造网站形象的重要元素, 在某种程度上, 设计者对色彩的运用和搭配对网站设计成功与否起着决定性的作用。色彩易于表达情感, 同时具有刺激视觉注意力、快速传达信息的作用, 色彩在网站界面设计中的作用非常重要, 对学院网站界面设计中配色的研究也是重要内容。

　　5.2 网页设计色彩原则和方法

　　网站网页界面的色彩搭配是网站设计成功的关键指标, 因此网站设计者要具备一定的美术基础和艺术审美。网站要有自己的主题色彩, 一般可用学校或学院的标准色, 不但符合自身的院系定位和形象, 可用提升学院的宣传效果。色彩布局要合理, 保持网站色彩的均衡, 各种色彩在网页界面布局中必须有机的组合, 按照比例关系有序有规律的相互联结, 构成和谐统一的整体色彩, 主色调贯穿一级页面、二三级页面head部分, 再根据不同的栏目单元, 再以辅助色彩合理搭配做出区分隔离, 同一个色彩应用不要过大太多, 过多的单一色彩的运用, 会降低网站的阅读性和视觉效果。色彩搭配设计时要体现人的感情, 发挥出色彩的导向作用, 保持网站界面基本色调统一性, 同时注重色彩的鲜明、独有性及艺术性, 给浏览者留下深刻的印象, 更好的吸引校内师生及社会用户对网站的关注和访问。

　　根据网站页面的背景和文字合理搭配色彩的使用, 一般来说, 网页界面背景色彩应柔和、浅淡, 可以选择纯度或者名都较低的色彩, 而文字颜色应为深色, 便于浏览者阅读网站内容, 并使其看起来显得更加自然、舒畅。为了能让网站网页界面的设计更加的具有阅读性、艺术性, 必须合理、恰当运用页面各元素之间的色彩搭配。

　　6 结束语

　　学院网站建设是彰显自己的特色和个性的最快捷的宣传平台和途径, 可以让全校乃至社会了解学院动态和信息, 它是学院信息发布组、业务管理、内部沟通的重要阵地, 具有快捷、无距离、随时随地均可更新的特性。网站设计网页制作的水平直接关系到学院的宣传形象和访问效率, 一个创意新颖、网页设计精美、色彩搭配合理、结构布局科学的网站会为学院形象推广起到更好的作用, 同时加大学生对学院信息的实时了解与获取。

　　参考文献
　　[1]候慧俊.网页界面设计创意指南[M].上海科学技术文献出版社, 2009.
　　[2]李葳.以用户为中心的高校网站界面设计[J].中国教育信息化, 2012 (08) :51-53.
　　[3]贺冬梅.浅谈网站设计的风格色彩与美化[J].中国科技信息, 2013 (06) :138-139.
　　[4]代文玲.从美学角度谈图书馆网页的设计[J].图书馆工作与研究, 20l1 (07) :41-42.

TAG标签： 网站  设计  色彩  

上一篇：EID在网络应用领域的前景分析
下一篇：农业电子商务网站建设途径探究