服务热线:

021-51085186

021-51085186
2017-01-11

如何做好上海网站设计的首屏排版?

您现在的位置:首页 » 文章中心 » 常见问题

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

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

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

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

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

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

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