2017-01-03 分類: 網(wǎng)站建設
圖片,是構(gòu)成網(wǎng)頁的基本元素之一。圖片不只能夠添加網(wǎng)頁的吸引力,傳達給用戶愈加豐厚的信息,一起也大大地提升了用戶在閱讀網(wǎng)頁的體會。圖片的展示方式豐厚多樣,不同方式的圖片展示也讓閱讀網(wǎng)頁的趣味變得愈加多樣化。
跟從我們分別來體會一下現(xiàn)在存在的各種圖片展示方式,讓我們的眼睛去旅行吧。
一、多圖展示
圖片限制大高度或?qū)挾炔⑦M行矩陣平鋪展示,這是最常見的多張圖片展示方式。不同的邊距與距離可發(fā)生不同的風格,用戶一掃而過的快速閱讀能夠在短時間取得更多的信息。一起,鼠標懸浮時顯示更多信息或功用按鈕,既避免過多的重復性元素干擾用戶閱讀,又讓交互方式帶有趣味。但傳統(tǒng)的矩陣平鋪展示版式略微拘束,閱讀體會略顯單調(diào)。
500px.com在傳統(tǒng)矩陣式平鋪布局根底上掙脫圖片尺度一致性捆綁,圖片以根底面積單元的1倍、2倍、4倍尺度展示。巨細不一致的圖片展示打破重復帶來的密集感,卻仍依照根底面積單元進行擺放布局,為活動的信息添加動感。不規(guī)則的圖片為閱讀帶來趣味,但由于視野的不規(guī)則活動,這樣的展示方式并不利于信息的查找。
Pinterest的瀑布流錯落有致,定寬而不定高的規(guī)劃讓頁面突破于傳統(tǒng)的矩陣式圖片展示布局,巧妙的利用視覺層級,視野的恣意活動又緩解了視覺疲勞。用戶能夠在很多圖片中快速地環(huán)視,然后選擇其間自己感興趣的部分。但這樣也讓用戶在閱讀時,簡單錯過部分內(nèi)容。
網(wǎng)站名稱:網(wǎng)頁規(guī)劃中圖片展示方式的思考
當前地址:http://m.rwnh.cn/news/74054.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設、App設計、商城網(wǎng)站、手機網(wǎng)站建設、網(wǎng)站收錄、網(wǎng)頁設計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容