1
公共艺术
1.6.4.3.1 欣赏 网页界面设计
欣赏 网页界面设计
img

网页设计为了突出网页的视觉效果,需从版式布局、页面配色以及风格化上进行说明。

版式布局:企业类网页要把握美观和实用性,同时方便浏览和阅读。为考虑浏览者的浏览习惯,以竖向多栏布局,合理利用空间,显得网页既理性、有条理,又活泼而富有弹性。

页面配色:网站整体以经典的红色为主,深灰色为辅,其他颜色点缀,以使得整个色彩气氛丰富、活跃起来。

风格化:作为购物网站,摒弃了花里胡哨的页面风格,以红色和灰色为主进行了简洁的页面设计。网页布局简单明了,采用大量的图片代替文字,减少文字带来的视觉疲劳,更加清楚地传递网页信息。

【知识宝典】

常见的网页界面构成包括网站Logo、导航栏、页面内容栏、版尾以及Banner五大部分。

img

网站Logo:为整个网站的名片,一般为88像素×31像素,常用Jpg或Gif格式。早期的Logo通常由文字变化而来,随着互联网的发展,动态的Logo开始出现,且比文字形式的链接更能吸引人注意。在如今争夺眼球的时代,这一点尤其重要。

导航栏:是为网站的访问者提供一定的途径,使使用者方便地访问到所需内容的辅助工具。网站导航的基本作用是让用户在浏览网站过程中不致迷失,并且可以方便地回到网站首页以及其他相关内容的页面。设置导航栏数量不宜过多,通常以3~7个最佳。设计合理的导航栏可以有效地提高用户访问网站的速度。

img

页面内容栏:内容栏是网页的主体组成部分,通常可以有一个或者多个子栏,由文字与图片构成。

img

版尾:整个网页的底端部分。这部分通常用来标注该网站所属的公司或工作室的名称、地址、网站的版权、电子信箱的链接等信息。设计版尾的目的是让浏览者能够了解到该站点所有者的一些情况。

img

Banner:可以作为网站页面的横幅广告,也可以作为网页上的大标题。Banner位于网页顶部、中部、底部任意一处。

img

【体验】

(1)网页常见布局图。

img

(2)请根据该网页布局图找出网站Logo、导航栏、页面内容栏、版尾以及Banner的位置。

img