手機的UI設計

2021-07-13 23:50:20 字數 1685 閱讀 5100

手機的設計涉及諸多方面,比如:

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設計的思考

主路線 貫穿部件豎向的路線,部件總高度的確定路線。一般有兩種方式,直接固定總高 部件 間距的傳遞。一般只有一條主路線。除非你希望高度是多條路線競爭的結果。其他部件的位置可根據主路線中的部件位置做相對位置擺放。其他部件的位置也可根據主路線中得指定區域,根據布局重心和本身尺寸確定位置。容錯間距 在其他間...