国产一精品一aⅴ一免费-国产一精品一av一免费-国产一精品一av一免费爽爽-国产一久久香蕉国产线看观看-国产一卡2卡3卡四卡高清-国产一卡二卡3卡4卡视频

當前位置: 首頁 > 設計資訊 > 理論文摘 > 正文

從滾動條消失看細節設計

2012-03-12 15321 0

  我相信所有設計師都是注重細節的!即使有時迫于種種原因,無法達到像期望般完美,但心中一定有份糾結的堅持。

  最近的項目中,給選擇器設計備選列表,發現了一個“由細節引發的細節問題”。下圖是示例。很簡單,在一個固定區域內做多選,當有很多備選時,滾動顯示更多內容。(原本意圖)

  但實現出來之后,發現一個問題:滾動條被隱藏掉了。只有當在備選內容區滾動鼠標時,滾動條才會顯示出來。這會影響到用戶對這個功能區塊的認知,根本察覺不到還有更多內容。(出乎預料)

  

  圖A:原本的意圖,和期望達到的效果

  

  圖B:滾動條不見了,這可不是我們期望的

  經過調試發現仍無法控制滾動條的始終顯示,只好修改了設計。拉長區域高度,讓下面的內容露出一部分來。用不完整來暗示還有更多內容。當區域有滑動時,滾動條自己就出來了。(解決方案)

  

  圖C:用不完整的形態做暗示

  回到問題上來。可能會受影響的是在Mac OS X 10.7.3上使用Webkit內核的瀏覽器(Safari或Chrome)的用戶們。究其最終原因,是因為一個系統默認選項(如下圖),“根據輸入設備自動顯示”。這是蘋果的一個細節設計,可以根據鼠標或觸摸板等不同的輸入設備,顯示或隱藏滾動條。

  也正是因為它,如果你使用的是觸摸板或Magic Mouse等觸控式鼠標,就會發現,在Webkit內核的瀏覽器下,一些功能原本有滾動條,現在都消失不見了。簡單調整一下設計,就能比較好的解決這個問題了(如圖C)。

  

  滾動條控制

  再優雅的設計,有時候也可能會引發問題。作為設計師,得以同樣優雅的方式回應并解決問題。


173
評論區(0)
正在加載評論...
相關推薦
主站蜘蛛池模板: 日本一区二区三区不卡在线视频 | 亚洲欧洲视频在线观看 | 亚洲第一区在线 | 黄片毛片在线看 | 毛片免费观看的视频 | 国产a不卡片精品免费观看 国产a高清 | 亚州精品一区二区三区 | 在线观看年轻的母亲 | 色噜噜亚洲精品中文字幕 | 精品视频中文字幕 | 国产全黄a一级毛片视频 | 日韩欧美色视频在线观看 | 国产中文字幕免费 | 久久久久美女 | 在线看片不卡 | 亚洲国产日本 | 四虎 在线播放 | 国产免费一级在线观看 | 四虎影视网站 | 九九精品视频一区在线 | 一区二区日韩欧美 | 亚洲尹人| 九九99香蕉在线视频网站 | 老子影院午夜精品欧美视频 | 激情综合欧美 | 青草青草久热精品视频在线观看 | 亚色91| 国产伦精品一区二区三区四区 | 欧美在线观看视频网站 | 日本精品一区二区三区在线观看 | 韩国一级理黄论片 | 亚洲精品视频在线观看免费 | 国产美女久久 | 国产欧美日韩看片片在线人成 | 奇米77777| 91亚洲国产成人久久精品网站 | 国产精品爱久久久久久久 | 高清不卡毛片免费观看 | 涩涩99| 成人伊人 | 九九国产在线视频 |