通常我们浏览网页的时候发现如果全是文字内容,阅读起来是比较吃力的。而如果文字再配有图片,特别是一些精美的大图,我们会更愿意去继续浏览下去。是的,网站图片结合文字的设计效果就是比较好的,那么到底该怎样设计呢?
1、辅助元素
相对于枯燥的文字,图片更容易引起用户的注意力。但这可能会影响到文字的效果,最终用户单独的通过图片无法理解网页内容传达的意思。那么我们可以将图片作为辅助元素,页面中心用文字表达,背景用图片辅助,当用户切换文字的时候,图片跟随变化。这样既不显得单调,又能很好的突出页面主题内容。
2、优先排序
通常我们用大图去给用户以视觉冲击力,也最能引起用户的兴趣,所以我们将图片优先展现。当然,当用户被吸引住之后,我们再用文字去引导他下一步的动作。而且,在网站设计的时候,我们还可以将图片和文字配以不同的颜色,更方便的去引导用户。
3、加载速度
网站上图片放的比较多,特别是一些高清精美的大图,然后JS交互效果也比较多,而如果是响应式网站,那么加载的速度可能就会受到一定的影响。这时候,我们如果让框架先加载出来,文字浮现,图片再慢慢呈现,用户体验可能会好很多。
4、整体效果
无论网站图片和文字怎样搭配设计,最终都要呈现出一个比较好的整体效果。也就是说图片和文字应该比较好的融合在一起,俩者会更加清楚的去描述网页,向用户传达网页的内容。而不能让图片或者文字显得突兀,这样搭配的效果反而更不好。
总之,我们在网站设计图片和文字的时候一定要注意搭配的效果,俩者其实是有很多设计形式的,在实际的工作中就看哪种设计形式比较好了。