廣州企業(yè)在網(wǎng)站建設(shè)中輪播圖，應(yīng)該要如何設(shè)計(jì)？
在網(wǎng)頁(yè)中，我們經(jīng)常會(huì)看在網(wǎng)站最醒目的位置看到各種輪播圖的效果，這些圖往往是網(wǎng)站的靈魂，是客戶進(jìn)入網(wǎng)站后第一眼看到的內(nèi)容，因此輪播圖的設(shè)計(jì)由為重要。

這篇文章的重點(diǎn)旨在講如何通過(guò)設(shè)計(jì)和交互細(xì)節(jié)，使首頁(yè)輪播圖更易用，而不是關(guān)注于輪播圖本身應(yīng)該放那些內(nèi)容。此時(shí)，我們輪播圖的內(nèi)容應(yīng)該注意以下幾點(diǎn)：

1、如果輪播圖的內(nèi)容與網(wǎng)站本身不相關(guān)，且沒(méi)有經(jīng)過(guò)精心設(shè)計(jì)和使用高質(zhì)量的圖片，那么用戶體驗(yàn)會(huì)很糟糕 —— 輪播內(nèi)容應(yīng)與網(wǎng)站主題相關(guān)

2、如果輪播圖的內(nèi)容看起來(lái)太像廣告，那么用戶會(huì)直接忽視它，即使輪播圖的內(nèi)容與用戶所需相關(guān) —— 輪播圖內(nèi)容不能過(guò)于商業(yè)化

3輪播圖的一個(gè)主要優(yōu)勢(shì)就是可以放專門(mén)設(shè)計(jì)過(guò)的圖片，那些經(jīng)過(guò)設(shè)計(jì)的圖片會(huì)降低首頁(yè)的退出率并且會(huì)對(duì)網(wǎng)站和品牌產(chǎn)生積極效果，因?yàn)槟切┙?jīng)過(guò)設(shè)計(jì)的高清大圖能在首頁(yè)給用戶留下一個(gè)好印象，在用戶快速?zèng)Q定停留或者離開(kāi)之前增加用戶在首頁(yè)的駐足時(shí)間 —— 輪播圖片要精心設(shè)計(jì).

除以上3點(diǎn)外，輪播圖還應(yīng)注意以下9個(gè)原則：

1： 輪播圖的展示順序特別是第一幀非常重要；

2：把輪播圖當(dāng)成展示網(wǎng)站重要信息和特點(diǎn)的一種補(bǔ)充手段而非唯一方式。

3、自動(dòng)輪播不要太快，如果輪播得太快那么用戶就沒(méi)有足夠的時(shí)間看完感興趣的輪播圖內(nèi)容；如果輪播太快那么用戶就會(huì)因?yàn)椴桓信d趣的輪播內(nèi)容而被騷擾。

4、用戶有任何主動(dòng)交互行為時(shí)應(yīng)該停止自動(dòng)輪播：當(dāng)用戶鼠標(biāo)懸停在某一幀輪播圖時(shí)說(shuō)明他們對(duì)它的內(nèi)容感興趣；當(dāng)用戶懸停時(shí)輪播圖暫停的第二個(gè)理由是防止用戶在點(diǎn)擊想看的那一幀輪播圖時(shí)自動(dòng)輪播到下一幀 ；如果用戶意識(shí)到他們點(diǎn)擊后跳轉(zhuǎn)到一個(gè)無(wú)關(guān)的頁(yè)面那么用戶會(huì)感覺(jué)很氣惱和失落，并且會(huì)不得不重新回到主頁(yè)，然后再次點(diǎn)擊原來(lái)想要的那一部幀輪播圖。

5、播圖控件提示當(dāng)前圖片所在幀數(shù)位置，提示用戶有更多幀數(shù)的圖片，讓用戶有更多探索的可能；提示用戶輪播圖到底有多少幀圖片；當(dāng)輪播圖自動(dòng)播放到最后一幀時(shí)提示用戶將循環(huán)到第一幀。

6、輪播圖控件允許用戶進(jìn)行前后幀內(nèi)容的切換。

7、 移動(dòng)端沒(méi)有 hover 狀態(tài)因此盡量避免自動(dòng)輪播\

8、移動(dòng)端支持滑動(dòng)操作，用戶在觸屏設(shè)備上的操作預(yù)期就是滑動(dòng)來(lái)進(jìn)行導(dǎo)航切換傳統(tǒng)的輪播圖操作控件同樣重要（如進(jìn)行前后切換的箭頭和讓用戶感知位置的小點(diǎn)），移動(dòng)端屏幕的圖片需要特別優(yōu)化。

9、許多在 PC 端上使用的輪播圖設(shè)計(jì)稿是直接縮放后在移動(dòng)端上重復(fù)使用，這造成在移動(dòng)端屏幕上許多文案的閱讀性較差；

移動(dòng)端用戶對(duì)加載較慢的輪播圖更沒(méi)有耐心，用戶在 PC 端可以邊花費(fèi) 1 到 5 秒鐘來(lái)等待輪播圖刷新邊瀏覽網(wǎng)頁(yè)的導(dǎo)航欄和其他信息，而在移動(dòng)端有限的屏幕大小下用戶只能看到輪播圖