不管是隨機還是按照一定順序播放,輪播突出重點內容的作用是非常明顯的。蘋果iPhone著陸頁使用了一係列圖片來凸顯其產品的工程與工藝水平。

比起靜態圖像,有些內容更適合使用輪播。本文我們將探討一下優秀的輪播效果是怎樣煉成的。
圖像一致性
首(shou)先(xian),確(que)保(bao)你(ni)要(yao)使(shi)用(yong)的(de)圖(tu)像(xiang)的(de)尺(chi)寸(cun)與(yu)寬(kuan)高(gao)比(bi)是(shi)一(yi)直(zhi)的(de)。這(zhe)樣(yang)才(cai)能(neng)保(bao)證(zheng)輪(lun)播(bo)的(de)流(liu)暢(chang),而(er)不(bu)會(hui)出(chu)現(xian)下(xia)圖(tu)這(zhe)樣(yang)的(de)意(yi)外(wai)。雖(sui)然(ran)看(kan)起(qi)來(lai)有(you)趣(qu),但(dan)我(wo)們(men)通(tong)常(chang)不(bu)建(jian)議(yi)這(zhe)樣(yang)做(zuo)。
ruguotupianguoda,lunbohuijiangqikuanduzidongtiaozhengweiheshidekuandu。danruguotuxiangdekuangaobigebuxiangtong,queshidebufenhuibeikongbaibeijingtianman。yaobimianzhezhongqingkuang,qingzaishangchuantuxiangzhiqiantiaozhengchicundaxiao。

自動播放
真正讓輪播發揮作用的其實是自動播放功能。你可以通過圖像的展示達到不同效果:講(jiang)述(shu)一(yi)個(ge)故(gu)事(shi),從(cong)不(bu)同(tong)角(jiao)度(du)展(zhan)示(shi)產(chan)品(pin)的(de)方(fang)方(fang)麵(mian)麵(mian),或(huo)者(zhe)展(zhan)示(shi)目(mu)錄(lu)等(deng)等(deng)。播(bo)放(fang)的(de)間(jian)隔(ge)與(yu)訪(fang)問(wen)者(zhe)控(kong)製(zhi)重(zhong)播(bo)的(de)選(xuan)項(xiang),一(yi)起(qi)創(chuang)造(zao)了(le)精(jing)美(mei)且(qie)實(shi)用(yong)的(de)輪(lun)播(bo)效(xiao)果(guo)。

Adidas在網店使用輪播聚焦運動鞋與T恤,並使用自動播放展示所有四種產品。
極簡用戶界麵
沒(mei)人(ren)喜(xi)歡(huan)笨(ben)重(zhong)的(de)界(jie)麵(mian),因(yin)為(wei)這(zhe)會(hui)讓(rang)與(yu)網(wang)站(zhan)實(shi)際(ji)內(nei)容(rong)的(de)交(jiao)互(hu)變(bian)得(de)很(hen)麻(ma)煩(fan)。好(hao)的(de)輪(lun)播(bo)隻(zhi)占(zhan)一(yi)張(zhang)圖(tu)片(pian)的(de)空(kong)間(jian),但(dan)能(neng)在(zai)不(bu)影(ying)響(xiang)用(yong)戶(hu)體(ti)驗(yan)的(de)前(qian)提(ti)下(xia)展(zhan)示(shi)更(geng)多(duo)內(nei)容(rong)。

上圖所示的輪播使用了電影膠片--yizhongkeyizailunbozhongzhakansuoyoutuxiangdesuolvetuyulandesheji。dianjiyizhangsuolvetu,lunbotuhuijujiaozhisuoxuantuxiang。dangnixuyaozaibijiaoxiaodekongjianyulanhenduotuxiangshi,zheshihenhaodexuanze。
我們一般用箭頭來導航,當然也可以用其他更適合網站與品牌風格的元素。比如上圖中的箭頭就很適合極簡風格。












