雷火电竞首页-中国电竞赛事及体育赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

iOS UI設(shè)計五大原則,讓你的設(shè)計更具高級感

Time: 2020-01-09

目前手機市場主要運用的是蘋果系統(tǒng)和安卓系統(tǒng),由于系統(tǒng)的獨特性,UI設(shè)計也是有所不同的,所以很多人都會專門主攻一種系統(tǒng),下面我們跟隨小編一起來了解一下iOS UI設(shè)計的相關(guān)資料吧。

iOS UI設(shè)計原則一:美學(xué)完整性

  美學(xué)完整性并不是用來衡量一個應(yīng)用程序的界面有多好看,而是用來衡量應(yīng)用程序的界面與功能是否匹配。例如,對于一個應(yīng)用來說,會用比較微妙的修飾元素和背景來體現(xiàn)生產(chǎn)性的任務(wù),對于突出的任務(wù)則會使用標準的控件和操作行為。這樣的應(yīng)用程序會傳達一個清晰和統(tǒng)一的信息給用戶,讓用戶懂得應(yīng)用程序的目的。但要是應(yīng)用程序在生產(chǎn)性任務(wù)上使用了異想天開的元素,用戶就會被這些相互矛盾的信號所困擾。

  同樣的,在一個仿真任務(wù)的應(yīng)用程序里,例如游戲應(yīng)用,用戶希望一個漂亮的界面來提供更多的樂趣從而鼓勵他們繼續(xù)游戲。盡管用戶不期待能夠在一個游戲中完成一個艱難或者是生產(chǎn)性的任務(wù),但他們?nèi)匀幌M螒虻慕缑婺軒硗暾捏w驗。


1.jpg

(圖片來自網(wǎng)絡(luò))


  iOS UI設(shè)計原則二:一致性

  應(yīng)用程序界面的一致性允許用戶利用他們自身的知識和技能完成應(yīng)用程序的過渡。當然,保持界面的一致性,并不是讓你盲目的復(fù)制其他的應(yīng)用程序,相反的,作為開發(fā)者應(yīng)該懂得利用同類型應(yīng)用程序大眾接受的標準和范式來設(shè)計自己的應(yīng)用。

  為了確定你的應(yīng)用程序是否遵循一致性原則,開發(fā)者們應(yīng)該想想以下幾個問題:

  A. 應(yīng)用程序與iOS的標準是否一致?是否正確的使用了系統(tǒng)提供的控件、視圖和圖標?設(shè)計是否符合設(shè)備的功能和特色?

  B. 應(yīng)用程序與本身的定位一致么?文本使用了統(tǒng)一的風(fēng)格了么?一樣的圖標是否代表的一個意思?不同場景執(zhí)行相同的操作,結(jié)果是否符合用戶的預(yù)期?

  C. 在合理的范圍內(nèi),應(yīng)用程序與早期的版本一致么?條款和提示是一個意思么?


  iOS UI設(shè)計原則三:直接操作

  當用戶操作屏幕上的對象而不是單獨的控件進行操作時,用戶更能理解自己的任務(wù)和操作的結(jié)果。iOS用戶更喜歡直接的操作行為,因為多點觸控的設(shè)備特點。當看到屏幕的對象,直接用手勢進行操作給人一種更為親切的感覺,而且很有控制感,因為沒有了媒介的干預(yù),更多指的是對鼠標的依賴。

  舉個例子,用戶可以使用兩指的縮小或放大所要控制的面積就可完成點擊縮放的操作。游戲中,玩家還可以直接與物體互動,直接移動他們。例如,在顯示密碼鎖的游戲中,玩家可以直接通過旋轉(zhuǎn)操作打開鎖。

  在iOS的應(yīng)用程序中,在以下的場景中可以使用直接操作:

  A. 旋轉(zhuǎn)或反轉(zhuǎn)來移動設(shè)備來控制屏幕中的對象

  B. 利用手勢直接操作屏幕中的對象

  C. 能夠直觀的看到操作的結(jié)果


2.jpg

(圖片來自網(wǎng)絡(luò))


  iOS UI設(shè)計原則四:隱喻

  當虛擬的物品和操作行為是對現(xiàn)實生活中的物品和操作進行模仿的時候,玩家能夠很快的掌握應(yīng)用程序的規(guī)則和操作。一個簡單的軟件隱喻是文件夾:在現(xiàn)實生活中,人們把物品放入文件夾中,所以在計算機中,用戶能夠很快的理解這個操作的意思,很快的理解將文檔等文件放入文件夾的意思。

  最合適的隱喻應(yīng)該是不受現(xiàn)實生活的限制。例如,用戶可以將很多內(nèi)容放入文件夾中,包括音樂、文檔、視頻等,但現(xiàn)實生活中顯然無法做到。

  iOS操作系統(tǒng)為開發(fā)者提供了很多的隱喻,因為他支持豐富的同行圖像和手勢。用戶可以與屏幕中的物體進行物理交互,很多場景中的交互十分逼真,iOS的隱喻包括:

  A. 音樂播放的倒退控制

  B. 游戲中的拖拽、彈和刷操作

  C. 滑動開關(guān)的操作

  D. 選擇轉(zhuǎn)輪做選擇


3.jpg

(圖片來自網(wǎng)絡(luò))


  iOS UI設(shè)計原則五:用戶控制

  注意,應(yīng)用程序中,是用來控制操作行為的,而不是應(yīng)用程序。盡管應(yīng)用程序能夠建議用戶做哪些操作或者警告用戶有危險,但是這顯然對于應(yīng)用本身是個錯誤,因為這會將玩家推得更遠。成功的應(yīng)用程序應(yīng)該在一味的提示和關(guān)鍵時刻做提示之間進行平衡。

  當對操作行為和控制感到熟悉和可預(yù)見的時候,用戶將會明顯感覺到自己對于應(yīng)用程序的控制。操作行為越是簡單直接,玩家就能更容易的理解和記住。

  通常,玩家都希望在游戲開始有充分的機會能夠取消操作,因為他們希望能夠?qū)Σ僮鬟M行確認。于此同時,玩家還希望能夠正常的停止操作。


  以上就是小編為你整理的關(guān)于iOS UI設(shè)計的相關(guān)資料,希望可以幫助你更好的了解和掌握iOS系統(tǒng)的UI設(shè)計原則,讓你的界面ui設(shè)計更具高級感!


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
[email protected]

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
[email protected]

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開