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