|
最近對(duì)list設(shè)計(jì)感興趣，今天說的是list視圖方式的設(shè)計(jì)。感覺有些細(xì)節(jié)非常有意思，拿出來跟大家討論。
首先我們來看下windows下文件夾管理的查看模式選擇（xp為例）：
這個(gè)功能帶給用戶更多個(gè)性化和便捷的選擇。比如我選擇的是圖片文件夾。系統(tǒng)這時(shí)候自動(dòng)新增加了幻燈片查看模式，非常的人性化。除此之外經(jīng)常用到word軟件也提供多種視圖選擇。
示意圖：
在互聯(lián)網(wǎng)產(chǎn)品中，我們也可以看到有些網(wǎng)站的list中提供多種顯示方式，雖然沒有考證weblist的視圖方式是否是從windows而來，但確實(shí)提供給了用戶多樣選擇。滿足用戶在不同情況下查看頁面的需要
如果是文本信息單元，一般都是目錄式排列。
遇上圖文信息單元，在weblist視圖方式設(shè)計(jì)方面，大部分網(wǎng)站都采用以下這種方式。
切換功能按鈕
- 文字說明型
- icon示意+文字說明型
示意圖：
切換前后的視圖顯示
默認(rèn)狀態(tài)
切換后狀態(tài)
視圖切換前和切換后對(duì)比，我們可以發(fā)現(xiàn)-圖片的大小沒有發(fā)生變化。僅僅是圖文信息單元從縱向排列改成了橫向排列。在單位高度增加信息單元顯示的數(shù)量。目前絕大部分網(wǎng)站都是采用這樣的方式。
出處：口碑網(wǎng)UED Team
責(zé)任編輯：bluehearts
上一頁 下一頁 list視圖方式淺析 [2]
|
第 1 頁 list視圖方式淺析 [1]
第 2 頁 
