广州响应式网页设计之图片要如何设计? - 网页设计-广州网页制作_广州网页设计_广州建网站_广州网站建设_营销型网站建设-首选卓杰科技
收藏本站|设为首页

您现在的位置: 首页 > 新闻中心 > 网页设计 > 详细内容

广州响应式网页设计之图片要如何设计?

2016-10-21 14:03 来源: 卓杰科技(www.zhuojie.cc) [ ]

广州响应式网页设计之图片要如何设计?具体技巧如下:

1.图片和视频混用要小心

如果网站中同时存在图片和视频类的多媒体,用户和设计者应该都是能够接受的,甚至许多用户已经习惯了这样的设计。

但是要注意的是,即便是在同一个页面中,也尽量不要让图片和视频同时存在于同一个控件或者区块中。也许这样看起来很炫酷,也许一部分图片和视频能够搭配起来,但是更多的视频和图片很难在尺寸上保持一致,导致总会有一部分图片或者视频会留下空白和间隙。

2.使用轮播图或者图库

轮播图控件和图库控件是网站中最常见的图片载体,并且也可以更加自如的管理图片。尤其是当你使用了那些比较著名或者适配范围比较广的第三方控件的时候,控制图片元素的粗活重活基本上都会被这些控件接手过去。

不过,我们之前提到的图片长宽比和尺寸大小的控制同样也是要注意的,否则一样会让网页的展示效果变尴尬。

除此之外,你还需要什么场合使用什么样的控件。如果你拥有若干高品质的图片或者需要推荐特定的文章和专题,那么你需要使用幻灯片轮播图控件。如果你拥有大量有待展示的图片,可以缩小展示也不存在可读性问题的话,不妨使用图库类的控件来展示。许多作品集类的网站常常会使用图库控件。

3.尺寸和比例的一致性

响应式设计就不能不说断点。为了照顾不同的屏幕,我们需要将图片裁剪成不同比例不同尺寸的大小,而这也直接影响着整个设计与开发的设计流程。

许多人仅仅只是将图片上传到CMS系统中,就希望它能以完美的样式呈现出来。这不现实。

每张图片都应当被裁剪为合理的尺寸,并且放置在理想的位置上,确保它们会以用户期望的样子呈现出来。后端可能会在这件事情上花费相当的时间和精力,但是这些努力是值得的。

本页关键词:广州响应式网页设计

上一篇:已经是最后一篇 下一篇:广州网页设计中的图文配要怎样做好?