迫感,其圆角和背景图的搭配也比较符合视觉感觉。Р图2.6白色边框图片Р如图2.6白色边框图片,这种折叠的效果是我想给观看我网站的浏览者一种像在看相框照片一样的感觉,就通过使用边框的颜色,来给浏览者一种逼真的感觉,就像图片相在框里一样,从细节关注浏览者的感觉。Р2.2.4 字体的相关搭配Р整个网站的字体由黑色为主黑由于圆角背景是白色的,所以要用黑色的字才能让整个网站更加简洁更加清晰,而且黑色的字又与大的背景图片相呼应。让浏览网页的人一目了然;在大的盒子里面我选择庄重的黑色还大段的段落介绍各种花卉的寓意,以表示我对大自然给我们的惊喜表示尊重,在大段的文字介绍后,我用灰色的字体来分段介绍各花卉的具体含义,为缓解视觉疲劳,从而达到放松的作用。在浏览网站时,没有那种因为图片凌乱的烦躁感。让浏览者清晰简洁的浏览。Р2.3网站布局Р在制作网站的前期必须要有一个网站布局图,在Adobe Photoshop中设计中制作了嫣雨坊的布局如图2.7,图2.8,图2.9所示。Р2.3.1 一级页面的设计Р如图2.7所示是嫣雨坊一级页面的布局图:Р在首页的布局我采用了九个盒子来定位,分别为Logo一个盒子,导航条,大张图片,小盒子里包括图片和介绍文字,在设计这样的布局不仅使网页内容丰富,更不让网页看着杂乱无章。在浏览网页时,所有的图片都有超链接,连贯性很好。Р图2.7 首页的布局图Р2.3.2 二级页面的设计Р如图2.8所示是嫣雨坊二级页面的布局图:二级页面的设计布局是通过八个盒子控制的,在网页的上方有导航条,导航条下方是对花卉具体介绍的大图片,大图片的下方是由一个个小盒子的图片超链接,图片下方是介绍鲜花的文字,在下方是具体介绍寓意和颜色代表的含义,而在网页的最下方是一个长方形盒子,包含着版权信息,因为配和首页的主色调,所以二级页面也采用了灰色渐变的纯色背景,这样看起来比较统一搭配。不会显得那么唐突。
全文预览
