亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

寫在前面的話：翻譯水平有限，如有錯(cuò)誤還請指正，你也可以直接跳至原文。

iPhone X (讀：iPhone 10）它將于11月3日正式發(fā)行。震撼的超視網(wǎng)膜全屏顯示，分辨率1125×2436px。屏幕頂部的裁切，你可以找到具有未來色彩的面部解鎖功能。

為這臺(tái)漂亮的機(jī)器設(shè)計(jì)會(huì)帶來一些新的挑戰(zhàn)，同時(shí)也帶來一些新的設(shè)計(jì)機(jī)會(huì)。在縱向模式下設(shè)備的寬度與iPhone6，7和8相同，但更高，比4.7寸的屏幕高出145pt，這樣就增加了20%的垂直顯示空間。在設(shè)計(jì) @ 1x 時(shí), 需要一個(gè)375×812px 的畫板。你不必像iPhone8一樣輸出@2x的圖片，但由于新的視網(wǎng)膜屏，要跟iPhone7-8Plus一樣輸出@3x的資源圖片。

開始創(chuàng)建設(shè)計(jì)時(shí)，你必須確保你的界面不會(huì)因設(shè)備的獨(dú)特性（圓角，頂部的裁切或者Home鍵）而被遮擋住。順便說一下，新的Home鍵是位于底部的小橫條，它取代了物理home鍵，你可以從任何應(yīng)用程序向上滑動(dòng)回到主屏幕或做多任務(wù)處理。

看那條白色的線，它就是新的home鍵

如果你目前的應(yīng)用程序是用iOS原生組件開發(fā)的，那么你的應(yīng)用程序?qū)?huì)適應(yīng)這款新的iPhone。導(dǎo)航欄、表格、集合視圖和標(biāo)簽欄。它們將在新的iPhone自動(dòng)適配。

左邊是iPhone8的設(shè)計(jì)，右邊是自動(dòng)適配到iPhoneX上的效果

如果你使用自定義布局，你的應(yīng)用程序可能需要更新以適應(yīng)新的屏幕布局。如果你使用自動(dòng)布局，那可能相當(dāng)容易。

讓我們開始吧

首先，接受設(shè)備的變化，蘋果員工并沒有可以像你隱藏這款昂貴硬件的精彩功能。

確保你創(chuàng)建了全屏體驗(yàn)。讓滾動(dòng)視圖滾動(dòng)到屏幕最底部甚至超出顯示器彎曲底部的邊緣。蘋果還要求你在設(shè)計(jì)時(shí)避開頂部切口和底部圓角，所以不要放置黑色的狀態(tài)欄，這樣會(huì)讓它看起來像是教科書試的iPhone8。

在安全區(qū)域嵌入重要信息。確保重要內(nèi)容在安全區(qū)并使用對稱插入, 這樣你的 UI 就不會(huì)被設(shè)備的傳感器（切口）或圓角所截?cái)?。如果你是用自?dòng)布局，你的內(nèi)容將自動(dòng)適配到安全區(qū)域，所以你的設(shè)計(jì)不會(huì)被遮擋在傳感器（切口）或者Home鍵之后。

新的狀態(tài)欄。由于顯示器頂部的傳感器（切口），新的狀態(tài)欄被分成兩部分。在iPhoneX上狀態(tài)欄加高了，你需要升級你的界面，在UI上做一些特殊的空間處理（狀態(tài)欄從以前的20pt，變成現(xiàn)在的44pt）。確保它可以在高度上動(dòng)態(tài)變化。最重要的是, 如果用戶撥打電話或使用導(dǎo)航時(shí)，這個(gè)高度不會(huì)改變, 這一點(diǎn)在其他的iphone 上也是一樣。

分成兩部分并且高了的狀態(tài)欄

顯示新的狀態(tài)欄。如果你目前在設(shè)計(jì)中隱藏了狀態(tài)欄，蘋果會(huì)要求你重新考慮這個(gè)決定。由于屏幕較高，你有更多的空間顯示你的內(nèi)容，充分利用狀態(tài)欄。用戶可以在那里找到有用的信息，大部分時(shí)間這個(gè)位置都不會(huì)被其他UI元素占用。

全屏圖像。如果你目前在設(shè)計(jì)中使用了全屏圖像, 你需要在新的 iPhone上更新它們。它們可能被裁切, 視覺的一個(gè)重要部分可能被隱藏。

不要在屏幕底部放置交互式控件。Home鍵周圍的間距純粹是為手勢觸碰創(chuàng)建的，向上滑動(dòng)回到主屏幕。將按鈕放在Home鍵或視屏底部圓角附近，都不是好選擇。用戶很可能意外的觸碰到Home鍵，很難到達(dá)想去的用戶界面。你仍然可以使用標(biāo)簽欄和功能欄，但請記住，它們的操作不干擾Home鍵。

不要隱藏Home鍵。當(dāng)用戶幾秒鐘不觸碰屏幕時(shí)，IOS可以在你的應(yīng)用程序中將它會(huì)自動(dòng)隱藏。當(dāng)用戶再次觸摸屏幕時(shí), 它將重新出現(xiàn), 這主要應(yīng)用于如觀看視頻或照片這種身臨其境的體驗(yàn),Home鍵還會(huì)根據(jù)應(yīng)用程序的背景自動(dòng)更改顏色。

色彩更豐富。新的超級視網(wǎng)膜顯示屏，可以顯示更多的顏色，P3色彩模式而非sRGB。這意味著它會(huì)顯示更豐富和更飽和的顏色。特別是視頻和照片將受益于這種更廣泛的色彩范圍。

向上滑動(dòng)，注意手勢。由于物理Home鍵消失，你通過手勢與你的iPhone互動(dòng)（比以往任何時(shí)候都更頻繁）。當(dāng)你向上滑動(dòng)時(shí)，你就可以回到主屏或者去到多任務(wù)視圖。當(dāng)你在 Home鍵上向左和向右滑動(dòng)時(shí), 您可以在打開的多任務(wù)程序之間切換。通過從屏幕頂部向下滑動(dòng), 您可以轉(zhuǎn)到通知或控制中心。在游戲中更是如此，你可以使用自定義手勢，這些手勢可能覆蓋IOS的原生手勢。你可以使用自定義手勢實(shí)施“邊界保護(hù)”，但在OS操作系統(tǒng)之前，僅有過一次。請謹(jǐn)慎使用，因?yàn)檫@將使系統(tǒng)功能更難操作。

Face ID。iPhone以前有一個(gè)很好的功能Touch ID，允許用戶通過使用指紋來解鎖他們的設(shè)備或執(zhí)行密碼鎖定的操作。Face ID的實(shí)現(xiàn)靠的是iPhone X頂部一小塊沒被屏幕覆蓋的區(qū)域，蘋果換成這種更先進(jìn)安全的方式來解鎖你的設(shè)備。進(jìn)入人臉識別模式，它使用了一些非常棒的算法來檢測你的面部并解鎖你的設(shè)備。應(yīng)用中會(huì)有一些新的用戶界面，確保你的iPhoneX有豐富的用戶體驗(yàn)，同時(shí)確保你在用戶激活時(shí)不在引用Touch ID，將其替換為Face ID。

自定義鍵盤。在設(shè)計(jì)自定義鍵盤時(shí), 不需要在鍵盤上添加表情或聽寫按鈕。因?yàn)樗鼤?huì)自動(dòng)添加到鍵盤下方的 Home鍵區(qū)域。

更大的導(dǎo)航欄。iOS 11 原生導(dǎo)航欄的設(shè)計(jì)得到了更新, 它們現(xiàn)在更高了。這款設(shè)計(jì)在iPhone X上將會(huì)非常出色，并將與新的狀態(tài)欄完美結(jié)合。考慮在你的設(shè)計(jì)中使用它。在滾動(dòng)時(shí)，會(huì)有一些不錯(cuò)的原生動(dòng)畫效果呈現(xiàn)。

長話短說

??iPhone X的高出145pt，所以設(shè)計(jì)為375×812pt而不是375x667pt

??iPhone X 使用 @ 3x 圖片的資產(chǎn)管理

??創(chuàng)建全屏體驗(yàn), 不要隱藏設(shè)備的獨(dú)有功能。

??將重要內(nèi)容放置在屏幕安全區(qū), 以確保它始終可見且不被設(shè)備的傳感器或圓角所遮 ??擋。

? 分成兩部分的新的狀態(tài)欄，以前高22pt，現(xiàn)在高44pt。

??全屏圖片或許/應(yīng)該更新, 以保證其充分顯示。

??不要在屏幕底部靠近Home鍵的地方添加按鈕。

? 除非非常必要，否則不要隱藏Home鍵。

??更豐富和更飽和的P3顏色配置

??注意在 Home鍵和狀態(tài)欄附近的自定義手勢, 不要搞亂用戶預(yù)期的原生手勢。

??Face ID替換Touch ID，更新你的UI，并將替換原本使用Touch ID的頁面。

??自定義鍵盤不需要添加表情和聽寫按鈕。

? 較大的導(dǎo)航欄將在這塊更高的顯示屏上得到更好的視覺和動(dòng)畫效果。

??也可以觀看蘋果的視頻Designing for iPhoneX

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

版權(quán)說明

本文翻譯自https://blog.prototypr.io/designing-for-the-iphone-x-4239d5ac736c

原文作者：NIELS

翻譯：Alicemu

如需轉(zhuǎn)載需注明出處。