網(wǎng)頁(yè)設(shè)計(jì)中圖片展現(xiàn)形式的思考(4)_網(wǎng)頁(yè)設(shè)計(jì)教程
推薦:淺談頁(yè)面設(shè)計(jì)中光影的特效為了展現(xiàn)頁(yè)面的主題或者是貼近游戲的氛圍,常常會(huì)看見(jiàn)游戲的頁(yè)面中運(yùn)用了許多不同類型的光效的渲染,一個(gè)簡(jiǎn)單的元素有時(shí)候加上一點(diǎn)光效就可以化腐朽為神奇。那么光效究竟是
四、QQ空間圖片展現(xiàn)優(yōu)化探索
通過(guò)上文的視覺(jué)體驗(yàn),我們可以大致了解到,圖片展現(xiàn)的重點(diǎn)在于:
1.便于用戶進(jìn)行瀏覽,減少視覺(jué)疲勞
2.展現(xiàn)更多圖片信息及圖片相關(guān)信息
3.通過(guò)鼠標(biāo)懸停的小動(dòng)畫(huà),提供體驗(yàn)感強(qiáng)的交互形式
4.吸引用戶去進(jìn)行點(diǎn)擊,由小圖看大圖,或看下一張
5.吸引用戶去進(jìn)行圖片的相關(guān)延伸操作,而不是停留在瀏覽
目前QQ空間同樣存在許多圖片元素構(gòu)成的模塊,通過(guò)上面的總結(jié),我們從這些模塊出發(fā),嘗試一下新的圖片呈現(xiàn)及交互方式,希望起到一個(gè)拋磚引玉的作用。
a.多圖動(dòng)態(tài)

當(dāng)前QQ空間在展示好友多圖動(dòng)態(tài)時(shí),首張圖片顯示大圖,其他圖片以縮略圖顯示。假如定義最小面積單元,然后以1倍、2倍、4倍顯示圖片,形式上更具動(dòng)感,有效減少視覺(jué)疲勞,而且可以匹配不同數(shù)量的圖片,用戶可以看到更多圖片的更多內(nèi)容。
b.訪客頭像


鼠標(biāo)懸停訪客頭像時(shí),該訪客頭像區(qū)域視覺(jué)上強(qiáng)化,并在其他區(qū)域顯示功能或信息。體驗(yàn)感較強(qiáng)的交互形式可以吸引用戶去進(jìn)行懸停操作從而進(jìn)行點(diǎn)擊。
c.下一張預(yù)覽

瀏覽圖像時(shí),顯示上一張及下一張的部分內(nèi)容,鼠標(biāo)懸停時(shí)顯示全部?jī)?nèi)容的縮略圖,并以此作為上一張及下一張的操作入口。
隨著互聯(lián)網(wǎng)的發(fā)展,將會(huì)有更多創(chuàng)新的圖片呈現(xiàn)形式的出現(xiàn),我們不妨拭目以待,看看互聯(lián)網(wǎng)又會(huì)從視覺(jué)上給我們什么驚奇的體驗(yàn)吧。
分享:經(jīng)驗(yàn)分享:PS的3D功能創(chuàng)建標(biāo)識(shí)牌主要是想大家熟悉一下PS中3D功能。廢話不多說(shuō),有問(wèn)題下載PSD,還是不行來(lái)問(wèn)我。(PS:我也是半吊子,能不能幫到是一回事)
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬(wàn) 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來(lái)
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫(kù)導(dǎo)入mysql數(shù)據(jù)庫(kù)
- ACCESS數(shù)據(jù)庫(kù)轉(zhuǎn)ORACLE數(shù)據(jù)庫(kù)分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬(wàn)部iPhone遭蘋果退貨 損失10億元
網(wǎng)頁(yè)設(shè)計(jì)教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)設(shè)計(jì)教程推薦
- 英文版企業(yè)網(wǎng)站的設(shè)計(jì)要小心
- PHOTOSHOP中改進(jìn)IOS設(shè)計(jì)流程的30個(gè)訣竅
- 網(wǎng)站導(dǎo)航必備的10款jquery插件
- 激發(fā)你靈感的50個(gè)優(yōu)秀的Favicons
- 交互設(shè)計(jì)實(shí)用指南系列(8)—深廣度平衡 - 交互設(shè)計(jì)
- 廣告體驗(yàn)?zāi)阕⒁獾搅藛幔?/a>
- 活動(dòng)網(wǎng)站點(diǎn)評(píng)之信義房屋
- 網(wǎng)頁(yè)設(shè)計(jì)中安全色譜
- Photoshop制作個(gè)性的透明玻璃網(wǎng)頁(yè)用戶信息展示教程
- 三個(gè)細(xì)節(jié)優(yōu)化讓你粘住用戶!
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索網(wǎng)頁(yè)設(shè)計(jì)中圖片展現(xiàn)形式的思考(4)
- 教程說(shuō)明:
網(wǎng)頁(yè)設(shè)計(jì)教程-網(wǎng)頁(yè)設(shè)計(jì)中圖片展現(xiàn)形式的思考(4)
。