建站经验总结之图文混排的方法和技巧

在网站建设的过程中，一个完整美观的网站都需要通过混排的方式完成，虽然在搜索引擎优化的角度，页面中的图片太多，会影响网站打开速度，而且利于搜索关键字的优化，但是图片的搭配在网站建设中是不可缺少的。

目前很多网站设计师，习惯性的使用黄金比例的方式去设计网站，也许是从事网站设计行业太久的缘故，多少都有一些强迫症的感觉。在设计师的眼里，网站就应该是中规中矩的，稍微有几个像素的偏差就会感觉不舒服。其实作为一个优秀的网站设计师应该灵活弹性设计，不能生搬硬套，只有这才能更好的设计出一个完美的网站建设作品。

1、使用动态图文交错方式展示，增加用户互动性

此类展示方式多用于网站中广告出现，尤以购物网站为主，将文字和商品交叉组合，当用户使用鼠标移动到图片上的时候，图片将编程文字显示。或鼠标移动到文字上，文字变成产品展示。使用此方式展示，可增加用户的互动性，用户感觉就像是在玩一种游戏，很轻松的就明白了广告的含义是什么，增加了图文结合的趣味性。

2、采用Metro方式布局网站中的图片，巧妙技巧防止呆板

Metro的设计风格无疑是最近最流行的设计风格，网站所有模块都采用直线指教方式布局，简单大方，让用户一看就有一种想点击的冲动。如果图片太多，几十张图片都采用这种方式布局的话，很容易造成网站呆板，这时应该在图片上面用比较明显的色彩块填充，在上面增加网站的主题语句，这样操作可使用户很自然的领会到网站的主题含义是什么，并有一种网站前后的层次感。

3、敢于在文字和图片中留白，透过图片视觉方位，使用户了解下一步要做什么

在进行图片和文字搭配设计的时候，有时一张图可能需要占得空间比较大，但是文字和图片又很小，需要设计师大胆的对文字和图片之间进行留白，这点有些想《济南网站建设中如何做到交互式网站建设和用户体验》中提到的交互设计理念。如下图所示，虽然图片整体感觉有一种文字和人物一分为二的意思，但从心里角度来看，用户很容易通过人物的运动方式和视觉指向和左边的文字进行关联起来，加之文字下方按钮的特殊设计，鼠标移动变为深色按钮，更加激发了用户的点击欲望。

4、考验设计水平，图片文字混乱排列，错落有序，视觉冲击

彻底把图片和文字打乱排列，没有规则，这样设计的成功与否关键还要看设计师的水平如何，不仅在于如何对文字和图片进行排列，关键还有色彩的搭配能力。将不重要的元素透过暗色隐藏在图片背景中，文字部分和图片背景进行相融合的同时又能看清文字表达的含义是什么，突出图片中产品的重点，色彩对比鲜明，视觉冲击感强烈。

5、大气规划，设计一个好看的背景图很关键

目前国外很多网站都采用这种设计理念，网站首页采用一个张比较大气的图片作为背景，其中加上网站的名称或要突出的文字，给用户一种开矿神怡的感觉。随着HTML5+CSS3的广泛支持，国内许多网站也开始效仿此设计方法。看似简单的图文混排方式，其关键还是在于背景图的设计是什么样的，背景图大气的设计和艺术文字的相搭配可以要比想象的效果好很多。