国产一精品一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)
正在加載評論...
相關推薦
主站蜘蛛池模板: 四虎黄色网| 免费一级毛片麻豆精品 | 99国产精品免费观看视频 | 5x性区m免费毛片视频看看 | 日本一级毛片私人影院 | 久久久久久不卡 | 中文字幕影院 | 在线看片日韩 | 黄视频网站观看 | 韩国午夜剧场 | 欧美成人老熟妇暴潮毛片 | 亚洲合集综合久久性色 | 日本欧美中文字幕 | 四虎精品成人a在线观看 | 国产一区中文字幕在线观看 | 欧美性色黄大片一级毛片视频 | 四虎亚洲国产成人久久精品 | 亚洲天堂三级 | 国产福利在线永久视频 | 不卡中文字幕在线观看 | 天天视频国产精品 | 欧美vs日韩vs国产在线观看 | 99在线精品日韩一区免费国产 | 亚洲qingse中文久久网 | 国产呦系列免费 | 国产高清一级毛片在线不卡 | 久久免费视频网站 | 欧美影院久久 | 免费人成在线观看网站 | 国产精品久热 | 欧美白人猛性xxxxx交69 | 波多野结衣中文字幕一区二区三区 | 日韩免费视频观看 | 国产高清在线视频一区二区三区 | 一级毛片高清大全免费观看 | 337p色噜噜人体大胆欧美 | 亚洲综合网站 | 曰本还a大片免费无播放器 曰本黄色录像 | 久草视频新 | 国产午夜精品久久久久九九 | 黄色不良视频 |