网页设计的构成要素有哪些
圆角简洁与圆润的视觉效果能够匹配大量的网页风格,绐浏览者带来柔和婉约、舒适和谐的视觉与心理感受。下面介绍网页设计的构成要素有哪些,希望可以帮助到大家。
圆角
圆角在网页设计中作为一种主流设计元素一直风行至今。圆角简洁与圆润的视觉效果能够匹配大量的网页风格,绐浏览者带来柔和婉约、舒适和谐的视觉与心理感受;同时,在网页设计中将圆角用于定义对象的边界,分界线在视觉上显得更为明显,让浏览者感觉到阅读视线已经到了页面容器的边缘。图下为圆角展示。
卷角与折角
同圆角一样,巻角与折角也是一种较为简洁的网页设计元素,它们使页面中的一个部分产生
卷起或折叠的三维效果,使网页能够像型录等印刷品一样产生较为真实的纸张效果,并使得其装载的信息更加突出醒目,增强网页在浏览者印象中的质量感和信任感。另外,卷角和折角还能够起到提示和活跃页面的作用。图下为卷角与折角展示。
各式各样的图标
从某种意义上说,有网页就有图标。图标指拥有代表意义和标志性质的网络图案,在网页的运用是作为一种功能标志出现,但随着网页设计的发展,图标除了本身的功能作用以外,更加了形式的审美作用,是功能与形式的完美结合。图中用不同图标用于导航。
渐变与光效果
渐变,在网页设计中主要是指页面所用的色彩从色相、饱和度、明度与透明度等方面所实施的渐变效果,在几乎所有的网页设计中都可以找到或多或少的渐变运用。通过渐变,可以实现柔和或明亮的光效果,营造朦胧或强烈的页面氛围。大多数网站利用渐变来设计网页背景,可以营造出柔和、舒适的视觉感受。图中的渐变效果,让人记忆深刻。
装饰元素
随着浏览者对网页审美的提高,装饰元素在网页设计中的使用早已屡见不鲜,成为一种流行的设计趋势。现代网页设计中,出于美化网站页面的目的而设计并使用的具象或抽象的装饰纹样、符号、线条等诸如此类都可以称为网页装饰元素。中西方文化中古老的美感纹样通过现代设计理念的优化与创新,早已摆脱了老式的审美观,焕发出潮流与时尚的魅力。纹样与线条的装饰元素是网页更有活力与个性。图中是纹理与线条的展示。
网页视觉设计的基本元素
(一)文字。
对于绝大多数网页而言,文字是信息构成的主体,它与图片容易造成歧义不同,具有直接准确传递信息的特性,使浏览者可以准确地、方便地接受信息。但是文字过多,给人长篇累牍的感觉,让人心中生厌,影响浏览者的阅读情绪,所以在视觉设计中,要对文字采取一定的格式处理和艺术加工。所谓的格式处理,就是指对文字的字体、粗细、字号、颜色等加以处理,使之格式多样、变化丰富,打破呆板、累赘的形象。艺术加工是指对页面的文字,根据其所处位置和作用地位的差异,来加以图像化、风格化的艺术手段处理,让文字更具有个性风格,显得更加生动形象,易于读者轻松接受。
(二)色彩。
在网页的视觉设计中,色彩设计主要有五个部分组成,即标准色彩、图片主色彩、边框色彩、背景色彩和文字链接的色彩。由于人们的审美特点各有不同,不可能使页面的视觉效果完全满足所有人的浏览需求,但是就主色调方面而言,人们通常易于接受的色彩基本是一致的。页面的使用者在浏览页面的第一印象就是界面的色彩主体构成,它直接关系到浏览者是否有继续浏览下去的兴趣。所以页面的色彩选择必须符合当前人们的审美习惯,在确定页面主体的色调时,既要尊重受众的心理需求又要符合网站自身的主题定位。网站页面的色彩既不能太过于单一,也不能色彩斑斓,这就需要把握一个适中标准。在确定主体色调以后,按照主次、轻重关系,对图片、标题、边框、文字链接的色彩做出有层次的选择,绝对不能喧宾夺主,要处理好各部分之间的关系以及各部分与整体之间的关系,色彩种类也不宜过多,以免浏览者产生视觉疲劳。
(三)图片。
在页面的组成部分中,图片是除文字以外最重要的构成要素,也是最早引用到网络中的多媒体对象。文字的特点是能够直观、准确地传递信息,而图片则可以打破纯文字界面的枯燥、平淡的格局,为页面增添活力,图文并茂,使网页生动形象,充满感情色彩。一般情况下,网页中使用的图片分辨率不需要太高,因为过高的分辨率势必使图片的容量加大,会影响到网页的浏览速度。在网页设计中,图片的大小、位置和方向都会影响到信息的表达,在整体编排中,应该分清重点和主次,对引用到的所有图片先做整体上的布局处理,然后使图片之间、图片和文字之间的关系和谐,页面整体布局和谐统一。
(四)版面。
版面设计是在有限的屏幕空间界面对所有多媒体元素进行有机整合,使整体页面布局合理得到,感官效果好,便于受众接受。版面设计的成功与否,影响到网页核心信息的传递价值和浏览者的视觉留存时间,是网页整体感的直观传递。在进行版面设计时,主要利用点、线、面的依存关系,对页面的所有组成要素进行空间位置的排列,这一过程需要在网页自身价值表达的需求下,充分挖掘各多媒体因素的相互关系,使这些要素在视觉感受中体现出均衡、调和、律动的视觉效果,让整个界面生动起来,不平淡、不呆板。在版面的视觉处理上,需要把握好主题与素材、整体与个体之间的关系,在统一之中寻求变化,在不对称中寻找均衡点,促成页面整体的和谐效果。