响应式网站的全屏幻灯片应该如何配图?

发布日期:2016-09-10
浏览次数:465
  

 

引子

 
为了满足广大软件公司用户的需要,起飞页最近推出了两款设计精美的软件行业模板。
 
 
 
 
 
 
 
 
这两款模板,都不约而同(不约儿童)的使用了全屏宽,自适应,响应式的幻灯片。如果细细品味,您可以感觉到幻灯片对网站整体设计档次的影响。
 
如果您开始尝试替换模板中的幻灯片的图片,您会很快发现问题,自己的产品图放上去感觉好像不对,看上去很奇怪。这不是您的问题,也不是图的问题,当然也不是模板的问题,更不是起飞页的问题。那么是什么问题呢?简单的说,是把不合适的图放到了不合适的位置的问题。那么问题来了~ 啥是合适的图?啥是合适的位置?
 
接下来我就告诉您一些可能连普通设计师都知道的秘诀哦。您自己学会后就可以了,别随便教别人。别随便~ 随便~ 便~
 
 
 

什么是合适的图?

 

1、形状需要是扁的

正确的形状
 
 
错误的形状
本例中,所说的形状是图片的形状,不是树叶的形状
 

2、图片要足够大

 
像素一定要超过1024宽哦,最佳是1920,但是一般不要超过2048。超过了并不会提升清晰度,反而会影响网页的打开速度。
 

3、图片内容没有或者只有一个重点区域(左,中,右),边缘无重要信息

 
正确的栗子1 重点在左边
 
 
正确的栗子2 重点在右边
 
 
正确的栗子3 重点在中间
 
 
正确的栗子 4 无重点,背景而已
 
 
正确的栗子 5 无重点,背景而已
 
 
 
错误的栗子1
错误原因,从左到右都是重点区域,很容易出现信息丢失的问题
 
 
错误的栗子2
 
从上到下,从左到右全是重点信息
 
 
错误的栗子3
 
表面上看起来重点在中间,但实际上中上,中间,中下全是重点
 
您应该可以理解啥叫正确的图片了吧~ 别随便教别人哦
 
 

什么叫合适的位置?

 
作为业界最领先的响应式建站平台,我们的幻灯片可以允许您设置图片显示位置哦。通俗的讲,就是幻灯片可以凑图片的内容位置来显示。
 
例如:这个图片的重点内容在右边
 
如果幻灯片设置了靠左显示的话,效果就会很奇怪哦
 
如果设置了靠右下,显示,就会看上去比较舒服
 
 
起飞页可以选择的位置有9个哦,分别是:
 
而且,重点是,同一个幻灯片的不同的图片,可以进行不同的设置哦。也就是说,第一张图,可以设置为居中显示;而第二张图,可以设置为靠左显示;而第三张,也可以设置为靠右显示。完全是独立的,互相不影响的。
每个幻灯片页面的右上角(有的时候是右下角),会有一个控制栏,您可以在那里点击设置调整图片的位置。
 
 
 

结论

 
将形状合适,有侧重点的图片,放到合适的位置,幻灯片的图片就会看起来比较舒服了。
 
 

扩展 - 哪里能找到免费的高清素材大图?

 
亲,我比较懂你们。其实我们自己也常常使用这些工具来找图。
 
1、使用Google图片搜索功能
2、 http://search.creativecommons.org/ 免费商用图片
3、http://photoeverywhere.co.uk/ 世界风景
4、http://pixabay.com/ 免费矢量图
5、http://www.freeforcommercialuse.net/ 免费商用图
6、http://cn.freeimages.com/ 中文的免费图
7、https://stocksnap.io/ 最新的一个免费图片库
 
 
 
 
 

登录后即可发表评论,立即登录.