制作网页中，图文混排的设计是不可避免的，适量的文字搭配图片，不仅能易于用户的理解，也能有效缓解用户阅读疲劳。但是，在图文混排时，稍不注意细节，就会造成用户阅读困难。那么，在制作网页的过程中，遇到图文混排的情况，应该注意哪些细节设计呢？

　　1、不要让距离混淆视线

　　距离是打造良好的图文混排视觉效果的关键，图片与文字之间的距离，关乎逻辑，也关乎内容的可读性。

　　首先，用一定的距离保证内容阅读的可读性和舒适性，即图片与文字的距离先设置好，然后是文字与文字的距离，按照层级一一进行设定，这样，用户不仅看得清晰，眼睛也不会累。

　　其次是把握距离的尺度，也可以说是逻辑的尺度。制作网页时，图文混排的情况可能是多图与多段文字的混排，比如商城网站，每个商品信息都是独立的内容，多款商品集中展示在一个页面，这时，理清每个图片与文字的逻辑关系是至关重要的，并且，还要以距离的大小来表现出来，以此来区分和整合信息，呈现给用户。

　　2、布局要创新，但也要逻辑清晰

　　制作网页中，图文混排还要有创意性的布局，提升整个网站的独特性。在多图文混排的情况下，布局的局限性会比较大，想要做出创意，挑战就更大。

　　但是我们只要遵循一点，就是要让每个图文的逻辑连接整齐，不能乱。比如可以采取行错位，或是列错位，或是图文排版的上下错位等，只要把握好逻辑距离，也可以添加线条辅助，让逻辑更清晰，也会产生眼前一亮的效果。

　　自己制作网页在设计图文混排时，要注意好距离与布局，这两者都是关键要素，要拥有细腻的全局观才能做好。