企划动力
首页> 网站设计>网页内容配图并不简单,网站设计制作时图文混排也有必须遵循的一些原则

经典案例

网页内容配图并不简单,网站设计制作时图文混排也有必须遵循的一些原则

发布时间:2019-10-18

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


一、围绕内容选择图片

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

佛山网站设计

二、结合终端处理图片

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


三、着眼推广标识图片

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