網(wǎng)站中應(yīng)用圖片幻燈片是比較常見的,大多數(shù)網(wǎng)站設(shè)計(jì)師都會(huì)考慮到應(yīng)用在網(wǎng)站中,因?yàn)樾Ч懿诲e(cuò)。應(yīng)用圖片幻燈片也是要講究技巧的,它涵蓋著對(duì)于用戶的體驗(yàn)度的思考,并不是盲目的,所以圖片幻燈片設(shè)計(jì)也要注重細(xì)節(jié)性小技巧。我們可以看看幾家大型網(wǎng)站中的幻燈片設(shè)計(jì),從中體會(huì)技巧。
1、更初的時(shí)候是點(diǎn)擊照片跳轉(zhuǎn)到下一張,再然后是點(diǎn)擊照片的左邊是上一張,點(diǎn)擊照片右邊是下一張,當(dāng)我們習(xí)慣了這樣的照片瀏覽方式之后,似乎我們的鼠標(biāo)就會(huì)被限制在照片的范圍之內(nèi)。百度空間里的相冊(cè)瀏覽頁(yè)面擴(kuò)大了鼠標(biāo)的可點(diǎn)擊范圍,使得照片翻頁(yè)不在只是局限在照片里面,而是整個(gè)頁(yè)面的寬度,以及在中間部分加入了照片放大功能。還有就是側(cè)邊預(yù)覽圖的滾輪支持。
2、**亞馬遜的首頁(yè)輪換圖片,每刷新一次,都是隨機(jī)不同的順序顯示,這樣的設(shè)計(jì)解決了對(duì)于較多圖片輪換而靠后的圖片信息很少被看到的問題,這點(diǎn)對(duì)于電子商務(wù)等時(shí)效性不是很講究的網(wǎng)站來說尤其重要。
3、騰訊網(wǎng)內(nèi)容頁(yè)里對(duì)照片這塊的處理則有更多的細(xì)節(jié),比如圖片下方的預(yù)覽圖、比如圖片底部的可隱藏的說明文字。當(dāng)一塊有限的空間被堆疊更多的功能時(shí),好與壞開始變成一個(gè)相對(duì)的事情。
4、當(dāng)在頁(yè)面的鏈接處用鼠標(biāo)右鍵點(diǎn)擊時(shí),彈出的菜單:IE從上下到是“打開”、“在新選項(xiàng)卡中打開”、“在新窗口中打開”;Firefox從上到下的順序是“在新窗口中打開”、“在新選項(xiàng)卡中打開”;而Chrome的則是“在新標(biāo)簽頁(yè)中打開鏈接”、“在新窗口中打開鏈接”。IE的前幾項(xiàng)“打開”完成就是左鍵單擊的行為,實(shí)則無意義;Firefox對(duì)這個(gè)順序的處理似乎仍停留在瀏覽器還未引進(jìn)標(biāo)簽頁(yè)的設(shè)計(jì)上,標(biāo)簽頁(yè)正是為了解決桌面上鋪滿瀏覽器窗口而設(shè)計(jì)的,所以在這個(gè)順序上,Chrome的設(shè)計(jì)則是更好的。
我們要從這些知名的網(wǎng)站圖片幻燈片設(shè)計(jì)中吸取經(jīng)驗(yàn),這些設(shè)計(jì)都是本著用戶體驗(yàn)的角度著想的,這也是我們所一直追尋的。
網(wǎng)站圖片幻燈片設(shè)計(jì)不能忽略的小技巧,謝謝閱讀。