雷火平台-中国知名电竞赛事平台

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

ios界面設計的幾大原則和技巧

Time: 2021-01-13

界面設計有著自己的設計原則,不同的操作系統(tǒng)里的界面設計更是有著本系統(tǒng)的特點。那如何構建可靠的界面設計?今天就讓小編為大家介紹ios界面設計的幾大原則和技巧。

  ios界面設計的幾大原則

  1、美學完整性

  美學完整性代表了一款應用的視覺表象和交互行為與其功能整合的優(yōu)良程度。例如,一款協(xié)助用戶完成重要任務的應用應該使用不易察覺且不引人注目的圖形、標準化控件和可預知的交互行為從而讓用戶保持專注。反之而言,一款沉浸式體驗的應用(比如游戲),就需要吸引人的視覺表象,在鼓勵用戶探索的同時帶來無窮的樂趣和刺激。

  2、一致性

  一款內(nèi)部一致的應用能夠貫徹相同的標準和規(guī)范:使用系統(tǒng)提供的界面元素、風格統(tǒng)一(眾所周知)的圖標、標準的字體樣式和一致的措辭。應用所包含的特征和交互行為是符合用戶心理預期的。

  3、直接操作

  對屏幕上的對象直接操作(而不是通過一堆控件)能夠提升用戶的參與度并有助于理解。直接操作指包括用戶旋轉設備或者使用手勢控制屏幕上的對象。通過直接操作,他們的交互行為能夠得到即時可視的反饋。

  4、反饋

  反饋認證交互行為,呈現(xiàn)結果,并通知用戶。系統(tǒng)自帶的iOS應用對每一個用戶行為都提供了明確的反饋??山换サ脑乇稽c擊時會被臨時高亮,進度指示器顯示了需要長時間運轉的操作的進度,動效和聲音加強了對行為結果的提示。

ios界面設計

ios界面設計(圖片來自網(wǎng)絡)


  5、隱喻

  當一個應用的虛擬對象和行為與用戶熟悉的體驗相似時——無論這種體驗是來源于現(xiàn)實生活或是數(shù)字世界,用戶就能更快速地學會使這款應用。隱喻在iOS中能夠起作用是因為用戶與屏幕進行物理上的交互。他們通過將視圖移出屏幕來顯示下方的內(nèi)容,他們拖曳(drag)和滑動(swipe)對象,他們撥動(toggle)開關,移動(move)滑塊,滾動(scroll)數(shù)值選擇器,他們甚至通過輕掃(flick)來翻閱書籍和雜志。

  6、用戶控制

  在iOS內(nèi)部,是用戶——而不是應用——在控制。應用可以對一系列用戶行為提供建議,或對可能造成嚴重后果的行為發(fā)出警告,但不應該替用戶做決定。好的應用會在讓用戶主導和避免不想要的結果中找到平衡。為了讓用戶感覺到是他們在控制,應用應該使用熟悉且可預知的交互元素,讓用戶二次確定有破壞性的行為,并且讓即使在運行中的操作也能夠被輕易取消。

  ios界面設計的技巧

  1、格式內(nèi)容

  創(chuàng)建適用于iOS設備屏幕的布局。用戶應該無需縮放或水平滾動即可看到主要內(nèi)容。

  2、觸摸控件

  使用為觸摸手勢設計的 UI 元素,從而使與 app 的互動感覺輕松又自然。

  3、點按目標

  創(chuàng)建尺寸至少為 44 像素 x 44 像素的控件,從而可以準確地使用單根手指進行輕按。

  4、文本大小

  文本應該至少達到11 像素,使得 在典型視距內(nèi)無需縮放即可看清。

ios界面設計

ios界面設計(圖片來自網(wǎng)絡)


  5、對比度

  確保字體顏色與背景之間有強烈對比,以使文本易于閱讀。

  6、間距

  不要使文本相互覆蓋。通過擴大行高或字母間距來提高易讀性。

  7、高分辨率

  提供所有圖像的高分辨率版本。在Retina 顯示屏上,非 @2x 的圖像將顯示得比較模糊。

  8、失真

  始終以原有的高寬比顯示圖像,以避免失真。

  9、整理

  創(chuàng)建易于閱讀的布局,讓各個控件靠近其修改的內(nèi)容。

  10、對齊

  對齊文本、圖像和按鈕,向用戶呈現(xiàn)信息間的關聯(lián)方式。

  11、設計資源

  獲取相關工具、用戶界面模版和深入的信息,幫助您設計出能和Apple各個平臺無縫集成的出色app。

  以上就是小編為大家介紹的關于ios界面設計的相關內(nèi)容。ios系統(tǒng)不同于其他操作系統(tǒng),其界面設計有著自身的原則和技巧,如果要了解更多關于界面設計的相關內(nèi)容,記得關注我們。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

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