为内容配图不简单网站设计时图文混排莫忽视这些

网站设计时图文混排莫忽视这些" alt="为内容配图不简单网站设计时图文混排莫忽视这些" />

　　至少在五年以前，也就是2012年前后，虽然网站设计已经做的非常精致漂亮，但是依旧以文字内容为主。而此后的五六年前，网站设计风格取向几乎发生了翻天覆地的变化。最为显著的一个方向是图片，尤其是高精度大图在网站应用的广泛起来。还有一个方向是，移动端网站也由原来文字为主，演变成图文混排且丰富多彩起来。时至今日，网站设计制作的边界似乎已被打破，响应式网站制作技术的逐渐普及，让图片在网站上的应用几乎无处不在。反而曾经的主要内容文字变化的不再那么重要。这一切得益于技术的发展，尤其是国家互联网基础设施的完备和提高，得益于移动互联网技术及设施的发展完善。但是网站建设是集合美术设计、交互制作、用户体验及程序代码、营销推广等多元一体的工作，身处今天的读图时代如何在网站上用好图片是值得思考的问题。可以这样说，为网页内容配图并不简单，网站设计制作时图文混排也有必须遵循的一些原则。

　　一、围绕内容选择图片

　　在网站设计阶段，或者网站建设完成并最终交付给客户之前，网站的选图、配图不是问题。问题发生在网站上线运营后，由于一些公司缺乏专业的设计师或者网站维护人员，导致为网页搭配的图片不甚和谐。这个不和谐主要体现在两点，一是选图（主要图片反应的内容，或者图片样式风格）不符合网站内容，可以想象一下一个讲述如何设计制作网站的页面，配图却是企业邮箱，无论如何都是不太合适的；二是网页内容图文搭配不美观，甚至有些丑陋。由于缺乏必要的html和css代码基础，有些网页的图片都是变形的，这样很自然的会影响到网站的用户体验。至于那些由于图片插入不合适，或者图片的原始尺寸不做处理限制等，导致网页错位变形者也不在少数。基于以上这些问题，我们在选图时就不可大意，至少应该吻合当前页面的内容主题，并且确保网页不会错位变形。

　　二、结合终端处理图片

　　无论是专业的网站设计师，还是普通的网站内容维护人员，在更新网站图片时都应充分考虑浏览终端。在网站设计和内容更新维护的时候，图片素材来源多半是搜索引擎和一些专业的图片网站。为了兼顾各种用途，我们搜索到的一些图分辨率可能非常高，很显然一张分辨率在300dpi，大小就有十几兆的图片，是明显不适合用于网站的。尤其是现在响应式网站是主流的技术趋势，一个网站不仅可以在PC端浏览，也可以通过手机等移动终端访问。要知道手机端的4G流量虽然很快，但是其需要按月支付相对高额费用的，一张高清图片就要好几兆甚至甚至十几兆，至少在目前是行不通的。更为重要的是，网站显示用图分辨率72dpi已经足够，过于高清的图片除去拖慢网站页面及图片打开速度外，并没有什么实质用处。

　　三、着眼推广标识图片

　　企业做网站的目的多半单纯而又简单，就是希望网站可以有效提升公司品牌形象，也希望通过网站可以有效转化用户。所以我们在网站用图的时候，自然要考虑到营销推广。比如在图片上合适位置，在不影响用户体验的前提下，注明核心业务加上网址或联系电话等。再比如在更新网站图片的时候，在代码里面给图片增加ALT描述，配合网站推广做好搜索引擎自然排名等。还有就是公司网站用图无疑是商业行为，在寻找及更新图片的时候，一定要谨记知识产权风险。上海网站设计高端品牌创新互联(www.executivehouseboatcharters.com)给大家的建议是，下载的图片在明知有版权的情况下不要使用，或者对多张图片进行合成处理后再使用。作为网站的主要构成元素，图片在这个读图时代大背景下会变得越来越重要。我们要重视图片的使用，同时也应明白图片是网站内容，文字也是网站内容，两者只有有机结合才能相得益彰。