通常我们浏览网页的时候发现如果全是文字内容，阅读起来是比较吃力的。而如果文字再配有图片，特别是一些精美的大图，我们会更愿意去继续浏览下去。是的，网站图片结合文字的设计效果就是比较好的，那么到底该怎样设计呢?

1、辅助元素

相对于枯燥的文字，图片更容易引起用户的注意力。但这可能会影响到文字的效果，最终用户单独的通过图片无法理解网页内容传达的意思。那么我们可以将图片作为辅助元素，页面中心用文字表达，背景用图片辅助，当用户切换文字的时候，图片跟随变化。这样既不显得单调，又能很好的突出页面主题内容。

2、优先排序

通常我们用大图去给用户以视觉冲击力，也最能引起用户的兴趣，所以我们将图片优先展现。当然，当用户被吸引住之后，我们再用文字去引导他下一步的动作。而且，在设计网站的时候，我们还可以将图片和文字配以不同的颜色，更方便的去引导用户。

3、加载速度

网站上图片放的比较多，特别是一些高清精美的大图，然后JS交互效果也比较多，而如果是响应式网站，那么加载的速度可能就会受到一定的影响。这时候，我们如果让框架先加载出来，文字浮现，图片再慢慢呈现，用户体验可能会好很多。

4、整体效果

无论网站图片和文字怎样搭配设计，最终都要呈现出一个比较好的整体效果。也就是说图片和文字应该比较好的融合在一起，俩者会更加清楚的去描述网页，向用户传达网页的内容。而不能让图片或者文字显得突兀，这样搭配的效果反而更不好。

总之，我们在设计网站图片和文字的时候一定要注意搭配的效果，俩者其实是有很多设计形式的，在实际的工作中就看哪种设计形式比较好了。