界面設(shè)計(jì)有著自己的設(shè)計(jì)原則,不同的操作系統(tǒng)里的界面設(shè)計(jì)更是有著本系統(tǒng)的特點(diǎn)。那如何構(gòu)建可靠的界面設(shè)計(jì)?今天就讓小編為大家介紹ios界面設(shè)計(jì)的幾大原則和技巧。
ios界面設(shè)計(jì)的幾大原則
1、美學(xué)完整性
美學(xué)完整性代表了一款應(yīng)用的視覺表象和交互行為與其功能整合的優(yōu)良程度。例如,一款協(xié)助用戶完成重要任務(wù)的應(yīng)用應(yīng)該使用不易察覺且不引人注目的圖形、標(biāo)準(zhǔn)化控件和可預(yù)知的交互行為從而讓用戶保持專注。反之而言,一款沉浸式體驗(yàn)的應(yīng)用(比如游戲),就需要吸引人的視覺表象,在鼓勵(lì)用戶探索的同時(shí)帶來無窮的樂趣和刺激。
2、一致性
一款內(nèi)部一致的應(yīng)用能夠貫徹相同的標(biāo)準(zhǔn)和規(guī)范:使用系統(tǒng)提供的界面元素、風(fēng)格統(tǒng)一(眾所周知)的圖標(biāo)、標(biāo)準(zhǔn)的字體樣式和一致的措辭。應(yīng)用所包含的特征和交互行為是符合用戶心理預(yù)期的。
3、直接操作
對屏幕上的對象直接操作(而不是通過一堆控件)能夠提升用戶的參與度并有助于理解。直接操作指包括用戶旋轉(zhuǎn)設(shè)備或者使用手勢控制屏幕上的對象。通過直接操作,他們的交互行為能夠得到即時(shí)可視的反饋。
4、反饋
反饋認(rèn)證交互行為,呈現(xiàn)結(jié)果,并通知用戶。系統(tǒng)自帶的iOS應(yīng)用對每一個(gè)用戶行為都提供了明確的反饋??山换サ脑乇稽c(diǎn)擊時(shí)會被臨時(shí)高亮,進(jìn)度指示器顯示了需要長時(shí)間運(yùn)轉(zhuǎn)的操作的進(jìn)度,動(dòng)效和聲音加強(qiáng)了對行為結(jié)果的提示。

ios界面設(shè)計(jì)(圖片來自網(wǎng)絡(luò))
5、隱喻
當(dāng)一個(gè)應(yīng)用的虛擬對象和行為與用戶熟悉的體驗(yàn)相似時(shí)——無論這種體驗(yàn)是來源于現(xiàn)實(shí)生活或是數(shù)字世界,用戶就能更快速地學(xué)會使這款應(yīng)用。隱喻在iOS中能夠起作用是因?yàn)橛脩襞c屏幕進(jìn)行物理上的交互。他們通過將視圖移出屏幕來顯示下方的內(nèi)容,他們拖曳(drag)和滑動(dòng)(swipe)對象,他們撥動(dòng)(toggle)開關(guān),移動(dòng)(move)滑塊,滾動(dòng)(scroll)數(shù)值選擇器,他們甚至通過輕掃(flick)來翻閱書籍和雜志。
6、用戶控制
在iOS內(nèi)部,是用戶——而不是應(yīng)用——在控制。應(yīng)用可以對一系列用戶行為提供建議,或?qū)赡茉斐蓢?yán)重后果的行為發(fā)出警告,但不應(yīng)該替用戶做決定。好的應(yīng)用會在讓用戶主導(dǎo)和避免不想要的結(jié)果中找到平衡。為了讓用戶感覺到是他們在控制,應(yīng)用應(yīng)該使用熟悉且可預(yù)知的交互元素,讓用戶二次確定有破壞性的行為,并且讓即使在運(yùn)行中的操作也能夠被輕易取消。
ios界面設(shè)計(jì)的技巧
1、格式內(nèi)容
創(chuàng)建適用于iOS設(shè)備屏幕的布局。用戶應(yīng)該無需縮放或水平滾動(dòng)即可看到主要內(nèi)容。
2、觸摸控件
使用為觸摸手勢設(shè)計(jì)的 UI 元素,從而使與 app 的互動(dòng)感覺輕松又自然。
3、點(diǎn)按目標(biāo)
創(chuàng)建尺寸至少為 44 像素 x 44 像素的控件,從而可以準(zhǔn)確地使用單根手指進(jìn)行輕按。
4、文本大小
文本應(yīng)該至少達(dá)到11 像素,使得 在典型視距內(nèi)無需縮放即可看清。

ios界面設(shè)計(jì)(圖片來自網(wǎng)絡(luò))
5、對比度
確保字體顏色與背景之間有強(qiáng)烈對比,以使文本易于閱讀。
6、間距
不要使文本相互覆蓋。通過擴(kuò)大行高或字母間距來提高易讀性。
7、高分辨率
提供所有圖像的高分辨率版本。在Retina 顯示屏上,非 @2x 的圖像將顯示得比較模糊。
8、失真
始終以原有的高寬比顯示圖像,以避免失真。
9、整理
創(chuàng)建易于閱讀的布局,讓各個(gè)控件靠近其修改的內(nèi)容。
10、對齊
對齊文本、圖像和按鈕,向用戶呈現(xiàn)信息間的關(guān)聯(lián)方式。
11、設(shè)計(jì)資源
獲取相關(guān)工具、用戶界面模版和深入的信息,幫助您設(shè)計(jì)出能和Apple各個(gè)平臺無縫集成的出色app。
以上就是小編為大家介紹的關(guān)于ios界面設(shè)計(jì)的相關(guān)內(nèi)容。ios系統(tǒng)不同于其他操作系統(tǒng),其界面設(shè)計(jì)有著自身的原則和技巧,如果要了解更多關(guān)于界面設(shè)計(jì)的相關(guān)內(nèi)容,記得關(guān)注我們。


在微信中搜索faceui