浅析当今网页制作中的关键事项

（上海理工大学公共实验中心200093）

互联网时代下的设计日新月异，相对设计学这门学科，网页的设计应用占有了一席之地。网站设计得好，是要让页面容易被人识别，便于使用和被搜索，那么网页设计有何讲究，有什么值得注意的设计要素呢？随着时代发展，这将是一个值得我们不断深入的话题。

一、页面尺寸设置

网页的设计，首先应从尺寸开始。所谓尺寸，是页面的高度与宽度，设计者可根据实际的使用环境，将其分为不同载体。尺寸一般使用分辨率来表示，一像素单位为px，px值设置为72px用于电子屏幕显示，在印刷品上我们设置为300px，配合计量单位。目前根据载体的不同，尺寸也被区分为了电脑屏幕尺寸，手机尺寸等，列如：电脑屏幕侧重于大面积的展示体验，手机则是小屏幕的便捷显示，由于在小屏幕上观看大尺寸页面，页面字体会显得稀小，所以通常需设计两种尺寸。虽然目前流行的html5简化了这些操作，但如果想通用两种不同尺寸，也需要留意许多细节。

确定设计页面的宽度是较为容易的，但由于页面缺少自适应能力，无法根据屏幕的大小来进行缩放，这样无法全显核心区域的内容。根据市面上一般电脑的宽度，最小在1200像素左右，文字的区域被控制在1000到1200px区间内，延伸宽度为大屏幕做准备。如果无左右延伸区域，在大面积的显示上将会显示得十分紧凑。关于页面高度的设置，基于内容多或少而定，通常不应超过3屏。页面过长一是不便于浏览者观看，二是会导致页面加载缓慢，影响使用体验。因此高度在3000px内更利于浏览。

二、设计色彩色调

对于设计者来说，色彩是至关重要的一个环节，每个页面都应具有独特的风格，风格属于调性，做设计首先要决定调性，这是最关键的第一步。色彩应用给人视觉第一官感，这便是视觉传达的“首轮效应”，这种视觉上的冲击力强弱，另一层面上看作为指向性体现，主题的体现。在《视觉锤》中的比喻，语言是钉子，视觉是锤子，好的钉子要想打入用户心中，就要用视觉的锤子，通过观察者的眼睛，敲进心里，锁定心智。虽然听上去尤为激烈，但在实际应用中却凿实有效。

色彩与色调，本无好坏，搭配与协调中应符合视觉的呈现形式，符合形式美法则。形式美法则是人类在创造美的过程与形式中总结的经验及抽象概括。包括了对称均衡、单纯齐一、调和对比及多样统一。另外，在三大构成中，平面构成、色彩构成和立体构成，其中平面构成和色彩构成也可常运用在页面设计中。如何选择合适的色彩？首先要看所涉及的行业属性，其次看所要求表现的情绪基调，最后合理搭配，谨慎选择配色。设计需要符合“科学法则”及“形式美法则”，看似杂乱无章的规划，假如观者觉得上心，觉得舒适，那么这个页面也就符合了“形式美法则”。

关于配色（色相）问题，不同的行业也有着一套不同的标准，类似电商促销时，用红色黄色为主基调，给人冲动感、激情感，让人产生消费冲动。金融类的网页选用蓝色、橙色，因为蓝色给观者信任感，橙色给人亲和力。色彩还要考虑另外两个指标，明度和纯度，也就是明亮度与饱和度。在明度上，色彩愈加明亮就愈加给人情绪感，在纯度上纯度越高，越刺激情绪。而色相则分为冷暖色，冷色系和暖色系的区分，一般用在区别边界比较明显的环境下，与网页的作用属性相匹配。这些色彩知识，作为一个设计师要烂熟于心，看似简单的设计用色，都需美学原理来支撑。

三、版面设计和文字设计

网页版面的设计必须要有有效的传达方法。举个例子，人类眼球结构中，视觉有效部分占有比列非常小，这促使了人类在一定的时间限定内所接受的信息量是非常有限的。我们在阅读浏览的时候，视觉习惯上的流动性，容易被视觉元素影响，因此在版面设计的过程中，利用这种因素，可引导用户进行浏览网页上的信息。完善的排版设计，要有丰富有条理的特点，布局要有调理但不失合理性，采用适当的方式来排列，使网页的布局具有突出的协调性。对于细节的描述和介绍，这个部分不能过于抢镜，处在次要位置属于合理。

在网页中的文字主要功能是传递各类信息，并非仅仅是装饰，为了提高视觉信息的传递效率，在进行网页文字的设计时，将文字整体的编辑效果加入，给用户清晰的视效体验，避免网页中出现杂乱失序的现象，使用户在浏览是能够更迅速的接收信息，感知信息。

说到文字设计不得不提字体，绝大多数的网页字体都是系统固有的，但在一些元素中需要注意字体的“性格”。字体分为衬线体、无衬线体、书法体、以及装饰体。在网页设计中设计者使用装饰体居多，装饰体在表现力上的呈现效果最突出，字体多数为粗体字。针对这类字体的合并、切割、扭曲等操作，可以更加容易变现主题信息，当然，主题信息的刚烈或亲和，就需要通过页面的策划和文案来判定了。

四、页面按钮

页面中的按钮，设计者一般使用PNG图片，嵌入页面内，按钮有着鲜明的区分性质，不同功能的目标明确。按钮的位置也应注意，在banner部分的按钮起到导航区域的作用，可将按钮放置于细则顶部，这就像用户决定的触发点，用户需要的是一目明了的体验，选择按钮时间越长，按钮的作用就越淡化，甚至于用户找不到正确的引导。所以设计者要在适当的位置放置正确的按钮，让网页的各项功能更加便捷。

五、结语

综上所述，本文对网页设计要素进行了简要解析，一个优秀的网页设计应该具备三个标准：功能性、信息传递的有效性、审美性。本文着重探究页面尺寸、色彩色调、版面、文字、按钮的设计上对当今网页设计中的主要因素进行了探究。时至今日，网页设计早已从最开始简单的信息呈现发展至今图形化风格，在进行网页设计的时候我们要利用这些重要的操作要素和设计潮流，融入受众的需求和审美特点，这些正是网页设计师们应要去追求的。