网站布局与网页配色设计
上QQ阅读APP看书,第一时间看更新

1.2 网站设计构成元素

与传统媒体不同,网站界面除了文字和图像以外,还包含动画、声音和视频等新兴多媒体元素,更有由代码语言编程实现的各种交互式效果,这些极大增加了网站界面的生动性和复杂性,也使网页设计者需要考虑更多页面元素的布局和优化。

1.2.1 文字

文字元素是信息传达的主体部分,从网页最初的纯文字界面发展至今,文字仍是其他任何元素无法取代的重要构成。这首先是因为文字信息符合人类的阅读习惯,其次是因为文字占用存储空间很少,节省了下载和浏览的时间。

网站界面中的文字主要包括标题、信息、文字链接等主要形式,标题是内容的简要说明,一般比较醒目,应该优先编排。文字作为占据页面重要比率的元素,同时又是信息的重要载体,它的字体、大小、颜色和排列对页面整体设计影响极大,应该多花心思处理。

该网站页面是一个以文字介绍内容排版为主的网站界面,通过不同的色块来区分不同内容的表现,使文字内容的条理非常清晰,大小不一的矩形色块组合又使得页面整体和谐统一,表现生动活泼。

1.2.2 图形符号

图形符号是视觉信息的载体,通过精练的形象代表或某一事物,表达一定的含义,图形符号在网站界面设计中可以有多种表现形式,可以是点,也可以是线,色块或是页面中的一个圆角处理等。

该网站页面来源于一个国外网站,使用设计效果图作为页面的背景,页面左右两侧的半透明红色图形相互呼应,页面上下的黑色矩形条同样形成呼应的效果,在构图上通过应用不规则图形,增强页面的形式美感和空间感,富有创意和新意。

1.2.3 图像

图像在网站界面设计中有多种形式,图像具有比文字和图形符号都要强烈和直观的视觉表现效果。图像受指定信息传达内容与目的约束,但在表现手法、工具和技巧方面具有比较高的自由度,从而也可以产生无限的可能性。网站界面设计中的图像处理往往是网页创意的集中体现,图像的选择应该根据传达的信息和受众群体决定。

在该游戏网站设计中,运用极富感染力的游戏场景图片作为页面的背景,逼真的游戏场景配合视频、动画、音效的效果表现,当浏览者打开网站时就会被精美的视听感受吸引,仿佛置身于虚幻的游戏世界当中,从而使浏览者对该游戏产生兴趣,并能够逐渐沉浸其中。

该网站页面的设计非常富有创意,将大自然的图片与产品巧妙地结合在一起,表现出产品的自然、纯净,使用创意图片作为页面的背景,使整个页面形成一个整体,将页面中的背景图案沿主体图形放置在两边,用户的浏览视线会跟随着图形向下移动。富有创意的网站视觉设计,非常容易吸引浏览者的注意。

1.2.4 多媒体

网站界面构成中的多媒体元素主要包括动画、声音和视频,这些都是网站界面构成中最吸引人的元素,但是网站界面还是应该坚持以内容为主,任何技术和应用都应该以信息的更好传达为中心,不能一味地追求视觉化的效果。

这是一个运动品牌的活动宣传网站,在该网站设计中充分运用视频、音频等多媒体资源,给浏览者带来强烈的视觉体验,并在网站中应用了相应的交互效果,让浏览者参与到网站互动中来,使浏览者在轻松的氛围中接受网站传达的信息内容。

1.2.5 色彩

网站界面中的配色可以为浏览者带来不同的视觉和心理感受,它不像文字、图像和多媒体等元素那样直观、形象,它需要设计师凭借良好的色彩基础,根据一定的配色标准,反复试验、感受之后才能够确定。有时候,网站界面往往因为选择了错误的配色而影响整个网站的设计效果,如果色彩使用得恰到好处,就会得到意想不到的效果。

该产品宣传网站使用绿色作为页面的主色调,搭配同色系的黄绿色,使整个页面表现出清新、自然的氛围,页面中木纹素材的运用,强化了整个网站需要表现的自然、纯净、健康的理念。网站的色彩搭配特别能够打动人心,给人留下舒适、自然的印象。

技巧点拨

色彩的选择取决于“视觉感受”,例如,与儿童相关的网站可以使用绿色、黄色或蓝色等鲜亮的颜色,让人感觉活泼、快乐、有趣、生机勃勃;与爱情交友相关的网站可以使用粉红色、淡紫色和桃红色等,让人感觉柔和、典雅;与手机数码相关的网站可以使用蓝色、紫色、灰色等体现时尚感的颜色,让人感觉时尚、大方,具有时代感。