輪播指的是一系列圖片以自動或手動方式輪流播放。輪播能為靜止的網(wǎng)站頁面帶來動感,看起來更時尚。不管是隨機還是按照一定順序播放,輪播突出重點內(nèi)容的作用是非常明顯的。蘋果iPhone著陸頁使用了一系列圖片來凸顯其產(chǎn)品的工程與工藝水平。
1.圖像一致性
首先,確保你要使用的圖像的尺寸與寬高比是一直的。這樣才能保證輪播的流暢,而不會出現(xiàn)下圖這樣的意外。雖然看起來有趣,但我們通常不建議這樣做。
如果圖片過大,輪播會將其寬度自動調(diào)整為合適的寬度。但如果圖像的寬高比各不相同,缺失的部分會被空白背景填滿。要避免這種情況,請在上傳圖像之前調(diào)整尺寸大小。
2.自動播放
真正讓輪播發(fā)揮作用的其實是自動播放功能。你可以通過圖像的展示達到不同效果:講述一個故事,從不同角度展示產(chǎn)品的方方面面,或者展示目錄等等。播放的間隔與訪問者控制重播的選項,一起創(chuàng)造了精美且實用的輪播效果。
3.極簡用戶界面
沒人喜歡笨重的界面,因為這會讓與網(wǎng)站實際內(nèi)容的交互變得很麻煩。好的輪播只占一張圖片的空間,但能在不影響用戶體驗的前提下展示更多內(nèi)容。
我們一般用箭頭來導航,當然也可以用其他更適合網(wǎng)站與品牌風格的元素。比如上圖中的箭頭就很適合極簡風格。內(nèi)容僅供參考,希望對您的學習有所幫助。