響應式網站的全屏幻燈片應該如何配圖？
響應式網站的全屏幻燈片應該如何配圖？
發布日期：2017-09-10
瀏覽次數：5112
引子
為了滿足廣大軟件公司用戶的需要，起飛頁最近推出了兩款設計精美的軟件行業模板。
 ID:7387
|
 ID:7230
|
這💮兩款模板，都不約而同（不約兒童）的使用了全屏寬，自適應，響應式的幻燈片。如果細細品味，您可以感覺到幻燈片對網站整體設計檔次的影響⛦。
如果您開始嘗試替換模板中的幻燈片的圖片，您會很快發現問題，自己的產品圖放上去感覺好像不對，看上去很奇怪。這不是您的問題，也不是圖的問題，當然也不是模板的問題，更不是起飛頁ꦓ的問題。那么是什么問題呢？簡單的說，是把不合適的圖放到了不合適的位置的問題。那么問題來了~ 啥是合適的圖？啥是合適的位置？
接下來我就告訴您一些可能連普通設計師都知道的秘訣哦。您自己學會后就可以了，別隨便教別人。別꧙隨便~ 隨便~ 便~
什么是合適的圖？
1、形狀需要是扁的
正確的形狀
錯誤的形狀
本例中，所說的形狀是圖片的形狀，不是樹葉的形狀
2、圖片要足夠大
像素一定要超過1024寬哦，最佳是1920，但是一般不要超過2048。超過了并不會提升清晰度，反而會影響網頁的打開速度。
3、圖片內容沒有或者只有一個重點區域（左，中，右），邊緣無重要信息
正確的栗子1 重點在左邊
正確的栗子2 重點在右邊
正確的栗子3 重點在中間
正確的栗子 4 無重點，背景而已
正確的栗子 5 無重點，背景而已
錯誤的栗子1
錯誤原因，從左到右都是重點區域，很容易出現信息丟失的問題
錯誤的栗子2
從上到下，從左到右全是重點信息
錯誤的栗子3
表面上看起來重點在中間，但實際上中上，中間，中下全是重點
您應該可以理解啥叫正確的圖片了吧~ 別隨便教別人哦
什么叫合適的位置？
作為業界最領先的響應式建站平臺，我們的幻燈片可以允許您設置圖片顯示位置哦。通俗的講，就是幻燈片可以湊圖片的內容位置來顯示。
例如：這個圖片的重點內容在右邊
如果幻燈片設置了靠左顯示的話，效果就會很奇怪哦
如果設置了靠右下，顯示，就會看上去比較舒服
起飛頁可以選擇的位置有9個哦，分別是：
而且，重點是，同一個幻燈片的不同的圖片，可以進行不同的設置哦。也就是說，第一張圖，可以設置為居中顯示；而第二張圖，可以設置為靠左顯示；而第三張，也可以設置為靠右顯示。完全是獨立的，互相不影響的。
每個幻燈片頁面的右上角（有的時候是右下角），會有一個控制欄，您可以在那里點擊設置調整圖片的位置。
結論
將形狀合適，有側重點的圖片，放到合適的位置，幻燈片的圖片就會看起來比較舒服了。
擴展 - 哪里能找到免費的高清素材大圖？
親，我比較懂你們。其實我們自己也常常使用這些工具來找圖。
1、使用Google圖片搜索功能
2、 //search.creativecommons.org/ 免費商用圖片
3、//photoeverywhere.co.uk/ 世界風景
4、//pixabay.com/ 免費矢量圖
5、//www.freeforcommercialuse.net/ 免費商用圖
6、//cn.freeimages.com/ 中文的免費圖
7、//stocksnap.io/ 最新的一個免費圖片庫