iOS 10人機(jī)界面設(shè)計(jì)指南很早就出來了,也是隔了這么久才把中文版也整理出來了靡砌!這次設(shè)計(jì)指南會(huì)分為兩部分(設(shè)計(jì)概覽和設(shè)計(jì)尺寸規(guī)范)已脓,先講第一部分概覽,包括有3個(gè)小節(jié)通殃,主要介紹了iOS 系統(tǒng)的3大原則度液、iOS 10 的新特性和iOS界面的基本元素,后面會(huì)附上iOS10 GUI下載鏈接供大家下載~
1.1 設(shè)計(jì)原則(Design Principles)
清晰(Clarity):
縱觀整個(gè)系統(tǒng)画舌,任何尺寸的文字都清晰易讀堕担,圖標(biāo)精確易懂,恰當(dāng)且微妙的修飾曲聂,聚焦于功能霹购,一切設(shè)計(jì)由功能而驅(qū)動(dòng)。留白句葵、顏色厕鹃、字體、圖形以及其它界面元素能夠巧妙地突出重點(diǎn)內(nèi)容并且表達(dá)可交互性乍丈。
遵從(Deference):
流暢的動(dòng)效和清爽美觀的界面有助于用戶理解內(nèi)容并與之交互剂碴,而不會(huì)干擾用戶。當(dāng)前內(nèi)容占據(jù)整屏?xí)r轻专,半透明和模糊處理能夠暗示其它更多的內(nèi)容忆矛。減少使用邊框、漸變和陰影讓界面盡可能地輕量化请垛,從而突出內(nèi)容催训。
深度(Depth):
清楚的視覺層和生動(dòng)的動(dòng)效表達(dá)了層次結(jié)構(gòu),賦予了活力宗收,并有助于理解漫拭。
易于發(fā)現(xiàn)的且可觸發(fā)的界面元素能提升體驗(yàn)愉悅感,讓用戶在成功觸發(fā)相應(yīng)功能或者獲得更多內(nèi)容的同時(shí)還能掌控當(dāng)前位置的來龍去脈混稽。當(dāng)用戶瀏覽內(nèi)容時(shí)采驻,流暢的過渡提供一種縱深感审胚。
1.2 iOS 10 新特征介紹
搜索屏幕和主屏幕的窗口控件(widget)
Widget 提供即時(shí)且有用的信息,或是應(yīng)用特有的一些無(wú)需打開應(yīng)有就能使用的功能礼旅。在過去膳叨,用戶在消息中心添加widgets當(dāng)作快速入口。現(xiàn)在痘系,用戶在搜索屏幕添加widgets菲嘴,用戶可通過在主屏或是鎖屏右滑進(jìn)入搜索屏幕。你也可以在主屏通過3D Touch觸發(fā)的某個(gè)應(yīng)用的快捷操作菜單(quick action list)上方添加widget汰翠。Widget的設(shè)計(jì)和交互方式也改變了龄坪。請(qǐng)注意更新你現(xiàn)有的設(shè)計(jì)。
與Messages的聯(lián)動(dòng)
應(yīng)用可以通過執(zhí)行一種出現(xiàn)在對(duì)話下方的messaging插件讓用戶與朋友分享來自該應(yīng)用的內(nèi)容奴璃。應(yīng)用可以通過Message分享文字悉默,圖片城豁,視頻苟穆,貼紙,甚至可交互的內(nèi)容唱星,譬如信息內(nèi)的游戲雳旅。
與Siri的聯(lián)動(dòng)
應(yīng)用能夠與Siri聯(lián)動(dòng),從而讓用戶使用聲音來執(zhí)行相應(yīng)的應(yīng)用操作间聊,譬如打電話攒盈、發(fā)短信和開始鍛煉。
可拓展的通知欄
你可以通過拓展詳情視圖來強(qiáng)化你的通知欄哎榴,用戶可以在未鎖屏狀態(tài)下通過3D Touch功能點(diǎn)擊或是下滑你的通知來打開拓展視圖型豁。使用這種視圖能夠讓用戶快速瀏覽更多信息,并允許他們?cè)诓浑x開當(dāng)前界面的情況下對(duì)該消息進(jìn)行快速操作尚蝌。
iOS10人機(jī)界面設(shè)計(jì)指南(上)大概就是這么多內(nèi)容啦~
接下來要重點(diǎn)講iOS10界面基本元素迎变,同時(shí)會(huì)附上界面基本元素的標(biāo)注,初學(xué)者可以輕松上手飘言,請(qǐng)大家留意iOS10人機(jī)界面設(shè)計(jì)指南(下)衣形。
我們先簡(jiǎn)單的講講UIKit的部件,UIKit元素是靈活且常見的姿鸿。它們是可適配的谆吴,讓你能夠設(shè)計(jì)一個(gè)在任何iOS設(shè)備上都看起來很棒的應(yīng)用,而且能夠在系統(tǒng)發(fā)布新版本的時(shí)候自動(dòng)更新苛预。由UIKit提供的界面元素可以分為以下三種:
欄:告知用戶現(xiàn)在在應(yīng)用的哪里句狼,提供導(dǎo)航,而且還可能包含按鈕或者其它用來觸發(fā)功能和交流信息的元素热某。
視圖:包含用戶在應(yīng)用內(nèi)最關(guān)注的信息腻菇,例如文本突诬、圖形、動(dòng)畫和交互元素芜繁。視圖允例如滾動(dòng)旺隙、插入、刪除和排列之類的行為骏令。
控件:觸發(fā)功能和傳遞信息蔬捷。控件包括按鈕榔袋、開關(guān)周拐、輸入框和進(jìn)度指示器。
為了進(jìn)一步定義iOS界面凰兑,UIKit規(guī)定了你的應(yīng)用能夠采用的功能妥粟。通過這個(gè)框架,你的應(yīng)用可以對(duì)觸摸屏上的手勢(shì)作出應(yīng)答吏够,還可以包含一些例如繪畫勾给、輔助和打印的功能。
喜歡的請(qǐng)贊賞锅知,以示鼓勵(lì)~