在网页界面中,文字编排设计可以提高页面的易读性。文争编排设计主要包括字体变形和内容编排。下面将对字体变形和内容编排规律进行讲解。
1.字体变形
文字本身就是一种图形符号,具有传达信息的功能,设计师还可选择不同的字体来表达设计情感。文字与设计主题信息需要互相配合,这时就需要对文字形态进行创意性变形,如图2-37所示。在网页设计中,字体变形通常用于网站logo设计、banner图以及创意标题
2.内容编排
内容编排就是选择什么类型的字体、多大的字号、文字内容怎么对齐等,以加强页面的易读性。考虑到大多数用户计算机中的基本字体类型,正文内容中最好采用基本字体,如“宋体”“微软雅黑”,数字和字母可选择Arial字体。
3、图像设计
图像具有比文字更加直观、强烈的视觉表现效果,网页设计中图像往往是网页创意的集中体现。图像设计最重要的特点是醒目,信息可以通过图像进行视觉传递。在网页设计中图像设计主要集中在网站logo、banner图、内容区辅助图这几部分。下面对网页的
图像具有比文字更加直观、强烈的视觉表现效果,网页设计中图像往往是网页创意的集中体现。图像设计最重要的特点是醒目,信息可以通过图像进行视觉传递。在网页设计中图像设计主要集中在网站logo、banner图、内容区辅助图这几部分。下面对网页的图像设计进行详细讲解。
1.网站logo
网站logo是网站特色和内涵的集中体现,是一个添加网站首页链接的图形标志。网站logo所占面积较小,因此要求设计简单直观,同时也要兼顾美观。网站logo的表现形式分为特定图案、特定文字、字图结合三种类型,如图2-38所示。目前,市面上比较流行的是字图结合的形式,通常在左侧放置图案,右侧放置文字。
2.banner图
banner图是网站广告中最常见的广告形式,在整个页面中所占面积较大,所占权重也较高。通过banner图将文字信息图片化,可以直观的方式展示信息。在设计时,可采用左右构图、正三角构图、倒三角构图、对角线构图、扩散式构图等样式(见图2-39),以恰当的构图方式直观展示文案信息。
3.辅助图
辅助图相对于banner图而言尺寸小了很多,但是在设计中并不容小觑。在设计时需要强调辅助图和主题设计的共性,以及保持整体风格的一致性。辅助图传达的信息要具备诱惑力,能够引起消费者的共鸣。为某网站的辅助图,采用和banner图一样的白色背景;辅助图以统一的角度进行摆拍,均采用局部放大的效果进行展示。