浅谈网页设计中的小技巧

2016-12-01郭霞山东女子学院山东济南250300

人间 2016年11期

郭霞(山东女子学院，山东济南 250300)

浅谈网页设计中的小技巧

郭霞
(山东女子学院，山东济南 250300)

摘要：近几年，网页设计随着时代进步，也在逐渐发生着改变，各式各样网页设计种类兴起越来越多，从网页开始的设计版式、配色以及到字体的应用等，设计师们都在努力学习和创新，以最快捷、方便的方式把信息传达给民众，在这种标准下，大家的审美需求也逐步提高。下面我们就来浅谈，设计师在设计过程中，需要知道的一些小技巧。

关键词：网页设计;风格;字体;版式;色彩;对比度

在互联网的时代，随着网页技术的不断发展，网页设计变化多端，从风格、字体应用、对比度、色彩搭配、版式等等。对于设计来说是千变万化的，不能成为一种定式，一个好的网页不能仅仅是漂亮，也需要实用性，对于设计师来说在制作一个网页的过程中，利用一些小技巧来让整个网页更加出色和使用。

一、风格

从设计风格上说，网页中的扁平化、响应式、卡片式等设计风格，给设计师更多可以自由发挥的空间。现在我们所说简约设计风格的特点包括简洁大方、直观轻薄和美观等特点，这些设计特点受到越来越多大众的喜爱和设计师的追捧。

什么是简约设计?

我们所说的简约设计是回归设计本质的一种思想，但是简约并不是让我们看到的整个网页进行简单删减，而是对整个网页内容进行提炼设计精华，满足美观实用的本质诉求。它能够清晰展现网页中的结构、交互操作等特征，在满足传递信息的同时，也能够给用户带来轻松、愉悦的美感。我们要设计简约网页要做到以下几点：

(一)留白。网页中留白，页面加入适当留白，能让文字、图片和内容更加清晰以便于浏览阅读，使整个网页中元素得到充分区分，通俗易懂，有便于提升一个页面的品质感。

(二)大背景。和小背景相比，将整张大图片作为背景，能够让用户产生强烈的视觉冲击力，充分展现品牌形象，起到对网页很好的补充作用。

(三)大标题。大标题作为网页视觉中心，能够很容易将用户视觉聚焦，直观表达出整个网页是做什么的。简洁图片作为大标题的背景配合字体和彩色搭配，让视觉更加纯粹。

(四)单纯色彩。网页中整体色彩是浏览者对整个网页的第一印象，当单纯的色彩和色彩绚丽、对比鲜明的网页对比，它能给浏览者回归本质和自然的状态，会有不一样的体会和感悟。

网页中还有很多种简约表现形式，看似简单的简约，能够把它展现的淋漓尽致显现的非常好也并不简单，它需要我们用心学习和创新设计，从视觉体验的角度去感受网页的简约之美。

二、文字应用

从文字应用上来讲，字体应用从开始的宋体到一些更美观字体的改变，可以让整个网页设计提升为高格调作品。

文字的设计与编排是网页构成重要元素之一，它们占据的存储空间虽然非常小，但占据网页面积却是非常大。好的字体能够让整个页面出彩，即使漂亮的网页，字体应用不当也不是一个优秀的作品。宋体在网页中运用最广泛，也是我们最常见的一种字体，如果没有指定字体，在浏览器中首选渲染的字体就是宋体，现在我们浏览大多数网页时会发现，微软雅黑通成为字体应用中的主流，它常用来作为网站首选字体，它的美观度和清晰度都较好。

微软雅黑从的字形看，比宋体饱满，更容易识别，而且字间距很小，宋体的使用是来衬托其它字体，在视觉上，宋体更纤细，宋体和微软雅黑搭配使用是设计师不二的选择。

除宋体和微软雅黑字体之外，设计师们对英文字体的使用，比如网页中需要出现英文字体时，应该用英文字体Arial、Vardana不应该中文字体来直接拼出英文等等。

三、对比度

从对比度上来讲，如果让每个设计看起来更加独立，突出和特别，那就使用对比度来提现。它的主要作用就是提高网页中要素之间的差异化，它可以使一个设计完成从平凡到令人惊艳的蜕变。以下几种方法可以体现：

(一)做得更大(或者更小)。众所周知，我们在设计中的陷阱，有时来自于网页中元素的对称性和顺序，如果同等重量的元素过多会显得我们的设计相同，其实在设计中，最简单的办法是让我们设计的元素更大或更小。用户将被吸引到元素的该区域，因为它是不同的，使我们的设计成为眼前的亮点。

(二)添加纹理。现在扁平化和简约设计风格逐渐成为设计的主流，我们之前所用的纹理不再像之前那样频繁使用，但是我们仍然可以在很多地方看到它，添加纹理图案或三维样式都将有助于创造聚焦的方法。

(三)改变形状。在一个充满圆形的形象中，它是唯一的矩形，能够使得它脱颖而出，让设计眼前一亮。在我们的设计中，我们可以通过改变一个元素的形状或者改变一个原色的取向可以对我们的设计产生最直接的影响。

(四)添加色彩。在我们的平常设计中，色彩选择是重要元素之一，通过添加、删除颜色或者改变色调，可以改变我们整个设计格调。如何通过改变颜色使事物出现或大或小，或深或浅的变化，诀窍在于对比运用调色板。

四、色彩搭配

从色彩搭配上来讲，网页不会因为色彩而无聊，设计师们对颜色的搭配也在发生变化，用户会通过色彩看到设计师的心，我们平常所看到的每一个网站，其实都有着其网页独特的设计风格和搭配颜色。我们在设计的时候可以从撞色、相近色、冷暖色、互补色等，对我们设计的颜色进行不同的搭配。网页设计的颜色搭配其实需要我们在实践中不断的摸索、学习和创新，多浏览一些经典的网页设计，吸取颜色搭配，可以把我们生活中遇到的一些好的设计收藏起来，过一段时间后，在看这些设计，如果我们认为我们收藏的设计并不是那么好，这就说明我们欣赏水平有一定的提高，网页设计水平也会提高。

五、版式设计

从版式设计来讲，我们平时看到的每个网页的排版方式各有它们的不同之处，也就是说不同的设计师版式设计也有不同的追求和思想。新颖的版式设计是具有不断创新的理念，从网页搭配的导航看出，它也在紧跟网页设计的趋势，有些网站不难发现，导航的设计会在网页一侧，或者海报中间，或者可以收缩，给浏览者新颖感。运用好这些小技巧，可以让我们的版式更加引人注目。