网站制作中的关键事项

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

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

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

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

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

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

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

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