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

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

用戶界面設計的“具體”與“抽象”

2010-01-26 11217 0

  用戶界面的圖像設計歷史可謂是越來越趨向于現實。隨著電腦運行越來越快,設計師開始逐漸添加一些現實元素,如顏色、3D效果、陰影或半透明,甚至是實物。其中一些效果確實能提高使用效率。窗口下的陰影能讓我們知道那個窗口是活動著的,而iPhone用戶界面的實物性使iPhone更易于使用。
  
  在其他地區(qū),這樣的趨勢則遭到了質疑。典型的用戶界面圖像設計幾乎都是象征性圖標。大多數在屏幕上出現的圖標代表的是一個想法或概念。比如,一間小房子圖標代表的不是房子,而是“Home(主頁面)”;一只眼睛也并非單純指眼睛,而是指“查看所選文件”。
  
  細節(jié)和現實是可區(qū)分的概念。我從Scott McCloud的著作《理解漫畫》中節(jié)選了一幅圖,這本書是設計師必讀的教科書。

  從上圖中我們看到,最左邊的圖像是一個具體的人臉,而最右邊則只是“臉”的概念,它能代表任何人。其實,在設計用戶界面時,我們沒必要展示那么具體現實的人臉,有時候只需要表達一個想法或概念。具體的細節(jié)反而會弄巧成拙。

  然而,有時候則需要一些細節(jié)。太少細節(jié)則會讓用戶一頭霧水。如下圖,左邊的讓人一看就知道是臉,而最右邊則無法表達臉的概念。

  讓我們再來看看一組已經應用到用戶界面的圖標,它們均代表“Home”鍵。  

  這四個圖標表現了設計由“具體”轉向“抽象”的過程。我們可以感受到,越是具體的圖標,我們越難理解它所代表的功能。相反,如果圖標太過于簡單,也會讓人產生誤解。如下圖,前面三個圖標我們都能理解是“Home”鍵,但是最后面的則有可能代表一個向上的箭頭“⇧”。

  如果總結起來,我們可以用一個坐標圖展示人們面對“具體”和“抽象”的圖標時的混淆程度??v坐標表示抽象圖標,橫坐標則表示具體的圖標。粉色柱體部分則表示混淆程度。我們可看到,人們對圖標的理解程度是呈弧線變化的。

  觀察以下兩個界面的Home圖標,哪個讓你有“主界面”的感覺,而哪個讓您有真正的“家”的感覺?

  無論是設計什么樣的圖標,最重要的是能讓用戶很容易明白圖標所代表的功能和意義。圖標就像設計者與用戶的對話,越易于明白越好。


125
評論區(qū)(0)
正在加載評論...
相關推薦
主站蜘蛛池模板: 亚洲欧美一区二区三区在饯 | 一男一女一级毛片 | 天天射日日操 | 亚洲人成在线免费观看 | 国产一区成人 | 色视频在线播放 | 中文字幕国产一区 | 欧美爽爽 | 操操网站 | 亚洲欧美一区二区三区在饯 | 男人的天堂久久精品激情 | 97国内精品久久久久久久影视 | 久久综合亚洲一区二区三区 | 免费一级毛片麻豆精品 | 欧美一级a毛片人人dvd | 久草热在线观看 | 性欧美精品久久久久久久 | 欧美另类69xxxxx 视频 | 成人在线a | 婷婷中文| 国产亚洲精品免费 | 亚洲色五月 | 草久免费视频 | 国产精品揄拍一区二区久久 | 精品二区 | 色综合久久综合欧美综合图片 | 亚洲综合久| 久草视频在线资源 | 国产日韩精品一区二区在线观看 | 美日韩免费视频 | 欧美激情在线播放一区二区 | 日本1区二区三区公司 | 亚洲国产欧美一区 | 激情网站视频 | 国产在线小视频 | 国产精品视频免费一区二区三区 | 亚洲日本在线观看视频 | 国产热re99久久6国产精品 | 老头与老头同性tube可播放 | 天天干天天操天天爽 | 亚洲操 |