我想大家都知道圖片是網頁的基本元素之一。圖片不僅可以增加網頁的吸引力,向用戶傳遞更豐富的信息,還可以極大地增強用戶閱讀網頁的體驗。在網頁設計中,圖片顯示是豐富多樣的,不同情況下的圖片顯示也使閱讀網頁的樂趣更加多樣化
跟隨我們的分離體驗當前各種圖片的顯示,讓我們的眼睛旅行
多圖片顯示
圖片被限制在最大高度或寬度,并以矩陣瓷磚顯示,這是最常見的多畫面顯示。不同的邊距和距離可能導致不同的樣式。用戶可以通過快速閱讀在短時間內獲得更多信息。同時,當鼠標懸停時,會顯示更多的信息或功能按鈕,這不僅避免了太多重復的元素干擾用戶的閱讀,而且使交互變得有趣。傳統的矩陣顯示布局有點約束,閱讀體驗有點枯燥
在傳統的矩陣平鋪布局中,500pxCom基本上擺脫了圖片的大小一致性約束,圖片以基本面積單位的1、2、4倍大小顯示。不同大小的圖片打破了重復帶來的濃密感,但它們仍然按照基本面積單位排列,增加了流動信息的動態感。不規則的圖片給閱讀帶來樂趣,但由于視線的不規則流動,這種顯示不利于信息搜索
品特蕾斯特的瀑布排列有序。固定寬度和可變高度的網站設計使頁面突破了傳統的矩陣式圖片顯示布局。視覺水平的巧妙運用和視線的任意流動緩解了視覺疲勞。用戶可以快速瀏覽許多圖片,然后選擇他們感興趣的部件。但這也讓用戶在閱讀時很容易錯過一些內容
讓用戶在最大化圖片顯示的同時看到相冊的其余部分。下一個部分預覽對用戶來說更具吸引力,可以連續單擊和閱讀。下一個縮略圖顯示、下一個模糊顯示或下一個局部顯示,以及不同的預覽模式都會引起用戶的好奇心
在Photoom中,用戶在閱讀特定圖片時不會提供下一張圖片的預覽,只有當用戶將鼠標懸停在;ldquo;下一步(&N);rdquo;按鈕,將顯示下一張圖片的縮略圖。雖然縮略圖的動畫效果不能讓用戶幻想預覽,但短期刺激會讓用戶點擊&;ldquo;下一步(&N);rdquo