好爽快点伸进去视频在线观看_内射人妻视频_国产亚洲精品无码专区高清_国产微拍一区二区三区四区

 返回貼子列表
發(fā)表新貼
主題：

淺說相冊(cè)圖片詳情頁(yè)面中大圖的瀏覽方式

 共有489人瀏覽過本貼
YPS行業(yè)門戶系統(tǒng)
昵稱：YPS行業(yè)門戶系統(tǒng)
論壇積分：108000
發(fā)貼等級(jí)：21

發(fā)貼數(shù)：1122
回貼數(shù)：0
被砸雞蛋：被砸雞蛋0
獲贈(zèng)鮮花：獲贈(zèng)鮮花125
我的小屋 發(fā)表時(shí)間：2019/12/6 10:33:00 樓　主

淺說相冊(cè)圖片詳情頁(yè)面中大圖的瀏覽方式

　　對(duì)于相冊(cè)來說，大圖的瀏覽非常重要，因?yàn)閷?duì)瀏覽者來說最重要的就是大圖看得爽不爽，因?yàn)樽鲰?xiàng)目的需要，我比較了許多相冊(cè)的大圖瀏覽方式，現(xiàn)在一一評(píng)說，本文只代表我個(gè)人的觀點(diǎn)，歡迎大家拍磚呀！

　　Flickr

　　Flickr一直是專業(yè)攝影愛好者喜歡的相冊(cè)，它在照片詳情頁(yè)面提供了許多的尺寸供瀏覽者選擇，還體貼的提供了“大尺寸下載”的鏈接，讓瀏覽者能把心儀的照片下載到自己的硬盤。

　　在Flickr的所有尺寸中，除了“大圖下載”外，還有Flickr周到的正方形75×75像素圖片，因?yàn)楝F(xiàn)在許多聊天工具、博客、論壇的個(gè)人信息上都需要用到這種小尺寸的正方形照片，F(xiàn)lickr幫助大家裁切出這樣的正方形照片無(wú)疑為許多想在個(gè)人信息上上傳正方形圖片卻不懂得制作的用戶提供了方便，當(dāng)然，真正有多少用戶用到這個(gè)圖片，這個(gè)還是需要有實(shí)踐與數(shù)據(jù)來考證的，至于照片其它幾個(gè)規(guī)格的尺寸個(gè)人感覺作用不大。

　　在看圖片時(shí)，F(xiàn)lickr支持Cooliris插件,可以播放幻燈，有兩種方式可以進(jìn)入：(1)當(dāng)用戶把鼠標(biāo)放在圖片上幾秒后，圖片的左下角出現(xiàn)圖標(biāo)，點(diǎn)擊圖標(biāo)彈出幻燈演示頁(yè)面；(2)相冊(cè)右邊有一個(gè)“播放幻燈”的圖標(biāo)，點(diǎn)擊后會(huì)彈出幻燈播放；

　　Cooliris黑色背景下全屏的展示圖片確實(shí)給了用戶一種很好的視覺感受，當(dāng)然這個(gè)插件也有一些其它的不足，但有總比沒有好；不過，F(xiàn)lickr“播放幻燈”的圖標(biāo)設(shè)計(jì)得難于識(shí)別，不知道是“播放幻燈”的意思，沒有多少人會(huì)把一個(gè)頁(yè)面的圖標(biāo)都mouseover一次的。

　　另外，F(xiàn)lickr沒有點(diǎn)擊圖片翻到下一頁(yè)的功能，這對(duì)許多習(xí)慣了這種翻頁(yè)方式的高級(jí)用戶來說顯得有些不方便。

　　Facebook

　　Facebook的大圖瀏覽沒有原圖查看，也沒有不同尺寸的圖，用戶上傳的圖被縮放到了一個(gè)固定的尺寸，用戶可以點(diǎn)擊查看下一張圖片；facebook也象Flickr一樣支持Cooliris插件，可以播放幻燈，這種播放方式必須是用戶安裝了這個(gè)插件的情況下才能播放，且因?yàn)樵摬寮姆?wù)器在國(guó)外，遇到網(wǎng)速不夠快的用戶用這個(gè)插件看圖有點(diǎn)兒卡。

　　Google的相冊(cè)picasa

　　Google的相冊(cè)picasa保持了google設(shè)計(jì)的一慣的簡(jiǎn)潔風(fēng)格，圖片的尺寸是我看過的相冊(cè)中最大的了，有912像素的寬和高，比其它網(wǎng)站相冊(cè)產(chǎn)品的圖片都要大，在顯示器越來越大的今天，這樣的大圖看起來真的很爽，除此之外，picasa的圖片右上角有一個(gè)放大的功能，點(diǎn)右上角的放大鏡，圖片會(huì)在一個(gè)固定的窗口內(nèi)放到一個(gè)很大的尺寸，用戶可以拖動(dòng)大的圖片，查看自己關(guān)心的部份,picasa的這個(gè)功能比簡(jiǎn)單的查看原圖要方便些；因?yàn)楹?jiǎn)單的查看一張比較大的原圖時(shí)，瀏覽器窗口會(huì)出現(xiàn)橫豎兩個(gè)方向的滾動(dòng)條，用戶用起來不方便。

　　另外，picasa也沒有點(diǎn)擊翻看下一張照片的功能，這個(gè)是許多用戶習(xí)慣了的一種看照片的方式；

　　網(wǎng)易相冊(cè)

　　對(duì)網(wǎng)易相冊(cè)我一直有一種說不出的親切感，熟悉并喜歡網(wǎng)易這種簡(jiǎn)潔明了的風(fēng)格，網(wǎng)易相冊(cè)的大圖查看也是很簡(jiǎn)單的。

　　網(wǎng)易相冊(cè)的大圖下加了一個(gè)陰影，在視覺上增加了許多的美感，但圖片不大，也沒有原圖查看或放大的功能，這個(gè)對(duì)想看精美大圖的攝影愛好者來說是一個(gè)遺憾，要看相冊(cè)的原圖，需要通過相冊(cè)右側(cè)的一個(gè)“下載此照片”的鏈接,這個(gè)鏈接并不容易被用戶關(guān)注到；

　　網(wǎng)易相冊(cè)的大圖瀏覽，當(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è)圖片切換的過程非常的流暢。

　　百度相冊(cè)

　　百度有許多產(chǎn)品都做得很好，但是說真的相冊(cè)做得挺一般的，百度相冊(cè)的大圖查看可能是因?yàn)閷儆趥€(gè)人空間的一個(gè)欄目的原因，真的沒有什么亮點(diǎn)，首先，圖片的尺寸很小，點(diǎn)擊圖片出現(xiàn)圖片的原圖，感覺百度的相冊(cè)在設(shè)計(jì)上是比較粗糙的。

　　QQ相冊(cè)

　　QQ相冊(cè)圖片尺寸挺大的，頁(yè)面上也有類似于網(wǎng)易相冊(cè)的那種用鼠標(biāo)在照片上點(diǎn)擊往前或后翻的功能，也會(huì)以圖片豎直方向中心線為軸線，鼠標(biāo)變成向左或向右的箭頭，點(diǎn)擊照片出現(xiàn)“上一張”或“下一張”的分頁(yè)，就大圖瀏覽這一點(diǎn)來說，QQ相冊(cè)還是不錯(cuò)的。

　　Yupoo相冊(cè)

　　Yupoo相冊(cè)的大圖瀏覽與Flickr差不多，圖片的尺寸不大，可以查看幾個(gè)規(guī)格尺寸的圖片；

　　個(gè)人認(rèn)為在設(shè)計(jì)產(chǎn)品時(shí)借鑒成功者的經(jīng)驗(yàn)確實(shí)是一種很好的方法，但首先應(yīng)該能分得清哪些是成功的經(jīng)驗(yàn)，哪些不是，一味的照搬，不分良莠，反而會(huì)對(duì)產(chǎn)品有負(fù)面的影響；

　　巴巴變

　　巴巴變無(wú)論從色彩還是產(chǎn)品的設(shè)計(jì)都太象Flickr了，可見一個(gè)成功的產(chǎn)品對(duì)行業(yè)內(nèi)其它產(chǎn)品的影響有多大，但巴巴變有一個(gè)不得不提的特色，它有專門針對(duì)網(wǎng)店店鋪設(shè)計(jì)的相冊(cè)，有許多有趣的功能，但就大圖查看來說與Flickr差不多；

　　走馬觀花的看了許多相冊(cè)產(chǎn)品，各自都有自己的特色，當(dāng)然也有許多共同之處，我總結(jié)了一下相冊(cè)大圖查看頁(yè)面設(shè)計(jì)時(shí)需要注意的幾點(diǎn)：

　　(1)在本公司網(wǎng)站設(shè)計(jì)規(guī)范許可的寬度范圍內(nèi)，圖片查看越大越好！

　　(2)在圖片上加上點(diǎn)擊翻頁(yè)的功能,這是許多用戶已經(jīng)習(xí)慣了的看圖方式，也能方便的讓用戶查看本相冊(cè)的其它照片；

　　(3)如果相冊(cè)是需要播放幻燈的，那么就選擇一種合適的方式，是在本頁(yè)內(nèi)播放還是彈出一全屏的頁(yè)面播放，或者是支持Cooliris插件，根據(jù)自己商業(yè)目標(biāo)和目標(biāo)用戶群來進(jìn)行選擇，也曾有設(shè)計(jì)師與我討論過是否可以用flash來做幻燈的播放，在這點(diǎn)上我個(gè)人的建議是別輕易使用flash來查看需要展示精致細(xì)節(jié)的圖片，因?yàn)閒lash會(huì)自動(dòng)的對(duì)圖片進(jìn)行壓縮，會(huì)損害到圖片的質(zhì)量，另外，圖如果太大的話，會(huì)需要比較長(zhǎng)的loadding時(shí)間；

　　(4)盡可能的為用戶提供原圖，或放大的圖片，便于用戶查看更精致的細(xì)節(jié)；

　　(5)對(duì)其它的相冊(cè)產(chǎn)品可以借鑒，但不要抄襲，要借鑒其它產(chǎn)品的成功之處，而不是無(wú)論是否符合自己的產(chǎn)品特色和用戶需要都照搬過來，因?yàn)椴皇枪δ茉蕉嗟漠a(chǎn)品就越好，而是越符合自己產(chǎn)品目標(biāo)用戶群需要的產(chǎn)品就越好；
回復(fù) 回復(fù)此貼 TOP
共0個(gè)回貼   分0頁(yè) 上一頁(yè) / 下一頁(yè)   當(dāng)前第頁(yè)