网页设计中页面美术的使用技巧

高凌　罗浩

摘要：进行网页设计，页面美术的运用技能是必不可少的。本文对网页设计中使用到的页面美术技巧进行分析，例如视觉构成要素（颜色、图片、字体等），提出网页设计与美术功底的结合对于网页设计师来说至关重要，同时对网页设计的特点、技巧和注意事项予以阐述。

关键词：网页设计；页面美术；使用技巧

中图分类号：TP3 文献标识码：A 文章编号：1009-3044（2018）18-0267-02

随着互联网技术的不断进步，人们获取信息，更多地开始通过网页而不是传统的报刊。视觉习惯的改变带来了对网页设计的更高的要求。，如何能够让网页视觉信息更有效、更合理，更具有表现与传达力，成为当前重要的研究课题。

1 页面设计交互性

交互设计是一门新的学科，专注的是交互体验。进行网页设计的过程中，不同的客户在不同的网站中，需要看不形态迥异，风格不同的页面美术设计。这就需要交互设计发挥作用。在产品和用户的联系上，思考如何进行使用，还要考虑功能的容易实用性，操作的简约性等。

1） 进行页面设计的时候，要考虑不同的网页用户的需要，从用户的角度进行设计要遵循人性化的原则。例如教育网站和政府网站的设计，要思考它们跟娱乐、购物、企业网站等页面设计风格的不同，各个项目采用什么方式方能体现出特点。例如医院的主题网站，需要起到导医的作用，包括医院的主要活动，科室和主治医生的情况介绍，FLASH形式展现特色专题，等等，快速导航突出医疗服务特点。

2） 进行网页的美术设计，必须遵循简单易用和结构清晰的原则，页面承载着庞大的结构和信息量，人们访问页面一定会有一种选择最好的，结构最清晰的，最简单操作的心理。如果交互设计上过于复杂，不够和谐，用户就会产生厌烦的感觉。好的美术设计，能够让用户产生想体验的感觉，不会有过多的功能，但是信息量非常大，风格也是统一的[1]。

在进行网页的美术设计时候系统必须要根据指令给予相应的回应。能够反映出信息的获得，当前的使用状态等等，网页的基本交互功能随着网络技术的发挥在那，能够方便人们查询，调动用户的参与情绪，很多客户即便不了解界面设计的交互性，也会在视觉上产生感觉。例如关于一个产品的页面设计，利用立方体进行块的设计，中间的图标按钮设计成一定的形状，而且可以随着鼠标箭头旋转。同时鼠标箭头移动后，所有的立方体可以变换为一个平面，产品随之跃出，立方体高低错落，产品包装呈现出来，在别致中看到了一种活跃灵动的文化呈现。另外进行交互设计还要注重网页的结构要清晰，逻辑要明确。用户在进行功能模块的应用的时候，一定有各自的使用习惯，体现在按钮如何摆放，导航设计如何合理上，用户快速熟悉功能模块的使用，要求做到与页面设计要有好，这就体现出设计师的匠心独运。设计师对用户的关爱，可以从格式、大小写、符号等细节表现出来。交互设计从前期的结构逻辑上就应该有细节方面的规划和思路，并且细节设计要贯穿在始终[2]。

2 页面美术设计技巧

具有美术基础，对于一个网页页面设计师来说是再好不过的了。经过长时间的美术训练和网站网页设计工作，设计师们一般会深刻感受到设计和绘画之间的联系是多么的紧密。进行视觉设计和色彩绘画的巧妙结合，最终将二者相同点予以呈现的，是高超的网页页面设计师才能完成的。这种完美的整合，是一种绘画和设计工作的完美境界。

1） 从色彩角度上来讲，将黑白灰三中色彩予以融合，通过深浅搭配打造出明暗，是绘画作品的空间感、层次感的来源，通过绘画作品的不断的色彩丰富，从黑白灰的单调色彩，最终演变出深浅浓淡相宜的精品，这是一个绘画作品最终能够达到的效果。而网页作品还需要加入文字、动画、图片等，不能像绘画作品那样，只是假如深浅色，还要学会利用背景来讲视觉效果加以衬托，实现不同的辨识度，最终将主次加以区分，画面的视觉冲击性更强烈，更加吸引人。例如黄色、橘色、橙色、红色属于暖色调，蓝色、绿色属于冷色调。黑白灰属于中性，这些色彩的搭配，如何能够达到网页设计的主题需要，要求设计师从网页整体的功能、个性上进行比例的协调，保持色彩平衡的同时，还要有色调的科学合理性。

2） 由于物品的摆放，在不同的位置，会呈现出不同的视觉效果。绘画基础上进行构图的设置，需要掌握平衡点，折旧需要平衡原理和对称原理在其中发挥作用。每个作品能够形成辅助和视觉的元素的融合，都是要达到平衡的状态的，如何进行网页画面中的各种元素的平衡，这需要设计师的匠心独运。网页设计的时候，构图非常重要，网页画面要有对称的美感，要有秩序性，要方便人们阅读和查找需要的信息，就要进行非常对称和均衡的排列、组合、设置，将构图陈设到最佳状态。

3） 以留白为例，在进行绘画设计的时候，使用留白一般是作为技巧，为网页增加悬念、空灵的感觉，留白设计常用在传统水墨画中，根据实践证明，具备美术功底和画面驾驭能力的设计师，在留白设计上能够达到极致。网页设计中，作为很重要的设计手法，进行留白也可以達到此处无声胜有声的效果，留白不是空白，而是使用单纯的中性色彩，达到无装饰感的空白概念。留白区域的作用，给予了设计一种布局上的平衡杆，在留白区域的陪衬和环绕之下，中心被予以烘托，形成了一种大气感。

4） 进行绘画作品的创造的时候，是需要将主次加以区分的。这就是一种辅助物品和主要物品的区分的技巧。进行网页设计的时候，也是要讲这种主次之分加以运用，主要的元素应该讲求浓重加以烘托，而次要的元素则要进行简单的勾勒。进行主元素和次要元素的烘托的时候，要根据物品的状态、内容、特点，进行网页的设计。无论是文字还是标题，都要具有页面的节奏感[3]。

3 页面美术设计的注意事项

1） 网页美术设计过程中，要进行文件的设置。设置的时候，要注意要做好网页的宽度的设计，网页的宽度一般有760到1200PX不等。进行设计的时候，要对宽度加以注重，但是高度上限制不大。进行背景和图标的设计的时候，要注意在网站设计的过程中注重切图的效果，因为在切图的时候如果不进行技术处理，往往最后切出来的效果与设计的效果的差别很大。在进行特效的处理上，设计特效的样式要特别加以关注，例如使用DIVCSS软件进行特效的设计，一般是在切图的时候使用最好。网页设计过程中，对于宋体、黑体等字体可以不进行特别的处理，但是要注意细节的保持，例如对齐一定要做好。

2） 网页美术设计后，要导出一定的特使进行效果的观察，尽量保持每个图标和图片要有独立图层，不要合层，方便在DIVCSS切图的时候能够将显示切图加以隐藏。在设置新建之后，开始进行网页美术设计，注意页面的分块的风格，有的依靠分块要体现风格，因此在着色上也加以区分，使用的色块、边框等，都要有合理性，可以混合使用，但是不要过于醒目。

3） 进行色彩的搭配，要注重平衡感，进行页面的重点的突出之后，在页面上要形成非常好的效果，通过强烈的对比烘托出页面的质感。一般的情况，上方的颜色要能够压住下面的颜色，否则整体页面感就会不稳重，另外，对于要突出的LOGO，要给予特别的呼应，注意将色彩加以重点突出，又不能过于醒目，对于页面的整体构思要精确到每个像素。

4 结语

网页美术设计师应遵循“不为设计而设计”的理念，页面效果的追求是必须的，但是不要偏离主题，也不能偏离用户的需要，突出网页本身的信息，才能最终设计出令人满意的网页作品。

参考文献：

[1] 王周娟. 网页设计中的色彩应用研究[J]. 信息记录材料， 2018（5）.

[2] 马楠. 图像处理技术及其在网页设计中的应用[J]. 电子测试， 2017（24）.

[3] 陈奋， 张晓兰. 自适应网页设计研究[J]. 通化师范学院学报， 2017（8）.