|
Facebook
Facebook的大圖瀏覽沒有原圖查看，也沒有不同尺寸的圖，用戶上傳的圖被縮放到了一個(gè)固定的尺寸，用戶可以點(diǎn)擊查看下一張圖片；facebook也象Flickr一樣支持Cooliris插件，可以播放幻燈，這種播放方式必須是用戶安裝了這個(gè)插件的情況下才能播放，且因?yàn)樵摬寮姆⻊?wù)器在國外，遇到網(wǎng)速不夠快的用戶用這個(gè)插件看圖有點(diǎn)兒卡。
Google的相冊picasa
Google的相冊picasa保持了google設(shè)計(jì)的一慣的簡潔風(fēng)格，圖片的尺寸是我看過的相冊中最大的了，有912像素的寬和高，比其它網(wǎng)站相冊產(chǎn)品的圖片都要大，在顯示器越來越大的今天，這樣的大圖看起來真的很爽，除此之外，picasa的圖片右上角有一個(gè)放大的功能，點(diǎn)右上角的放大鏡，圖片會(huì)在一個(gè)固定的窗口內(nèi)放到一個(gè)很大的尺寸，用戶可以拖動(dòng)大的圖片，查看自己關(guān)心的部份, picasa的這個(gè)功能比簡單的查看原圖要方便些；因?yàn)楹唵蔚牟榭匆粡埍容^大的原圖時(shí)，瀏覽器窗口會(huì)出現(xiàn)橫豎兩個(gè)方向的滾動(dòng)條，用戶用起來不方便。
另外，picasa也沒有點(diǎn)擊翻看下一張照片的功能，這個(gè)是許多用戶習(xí)慣了的一種看照片的方式；
網(wǎng)易相冊
對網(wǎng)易相冊我一直有一種說不出的親切感，熟悉并喜歡網(wǎng)易這種簡潔明了的風(fēng)格，網(wǎng)易相冊的大圖查看也是很簡單的。
網(wǎng)易相冊的大圖下加了一個(gè)陰影，在視覺上增加了許多的美感，但圖片不大，也沒有原圖查看或放大的功能，這個(gè)對想看精美大圖的攝影愛好者來說是一個(gè)遺憾，要看相冊的原圖，需要通過相冊右側(cè)的一個(gè)“下載此照片”的鏈接,這個(gè)鏈接并不容易被用戶關(guān)注到；
網(wǎng)易相冊的大圖瀏覽，當(dāng)在大圖上點(diǎn)鼠標(biāo)時(shí)，圖片會(huì)翻到“上一張”或“下一張”，以圖片豎直方向中心線為軸線，鼠標(biāo)點(diǎn)到圖片豎直中心線左面時(shí)變成向左的箭頭，點(diǎn)擊圖片出現(xiàn)“下一張”；鼠標(biāo)點(diǎn)到圖片豎直中心線右面時(shí)變成向右的箭頭，點(diǎn)擊圖片出現(xiàn)“上一張”，整個(gè)圖片切換的過程非常的流暢。
百度相冊
百度有許多產(chǎn)品都做得很好，但是說真的相冊做得挺一般的，百度相冊的大圖查看可能是因?yàn)閷儆趥�(gè)人空間的一個(gè)欄目的原因，真的沒有什么亮點(diǎn)，首先，圖片的尺寸很小，點(diǎn)擊圖片出現(xiàn)圖片的原圖，感覺百度的相冊在設(shè)計(jì)上是比較粗糙的。
QQ相冊
QQ相冊圖片尺寸挺大的，頁面上也有類似于網(wǎng)易相冊的那種用鼠標(biāo)在照片上點(diǎn)擊往前或后翻的功能，也會(huì)以圖片豎直方向中心線為軸線，鼠標(biāo)變成向左或向右的箭頭，點(diǎn)擊照片出現(xiàn)“上一張”或“下一張”的分頁，就大圖瀏覽這一點(diǎn)來說，QQ相冊還是不錯(cuò)的。
Yupoo相冊
Yupoo相冊的大圖瀏覽與Flickr差不多，圖片的尺寸不大，可以查看幾個(gè)規(guī)格尺寸的圖片；
個(gè)人認(rèn)為在設(shè)計(jì)產(chǎn)品時(shí)借鑒成功者的經(jīng)驗(yàn)確實(shí)是一種很好的方法，但首先應(yīng)該能分得清哪些是成功的經(jīng)驗(yàn)，哪些不是，一味的照搬，不分良莠，反而會(huì)對產(chǎn)品有負(fù)面的影響；
巴巴變
巴巴變無論從色彩還是產(chǎn)品的設(shè)計(jì)都太象Flickr了，可見一個(gè)成功的產(chǎn)品對行業(yè)內(nèi)其它產(chǎn)品的影響有多大，但巴巴變有一個(gè)不得不提的特色，它有專門針對網(wǎng)店店鋪設(shè)計(jì)的相冊，有許多有趣的功能，但就大圖查看來說與Flickr差不多；
走馬觀花的看了許多相冊產(chǎn)品，各自都有自己的特色，當(dāng)然也有許多共同之處，我總結(jié)了一下相冊大圖查看頁面設(shè)計(jì)時(shí)需要注意的幾點(diǎn)：
- 在本公司網(wǎng)站設(shè)計(jì)規(guī)范許可的寬度范圍內(nèi)，圖片查看越大越好！
- 在圖片上加上點(diǎn)擊翻頁的功能,這是許多用戶已經(jīng)習(xí)慣了的看圖方式，也能方便的讓用戶查看本相冊的其它照片；
- 如果相冊是需要播放幻燈的，那么就選擇一種合適的方式，是在本頁內(nèi)播放還是彈出一全屏的頁面播放，或者是支持Cooliris插件，根據(jù)自己商業(yè)目標(biāo)和目標(biāo)用戶群來進(jìn)行選擇，也曾有設(shè)計(jì)師與我討論過是否可以用 flash來做幻燈的播放，在這點(diǎn)上我個(gè)人的建議是別輕易使用flash來查看需要展示精致細(xì)節(jié)的圖片，因?yàn)閒lash會(huì)自動(dòng)的對圖片進(jìn)行壓縮，會(huì)損害到圖片的質(zhì)量，另外，圖如果太大的話，會(huì)需要比較長的loadding時(shí)間；
- 盡可能的為用戶提供原圖，或放大的圖片，便于用戶查看更精致的細(xì)節(jié)；
- 對其它的相冊產(chǎn)品可以借鑒，但不要抄襲，要借鑒其它產(chǎn)品的成功之處，而不是無論是否符合自己的產(chǎn)品特色和用戶需要都照搬過來，因?yàn)椴皇枪δ茉蕉嗟漠a(chǎn)品就越好，而是越符合自己產(chǎn)品目標(biāo)用戶群需要的產(chǎn)品就越好；
本文鏈接：http://m.95time.cn/design/doc/2009/6380.asp 
出處：Taobao.com UED Team
責(zé)任編輯：moby
上一頁 淺談相冊中大圖的瀏覽方式 [1] 下一頁
|
第 1 頁 
第 2 頁 淺談相冊中大圖的瀏覽方式 [2]
