互联网应用和人们的日常工作生活密不可分, 现下的网页设计, 在设计工作中的比重越来越大, 如何设计好一个网页, 从页面尺寸设置, 色彩色调的调用, 版面文字设计和页面按钮设计上, 我们需要做足工作, 注意细节才能设计出一个符合现代审美标准的网页。互联网时代下的设计日新月异, 相对设计学这门学科, 网页的设计应用占有了一席之地。网站设计得好, 是要让页面容易被人识别, 便于使用和被搜索, 那么网页设计有何讲究, 有什么值得注意的设计要素呢?随着时代发展, 这将是一个值得我们不断深入的话题。

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

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

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

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

关于配色问题, 不同的行业也有着一套不同的标准, 色彩还要考虑另外两个指标, 明度和纯度, 也就是明亮度与饱和度。在明度上, 色彩愈加明亮就愈加给人情绪感, 在纯度上纯度越高, 越刺激情绪。而色相则分为冷暖色, 冷色系和暖色系的区分,一般用在区别边界比较明显的环境下, 与网页的作用属性相匹配。这些色彩知识, 作为一个设计师要烂熟于心, 看似简单的设计用色, 都需美学原理来支撑。

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

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

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