手機的設計涉及諸多方面,比如:
id設計,功能設計,
ui設計等等。本文將就手機的
ui設計作一些簡單介紹,畢竟,使用者隨時都在體驗著
ui的設計,好的
ui可以為手機增色不少。 在
hmi(
human machine interaction
)中,有乙個層面,即我們所說的介面(
inte***ce
)。介面可分為感覺(視覺、觸覺、聽覺等)和情感兩個層次。介面設計是乙個複雜的有不同學科參與的工程,認知心理學、設計學、語言學等在此都扮演著重要的角色。使用者介面設計的三大原則是:置介面於使用者的控制之下;減少使用者的記憶負擔;保持介面的一致性。
使用者介面設計在工作流程上分為概念設計、互動設計、視覺設計三個部分。
·概念設計
conceptual design
概念設計是介面設計的骨架。通過對使用者研究和任務分析,制定出產品的整體架構,供使用者檢查並進行完善。
· 互動設計
interactive design
互動設計的目的是使產品讓使用者能簡單使用。
任何產品功能的實現都是通過人和機器的互動來完成的。因此,人的因素應作為設計的核心被體現出來。互動設計的原則如下:
1) 有清楚的錯誤提示。誤操作後,系統提供有針對性的提示。
2) 讓使用者控制介面。
「下一步」、
「完成」,面對不同層次提供多種選擇,給不同層次的使用者提供多種可能性。
3) 允許使用鍵盤或觸筆。同一種功能,同時可以用滑鼠和觸筆。提供多種可能性。
4) 允許工作中斷。例如寫新簡訊的時候,收到**,完成後回來仍能夠找到剛才正寫的簡訊。
5) 使用使用者的語言,而非技術的語言。
6) 提供快速反饋。給使用者心理上的暗示,避免使用者焦急。
7) 方便退出。提供完全退出和一層一層的退出兩種可能性。
8)導航功能。隨時轉移功能,很容易從乙個功能跳到另外乙個功能。
9)讓使用者知道自己當前的位置,使其做出下一步行動的決定。
· 視覺設計
visual design
在概念設計的基礎上,參照目標群體的心理模型和任務達成進行視覺設計。包括色彩、字型、頁面等。視覺設計要達到使用者愉悅使用的目的。視覺設計的原則如下:
1)介面清晰明了。允許使用者定製介面。
2)減少短期記憶的負擔。對於支援對資訊中號碼的提取等。
3)依賴認知而非記憶。如對圖示的記憶、下拉列表列表中的選擇4)
提供視覺元索。圖形符號的視覺刺激;
gui(
圖形介面設計
):where, what, next。5
)提供預設(
default
)、撤銷(
undo
)、恢復(
redo
)的功能
6)提供介面的快捷方式
7)盡量使用真實世界的比喻。如:**的圖示設計,尊重使用者以往的使用經驗。
8)完善視覺的清晰度。條理清晰;、文字的布局和隱喻不要讓使用者去猜。
9)介面的協調一致。如按鈕排放,左鍵肯定;右鍵否定;或按內容擺放。
10)同樣功能用同樣的圖形。
11)色彩與內容。整體軟體不超過
5個色系,盡量少用紅色、綠色。近似的顏色表示近似的意思。
使用者介面設計構築了產品設計的基礎。
介面設計工程師不僅僅是指美工,而是具有心理學、軟體工程學、設計學等綜合知識的人。
UI設計 UI設計文件
今天不想說ui設計原理和原則,只想說文件內容。乙個solo族,可能根本不會理睬這種文件,因為他的idea完全在腦中,自己來實現就ok了。而在乙個團隊協作過程中,產品設計部門就有很高的必要把這個文件寫好了。應該有哪些內容呢,ui流程 對應操作流程 效果層次 可觸發的區域性介面。曾經見過一位前輩做的介面...
UI設計的概念
雖然很早就知道ui設計,也做了一些關於ui設計的事,為雜誌做了幾期ui設計的專題,心理好像理解了ui設計的概念,然而當別人問起我時,我卻也說得含混不清,最後只能說 這是一門很複雜的學科,涉及了很多方面 以此結束別人的提問。為了不讓這種事再繼續發生,我把自己在接觸ui設計過程中的知識進行了整理,系統地...
ui設計的思考
主路線 貫穿部件豎向的路線,部件總高度的確定路線。一般有兩種方式,直接固定總高 部件 間距的傳遞。一般只有一條主路線。除非你希望高度是多條路線競爭的結果。其他部件的位置可根據主路線中的部件位置做相對位置擺放。其他部件的位置也可根據主路線中得指定區域,根據布局重心和本身尺寸確定位置。容錯間距 在其他間...