响应式网站的全屏幻灯片应该如何配图？
响应式网站的全屏幻灯片应该如何配图？
发布日期：2016-09-10
浏览次数：4880
引子
为了满足广大软件公司用户的需要，起飞页最近推出了两款设计精美的软件行业模板。
这两款模板，都不约而同（不约儿童）的使用了全屏宽，自适应，响应式的幻灯片。如果细细品味，您可以感觉到幻灯片对网站整体设计档次的影响。
如果您开始尝试替换模板中的幻灯片的图片，您会很快发现问题，自己的产品图放上去感觉好像不对，看上去很奇怪。这不是您的问题，也不是图的问题，当然也不是模板的问题，更不是起飞页的问题。那么是什么问题呢？简单的说，是把不合适的图放到了不合适的位置的问题。那么问题来了~ 啥是合适的图？啥是合适的位置？
接下来我就告诉您一些可能连普通设计师都知道的秘诀哦。您自己学会后就可以了，别随便教别人。别随便~ 随便~ 便~
什么是合适的图？
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/ 最新的一个免费图片库