当前位置:网站首页 / 建站知识 / 网站设计知识

如何做好网站首屏的排版设计工作?

发布时间:2017-01-10 08:21点击次数:

当我们进入一个网站时,第一眼看到的就是网页的首屏,这一眼就能决定网站的“生与死”。很多网站设计首屏时,也会使用一个高清大图,图片上面会附上文字,使用图文混排的形式设计,呈现出完美的视觉效果,以此给用户留下极好的用户体验。所以,我们设计网站首屏时,也使用这种图文混排的方式。那么如何做好这种首屏排版?

1、缤纷绚丽的色彩,不仅让我们生活更加美好,还让设计也更加突出。我们做网站首屏设计时,会使用绚丽的色彩。一张高清大图,上面配上文字,然 后我们通过调色让文字更恰当地呈现,效果可以说非常惊艳。当然,调色时,千万不要随随便便的调色,我们要根据图片颜色来选择色彩,通常尽量选择与图片相近 的色彩来进行调整,或者把图片调成浅灰色、浅蓝色等等,关键是要让图片的内容呈现出现,而且还不影响图片上的文字阅读。

2、当一张图片上有一个人,那么通常我们会被这个人的视线所引导;或者图片上有一部车在飞驰,我们会被汽车奔驰的方向所引导……这就是所谓的 “视觉流向”,我们在进行网站首屏设计时,要按照这种视觉流向来设计。我们的文字信息要按主体图像中视觉流向来排布,让主体来引导用户去观看文字信息。这 种视觉流向就是文字与图片发生逻辑关系,两者相辅相承,所以文字信息千万不要覆盖到图片的主体部分,例如人物、产品等。

3、图像与文字混排时,我们都会要求文字与图片相互配合,才能达到出人意表的效果。如果图像很鲜艳,而文字没有经过恰当处理,就会导致用户浏览 首屏时完全看不到文字,这有何意义?所以这就要求网页首屏中的文字必须具备可读性,巧妙设计文字色彩、文字字体、文字字号等等,让文字与背景形成对比,才 能第一眼就抢到用户关注。

4、背景模糊,这种设计方法在很多影视作品都经常可见,突出主体人物,后面的背景全部都虚化。背景模糊,这种类似于摄影拍摄的效果应用手法也同 样适用于网站首屏图片设计中。模糊背景可以强调元素,可增加一些深度的设计,给人一种不一样的感觉,同时模糊背景图片又显得非常的人性化,烘托出图片所要 给用户的氛围,也能更够突出产品或者人物本身特质,更能给用户舒适的用户体验。

5、当文字与背景图片融合在一起时,会感觉到文字与图片真正地成为了一体,增加了可读性。注意:当我们准备把文字融入到图片背景时,这个背景色 尽量使用纯色背景,这样可以保证非常好的可读性,同时不需要使用太多花哨的技巧,例如渐变色设计、对比色设计等等,保需要简简单单的纯色即可。同时可以加 入少量的阴影效果,提升文字与图片的整体性与可读性。

我们济南网站设计在设计首屏时,想要让首屏呈现出完美的混排效果,我们需要使用一张完美的高清照片,加入足够出彩的文字排版,就能达到吸引人眼球的目的。