ios11 and iphoneX UI設(shè)計規(guī)范

我是金小虎

太原/設(shè)計愛好者/8年前/47894瀏覽

版權(quán)

我是金小虎

ios11 and iphoneX UI設(shè)計規(guī)范，如有雷同請各位體諒，此次總結(jié)望對各位設(shè)計界的同仁有所幫助。（如有錯誤，請各位指出）！

ios11 and iphoneX UI設(shè)計規(guī)范

近期蘋果發(fā)布了ios11系統(tǒng)、iPhone8、iPhone 8 Plus、iPhone X等，but 網(wǎng)上的設(shè)計規(guī)范零散，于是入行兩年的我做了一些總結(jié)，如有雷同請各位體諒，此次總結(jié)望對各位設(shè)計界的同仁有所幫助。（如有錯誤，請各位指出）！

iOS 11

iOS 11是蘋果公司研發(fā)的操作系統(tǒng)。北京時間2017年6月6日凌晨1點， WWDC（蘋果全球開發(fā)者大會）2017在加州圣何塞麥克恩利會議中心召開，蘋果系統(tǒng)iOS 11正式亮相。

正式版iOS 11在2017年9月份隨著新品iPhone的發(fā)布推送更新升級。2017年9月20日，iOS 11正式版發(fā)布，增加的特定功能是：二維碼掃描、詐騙短信識別、拼音鍵盤以及上海話語音識別等,其中，二維碼掃描還支持“掃碼解鎖”摩拜單車。

動態(tài)效果

Dock 可以出現(xiàn)在任何應(yīng)用的界面上，只要從屏幕下方劃出就可以了。長按一個應(yīng)用圖標(biāo)，可以將它拖到正在使用的應(yīng)用之上。

也就是說，屏幕上會同時顯示出兩個應(yīng)用，再次拖動一個應(yīng)用的邊緣，界面就演化成 1：1 或者 1：2 的分屏。這個操作的過程有些細(xì)節(jié)，比如拖動應(yīng)用邊框，界面較大的那個會在邊緣向內(nèi)收縮——這是在告訴你它即將縮小、另一個應(yīng)用要出現(xiàn)在隔壁了。

動態(tài)特效

比如錄屏，點擊它你會看到一個從 3 到 1 的倒計時，然后它才開始錄屏；電池圖標(biāo)點一下會變成黃色，用來開啟省電模式。更多的情況下，長按圖標(biāo)會進入一個二級頁面，比如屏幕明暗的調(diào)節(jié)。這讓你更直觀的看到亮度的變化。

鎖屏界面

Apple Music 在鎖屏上占據(jù)的位置更少，它變成了一張卡片，顯示歌名和控制按鍵。原本 Music 會占據(jù)一整個鎖屏，有些第三方應(yīng)用還會在這里展示滾動歌詞?，F(xiàn)在的樣子更清新一些了。

搜索順序

在Spotlight 鍵入關(guān)鍵詞，緊接著它的是推薦的關(guān)鍵詞、通訊錄、短信內(nèi)容等等融合在一起的一個下拉菜單，在這下方才是與這個關(guān)鍵詞有關(guān)的應(yīng)用程序。在 iOS 10 上，這個順序是反過來的。以及，Spotlight 會一直頂在主屏左邊、也就是擺放各種插件的界面。

模塊變樣

Apple Music 在控制中心中有點特殊，如果你長按，會看到這個框上不僅顯示正在播放的歌曲名稱、以及暫停播放和前后首按鈕，右上角還有一個小小的信號圖標(biāo)，這里可以讓你切換正在使用的藍(lán)牙設(shè)備，比如 AirPods、各種音響。相比之下，iOS 10 切換藍(lán)牙設(shè)備的時候還需要你到設(shè)置中找到“藍(lán)牙”，再一個個查看。

拖動圖標(biāo)

同時拖動多個圖標(biāo)到文件夾，這也是效率提升的體現(xiàn)，如果你要把幾個應(yīng)用拖進某個文件夾，iOS 11 上可以長按一個圖標(biāo)、同時點選其他應(yīng)用，就可以把它們幾個同時拖進目標(biāo)文件夾之中。手機上也支持這個操作。