激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

iOS 12 人機(jī)交互指南:主題與基本界面元素

發(fā)布時(shí)間：2024-01-18 18:23:35 瀏覽量：231次

要想發(fā)布一款能夠位于App Store排行榜之首的產(chǎn)品，產(chǎn)品在質(zhì)量和功能上的高標(biāo)準(zhǔn)表現(xiàn)是必不可少的，而為了達(dá)到這種高度，我們應(yīng)該如何做呢？本文主要講述的是 iOS 12 界面交互設(shè)計(jì)指南，一起來看看~

主題（Themes）

1. iOS設(shè)計(jì)主題

作為一個(gè)app設(shè)計(jì)師（其實(shí)我是一只產(chǎn)品狗），其實(shí)便意味著你將有機(jī)會(huì)去設(shè)計(jì)發(fā)布一款能夠位于App Store排行榜之首的驚世駭俗之產(chǎn)品。而為了達(dá)到這個(gè)高度，你的產(chǎn)品在質(zhì)量和功能上的高標(biāo)準(zhǔn)表現(xiàn)是必不可少的。（我理解的原文中app designer其實(shí)正是產(chǎn)品狗一職而非傳統(tǒng)意義上的UI設(shè)計(jì)師，正所謂成也蕭何敗也蕭何，固此文別稱《產(chǎn)品狗的iOS指南》也不枉為過）。

iOS平臺(tái)不同于其它平臺(tái)的三大基本原則：

  • 清晰（Clarity）：縱觀整個(gè)iOS系統(tǒng)，清晰意味著，每種尺寸下的文本都應(yīng)該是易讀的，所有圖標(biāo)都應(yīng)該是精確易懂的，每一個(gè)裝飾都應(yīng)該是精心恰當(dāng)?shù)?，而且?yīng)該本著功能驅(qū)動(dòng)設(shè)計(jì)的原則。利用留白，顏色，字體，圖像以及其它界面元素來共同巧妙的突出重點(diǎn)內(nèi)容且表達(dá)其不同的可交互性。
  • 遵從（Deference）：干凈美觀的界面和清晰流暢的動(dòng)態(tài)效果有助于用戶去理解界面內(nèi)容并與之進(jìn)行交互，從而避免給用戶帶來干擾。而如果當(dāng)前的內(nèi)容占據(jù)了整個(gè)屏幕時(shí)，可以利用半透明以及模糊處理等方式來暗示用戶其更多內(nèi)容的存在。盡可能少的使用邊框，漸變以及陰影可以讓界面更輕，從而突出更多的內(nèi)容。
  • 深度（Depth）：鮮明的視覺層級(jí)以及生動(dòng)的動(dòng)態(tài)效果可以對(duì)界面有更深層次的表達(dá)，賦予了界面活力也更有助于用戶去理解。易于發(fā)現(xiàn)且易于觸發(fā)的界面元素能夠提升用戶的體驗(yàn)愉悅感，而用戶在成功觸發(fā)相應(yīng)功能或獲得更多內(nèi)容的同時(shí)，也掌握了當(dāng)前所在位置的由始至終（可以理解為PC端的面包屑）。因此當(dāng)用戶在瀏覽內(nèi)容的同時(shí)，流暢的過渡其實(shí)便體現(xiàn)出了一種縱深感。

2. 設(shè)計(jì)原則

為了最大化產(chǎn)品的影響力及達(dá)到以上目標(biāo)，以下的原則更是需要你在產(chǎn)品定義及設(shè)計(jì)時(shí)牢記于心的：

（1）美學(xué)完整性（Aesthetic Integrity）

美學(xué)完整性代表了一款應(yīng)用的視覺表現(xiàn)和交互行為與其功能整合的優(yōu)良程度。例如：如果一款應(yīng)用的目的是幫助用戶去完成一項(xiàng)非常重要的任務(wù)，那么我們就應(yīng)該使用不易察覺且不會(huì)太引人注目的圖形，或使用一些標(biāo)準(zhǔn)化的控件以及可預(yù)知的交互行為來保持用戶的專注性。

反而言之，對(duì)于一款沉浸式體驗(yàn)應(yīng)用（如游戲），我們就需要利用更加吸引人的視覺表現(xiàn)，去鼓勵(lì)用戶深入探索的同時(shí)為其帶來無窮的樂趣和刺激。

（2）一致性（Consistency）

一致性代表了一款應(yīng)用需要貫徹相同標(biāo)準(zhǔn)和規(guī)范的原則，使用系統(tǒng)提供的界面元素，風(fēng)格統(tǒng)一的圖標(biāo)，標(biāo)準(zhǔn)的字體樣式以及一致的措辭。同時(shí)應(yīng)用所包含的特征和交互行為，應(yīng)該是符合用戶心理預(yù)期的。

（3）直接操作性（Direct Manipulation）

直接對(duì)屏幕上的對(duì)象（而非通過一堆控件）進(jìn)行交互，有助于用戶理解從而提升用戶的參與度。這里的直接操作指的是包括旋轉(zhuǎn)屏幕或手勢(shì)控制等操作，通過此類交互用戶的交互行為能夠得到及時(shí)可視的反饋。

（4）反饋性（Feedback）

反饋可以認(rèn)證交互行為，呈現(xiàn)結(jié)果，通知用戶。iOS系統(tǒng)自帶的應(yīng)該對(duì)用戶的每個(gè)行為都提供了明確的反饋，如：可交互的元素被點(diǎn)擊時(shí)的臨時(shí)高亮，進(jìn)度指示器（進(jìn)度條、緩沖條等）顯示任務(wù)需要進(jìn)展的時(shí)間及當(dāng)前的進(jìn)度，聲音和動(dòng)態(tài)效果則更是加強(qiáng)了對(duì)行為結(jié)果的提示。

（5）隱喻性（Metaphors）

當(dāng)一款應(yīng)用的虛擬對(duì)象和交互行為能夠與用戶所熟悉的體驗(yàn)相似時(shí)（無論這種體驗(yàn)是來源于現(xiàn)實(shí)生活亦或是數(shù)字世界），用戶就更夠更快的學(xué)會(huì)使用這款應(yīng)用。

隱喻能夠在iOS中起到作用的原因是用戶可以與屏幕進(jìn)行物理上的交互，如：用戶可以通過將視圖引出屏幕來顯示下方的內(nèi)容，通過拖拽（drag）、滑動(dòng)（swipe）對(duì)象、撥動(dòng)（toggle）開關(guān)、移動(dòng)（move）滑塊、滾動(dòng)（scroll）選擇器，甚至通過輕掃（flick）來翻閱書籍和雜志。

（4）用戶控制性（User Control）

在iOS內(nèi)部，應(yīng)該是用戶（而非應(yīng)用）在控制。應(yīng)用可以對(duì)一系列的用戶行為提供建議，或?qū)赡茉斐傻膰?yán)重后果的行為發(fā)出警告，但絕不應(yīng)該替用戶做決定。而好的應(yīng)用，會(huì)在用戶主導(dǎo)和避免不想要的結(jié)果中找到平衡。

為了讓用戶感覺到是他們?cè)诳刂茟?yīng)用，應(yīng)該使用用戶熟悉且可預(yù)知的交互元素，讓用戶二次確定其有破壞性的行為，并且允許即使在運(yùn)行中的操作也能夠被輕易取消。

基本界面元素（Interface Essentials）

大部分的iOS應(yīng)用使用UIKit中的部件來定義一個(gè)基本的界面元素框架，而這個(gè)框架不僅讓各個(gè)應(yīng)用在保持視覺上的一致的同時(shí)，也給予了其高度化的個(gè)性定制空間。

UIKit部件是靈活的、常見的，可配置性極高的，它能夠支持你去設(shè)計(jì)一個(gè)能夠在任何iOS設(shè)備中都表現(xiàn)出高水準(zhǔn)的應(yīng)用，而且能夠使其隨著系統(tǒng)發(fā)布新版本的同時(shí)而自動(dòng)更新。

以下便是UIKit中三大基本界面元素：

（1）欄（Bars）

欄可以告知用戶其當(dāng)前所在應(yīng)用中的具體位置，提供導(dǎo)航，還有可能包含按鈕或其他可以用來觸發(fā)功能或交流的元素。

（2）視圖（Views）

視圖包含了用戶所最關(guān)注的內(nèi)容，如文本，動(dòng)畫及一些交互元素。而視圖更是支持滾動(dòng)，插入，刪除及排列等行為方式。

（3）控件（Controls）

控件用于觸發(fā)功能及傳遞信息，像按鈕、開關(guān)、輸入框、進(jìn)度條等便是極典型的控件。

為了進(jìn)一步的定義iOS界面，UIKit定義了你的應(yīng)用所能用到的功能。通過這個(gè)框架，你的應(yīng)用可以對(duì)觸屏上的手勢(shì)操作做出響應(yīng)，還可以包含一些，例如：繪畫、輔助、打印等功能。

UIKit同其它部件框架一樣緊密相連，如：Apple Pay、HealthKit、ResearchKit等，來幫助你設(shè)計(jì)出一個(gè)強(qiáng)大的應(yīng)用。

本文由 @沸騰 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖作者提供

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定