MENU 服務(wù) 案例
網(wǎng)站建設(shè)-網(wǎng)站設(shè)計(jì)-北京網(wǎng)站建設(shè)-高端網(wǎng)站制作公司-尚品中國(guó)
我們通過(guò)擁抱變化創(chuàng)造
360°的品牌價(jià)值__
簡(jiǎn)體
簡(jiǎn)體中文 English

尚品與山東真諾智能設(shè)備有限公司簽署網(wǎng)站改版合作協(xié)議

類型：尚品動(dòng)態(tài) 了解更多

海淀網(wǎng)站建設(shè)--如何為IPHONE X設(shè)計(jì)

來(lái)源：尚品中國(guó)| 類型：網(wǎng)站百科 |時(shí)間：2018-08-13
海淀網(wǎng)站建設(shè)--如何為IPHONE X設(shè)計(jì)
為iPhone X設(shè)計(jì)將會(huì)帶來(lái)一些新的挑戰(zhàn)，但同時(shí)也會(huì)帶來(lái)一些新的設(shè)計(jì)機(jī)會(huì)。在本文中將分享一些建議，幫助您設(shè)計(jì)在iPhone X上看起來(lái)和感覺(jué)都很棒的應(yīng)用程序和游戲。
顯示細(xì)節(jié)
iPhone X擁有全新的高分辨率，圓潤(rùn)，邊緣超級(jí)視網(wǎng)膜顯示屏的分辨率1125×2436像素。雖然它給設(shè)計(jì)師提供了更多的展示內(nèi)容的空間，并允許他們創(chuàng)造一種真正身臨其境的體驗(yàn)，但在為這個(gè)設(shè)備設(shè)計(jì)時(shí)，有以下幾點(diǎn)需要考慮：
海淀網(wǎng)站建設(shè)
                                                                                       海淀網(wǎng)站建設(shè)
1、3倍圖像尺度因子
iPhone X具有3倍的圖像比例因子（@ 1x，@ 2x和@ 3倍）。當(dāng)需要光柵圖像時(shí)，請(qǐng)確保在應(yīng)用程序圖像分辨率目錄中包含2x和3倍圖像分辨率。此外，建議將SVGs用于字形和其他需要高分辨率縮放的平面圖形，因?yàn)樗鼈兪桥c分辨率無(wú)關(guān)的。
2、新的顯示尺寸：更多的屏幕空間，更多的內(nèi)容
iPhone的X顯示尺寸為375pt寬度* 812 pt高。在3倍顯示中，這等于1,125 px @3倍寬度* 2,436 px @3倍高。在縱向方向上，iPhone X上顯示的寬度與iPhone 6、iPhone 7和iPhone 8的4.7英寸屏幕的寬度相匹配，因此所顯示的信息量與這些設(shè)備的窄尺寸沒(méi)有任何區(qū)別。但是顯示器有不同的高度：812pt的高度高出145pt，高達(dá)4.77t的4.7“。 這個(gè)額外的iPhone X高度為內(nèi)容提供了20％的空間。
3、在創(chuàng)建背景圖像時(shí)考慮寬高比
在設(shè)計(jì)背景圖像時(shí)要記住，iPhone X的縱橫比也不同于4.7“顯示”。為iPhone 816：9的縱橫比創(chuàng)建的背景圖形需要調(diào)整以滿足iPhone X的技術(shù)要求。為了避免負(fù)面的結(jié)果，最好是構(gòu)圖使關(guān)鍵的視覺(jué)信息保持可見，而不考慮顯示的長(zhǎng)寬比。
4、不要將元素放在顯示的邊緣角落
圓角給設(shè)計(jì)師帶來(lái)了另一個(gè)挑戰(zhàn)：每一個(gè)位置太靠近視口邊緣的元素都可能被傳感器外殼夾住或覆蓋。關(guān)鍵是要嵌入控件和其他元素以避免這種情況。
5、使用安全區(qū)域布局來(lái)顯示內(nèi)容
安全區(qū)域布局有助于避免在定位內(nèi)容和控件時(shí)忽略系統(tǒng)UI元素。在iPhone 8上，安全區(qū)和視屏一樣大，沒(méi)有顯示任何條。在iPhone X上，安全區(qū)域布局是從屏幕邊緣的頂部和底部嵌入的，即使屏幕上看不到任何條。這有助于防止接口元素被剪切或覆蓋。
不過(guò)，安全區(qū)域有兩個(gè)例外：應(yīng)用程序的背景和垂直滾動(dòng)視圖。垂直可滾動(dòng)視圖（如表和集合）應(yīng)該一直延伸到顯示的底部，并延伸到邊緣，而不是局限于安全區(qū)。
6、不要擔(dān)心本機(jī)組件
如果你的應(yīng)用程序使用本地的iOS組件（比如導(dǎo)航條、表格、集合視圖、標(biāo)簽條等等），而你擔(dān)心它們將如何被應(yīng)用到iPhone X上，別擔(dān)心!它們將被自動(dòng)嵌入和定位。
HOME指標(biāo)
iPhone X改變了iPhone的互動(dòng)基礎(chǔ)之一，home鍵現(xiàn)在是遺產(chǎn)。在iPhone X用戶想要訪問(wèn)應(yīng)用程序切換器或主屏幕之前，點(diǎn)擊了iPhone的Home鍵就可以做到這一點(diǎn)。對(duì)于iPhone X來(lái)說(shuō)，當(dāng)用戶沿著屏幕的底部邊緣向上滑動(dòng)時(shí)，也可以進(jìn)行同樣的操作。刷卡是新的點(diǎn)擊。
為了將home鍵替換為一個(gè)手勢(shì)并使其直觀，蘋果在屏幕底部邊緣的一個(gè)指示器的格式中提供了關(guān)于交互的信息;位于屏幕底部的一行。這個(gè)指示器顯示在iPhone X應(yīng)用程序的界面上。在設(shè)計(jì)應(yīng)用程序時(shí)，你需要考慮到這一點(diǎn)。
注意底部的白線，這是新的家庭指標(biāo)。它會(huì)通知你，你可以向上滑動(dòng)屏幕回到你的主屏幕或進(jìn)行多任務(wù)處理。
7、避免在HOME指示符附近放置交互元素
最好避免在靠近指示器的地方放置交互元素，比如按鈕，否則會(huì)有與Home指示器重疊的風(fēng)險(xiǎn)。只需在home指示符附近留下一些空白，將不可滾動(dòng)的元素放置在安全區(qū)域內(nèi)。
8、請(qǐng)勿特別注意HOME指示
home指示燈不是裝飾性的。不要掩蓋它，也不要引起特別的注意。
9、使用自動(dòng)隱藏全屏體驗(yàn)
當(dāng)呈現(xiàn)視頻等全屏視覺(jué)內(nèi)容時(shí)，可以使用自動(dòng)隱藏來(lái)隱藏主指示器。
切口區(qū)域
notch這個(gè)區(qū)域可能是iPhone X設(shè)計(jì)中最有爭(zhēng)議的部分。有些人認(rèn)為它具有視覺(jué)吸引力;其他人認(rèn)為這是丑陋的。但作為設(shè)計(jì)師，我們可以利用凹槽區(qū)可用的屏幕空間。
10、不要掩蓋陷阱
一些設(shè)計(jì)師試圖讓iPhone X上的體驗(yàn)看起來(lái)像iPhone 8上的體驗(yàn);他們把黑條放在頂部，讓它看起來(lái)像一個(gè)老式的應(yīng)用程序。最好避免這種情況——這只會(huì)讓你的應(yīng)用程序與iPhone x上的其他應(yīng)用程序感覺(jué)不一致。
11、不要隱藏狀態(tài)欄
如果你現(xiàn)在將狀態(tài)欄隱藏在你的應(yīng)用中，最好重新考慮這個(gè)決定。因?yàn)闋顟B(tài)欄區(qū)域比較高（以前是20pt高，現(xiàn)在是44pt），所以你有更多的屬性來(lái)顯示你的內(nèi)容。添加對(duì)用戶有用的內(nèi)容。
本文章來(lái)自于：海淀網(wǎng)站建設(shè)
 
來(lái)源聲明：本文章系尚品中國(guó)編輯原創(chuàng)或采編整理，如需轉(zhuǎn)載請(qǐng)注明來(lái)自尚品中國(guó)。以上內(nèi)容部分(包含圖片、文字)來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)及時(shí)與本站聯(lián)系（010-60259772）。
TAG標(biāo)簽：

如果您的網(wǎng)站可以增加轉(zhuǎn)化次數(shù)并提高客戶滿意度，該怎么辦？

預(yù)約專業(yè)咨詢顧問(wèn)溝通！

*尚品專業(yè)顧問(wèn)將盡快與您聯(lián)系

免責(zé)聲明

非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前，請(qǐng)您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò)，涉及到的部分文章和圖片版權(quán)屬于原作者，本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流，切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問(wèn)題參見國(guó)家有關(guān)法律法規(guī)，當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí)，以國(guó)家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益，請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式：010-60259772
電子郵件：394588593@qq.com

免責(zé)聲明

非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前，請(qǐng)您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò)，涉及到的部分文章和圖片版權(quán)屬于原作者，本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流，切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問(wèn)題參見國(guó)家有關(guān)法律法規(guī)，當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí)，以國(guó)家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益，請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式：010-60259772
電子郵件：394588593@qq.com