2019-02-22 10:55:02分類:IOS應(yīng)用設(shè)計(jì)8442
iOS已經(jīng)在用戶界面設(shè)計(jì)中樹(shù)立了一個(gè)基準(zhǔn),并提供了apt平臺(tái),以提供引人入勝的強(qiáng)大用戶體驗(yàn)。雖然Apple聲稱iOS 10是最好的,但可以看出大多數(shù)新屬性都是面向消費(fèi)者的,比如小部件,Siri /消息集成,甚至擴(kuò)展通知。談到設(shè)計(jì)師,唯一突出的設(shè)計(jì)變化是更大膽的標(biāo)題和更多的卡片使用,如音樂(lè)和新聞等原生應(yīng)用程序中所述。
現(xiàn)在,iOS 7廣泛使用了瘦字體,但iOS 10已經(jīng)恢復(fù)為更大膽的文本。在開(kāi)始實(shí)現(xiàn)值得稱道的界面設(shè)計(jì)之前,始終建議您完成App Store指南,該指南非常清楚地說(shuō)明了所有內(nèi)容。使用這些指南以及其他一些通信的組合,您一定會(huì)想到一個(gè)成功的應(yīng)用程序。下面是一些設(shè)計(jì)概念,可以在您進(jìn)行編碼之前豐富您的布局,以增強(qiáng)應(yīng)用的吸引力和可用性。這篇文章是您在iOS中設(shè)計(jì)專業(yè)應(yīng)用程序的指南: -
1、自適應(yīng)設(shè)計(jì)
表面上具有大量設(shè)備分辨率,確保您的布局是自適應(yīng)的非常重要。使用Xcode或Sketch Constraints等工具,這樣您就可以設(shè)計(jì)出具有靈活屏幕尺寸的設(shè)計(jì),并在需要時(shí)顯示額外的菜單。如果用戶界面擴(kuò)展而不是按比例放大,那就太好了。對(duì)于像iPad和iPhone 7 Plus這樣的大屏幕在橫向模式下查看,會(huì)出現(xiàn)左側(cè)導(dǎo)航而不是標(biāo)簽欄。
2、高平臺(tái)
iOS多年來(lái)取得了很大進(jìn)步。隨著它升級(jí)到第9級(jí),Apple在系統(tǒng)中購(gòu)買了一項(xiàng)名為San Francisco字體的新功能,并在iPad上購(gòu)買了3D Touch和多任務(wù)處理功能。如果你看看Xcode,你會(huì)發(fā)現(xiàn)一個(gè)很好的工具,可以創(chuàng)建更多自適應(yīng)布局,而不會(huì)出現(xiàn)自動(dòng)布局的麻煩。隨著時(shí)間的推移,Apple推出了自適應(yīng)設(shè)計(jì),以便能夠在各種設(shè)備上運(yùn)行。
3、舊金山字體
使用的默認(rèn)字體是舊金山字體,它由Apple自己在內(nèi)部創(chuàng)建。
4、3D Touch
iOS新增的屬性是3D觸摸,允許用戶快速瀏覽應(yīng)用程序中的選項(xiàng)。觀眾現(xiàn)在有權(quán)強(qiáng)行按下應(yīng)用程序圖標(biāo)并查看常用項(xiàng)目。在應(yīng)用程序內(nèi)部,可以瀏覽電子郵件并在完全進(jìn)入屏幕之前看到鏈接??紤]3D Touch就像Mac上的鍵盤快捷鍵一樣,可以幫助人們快速執(zhí)行重復(fù)的任務(wù)。
您必須創(chuàng)建設(shè)計(jì)快捷方式,從而提高高級(jí)用戶的工作效率。但是在鍵盤快捷鍵中,不要將重要功能限制為3D Touch。您的用戶也應(yīng)該能夠正常訪問(wèn)您的應(yīng)用。
5、循序漸進(jìn)
在iOS中設(shè)計(jì)應(yīng)用程序時(shí),一次拍攝一個(gè)屏幕。注意每個(gè)屏幕的主要?jiǎng)訖C(jī),然后將其分成盡可能少的額外選項(xiàng),按鈕和用戶達(dá)到目標(biāo)所需的其他控件。不要在一個(gè)屏幕上包含太多內(nèi)容,尤其是在移動(dòng)設(shè)備上。
6、圖標(biāo)問(wèn)題
構(gòu)建一個(gè)很棒的應(yīng)用程序圖標(biāo)的最佳建議是關(guān)注。以清晰透明的方式推廣您的應(yīng)用所做的事情,同時(shí)具有視覺(jué)吸引力。iOS用戶通常對(duì)于放置在主屏幕上的圖標(biāo)非常挑剔。計(jì)劃并投入時(shí)間來(lái)構(gòu)建每個(gè)可能的大小,以確保它在任何使用的設(shè)備上看起來(lái)都很流暢,甚至是系統(tǒng)首選項(xiàng)菜單中顯示的最小的版本。
7、核心游戲
這里一個(gè)很好的建議是在設(shè)計(jì)過(guò)程中盡早鎖定應(yīng)用程序的主要功能集,如果可能的話不要偏離它。通過(guò)這種方式,您可以修改和改進(jìn)應(yīng)用程序的概念,還可以優(yōu)化外觀,而無(wú)需添加新變量。
8、遵守規(guī)則
在為iOS設(shè)計(jì)時(shí),請(qǐng)注意Apple的慣例。它實(shí)際上描述了最好的UI設(shè)計(jì)。是的,您可以修改特定控件的樣式以增強(qiáng)應(yīng)用程序的外觀,但這并不意味著您可以完全改變其功能; 反過(guò)來(lái),這只會(huì)讓想要所有應(yīng)用程序的用戶感到困惑,就像其他操作系統(tǒng)應(yīng)用程序一樣。例如,紅色按鈕用于刪除項(xiàng)目,藍(lán)色按鈕用于完成操作。
9、點(diǎn)數(shù)不同像素
開(kāi)發(fā)人員使用點(diǎn)值,因此要小心了解像素之間的差異。當(dāng)iPhone出現(xiàn)時(shí),兩個(gè)單元相同--1pt等于1px。然后是視網(wǎng)膜屏幕,因此1pt成為2px。因此,將點(diǎn)數(shù)視為原始iPhone中提到的值,將像素視為基于像素密度的實(shí)際值,即iPhone 4,5,6 = @ 2x,iPhone 7 Plus = @ 3x。始終包含所有圖像資源的高分辨率版本。不符合@ 2x和@ 3x標(biāo)準(zhǔn)的圖像將在Retina顯示屏上顯示模糊視圖。
10、超橢圓
iOS 7改變了形狀,圓角從普通圓角變?yōu)槌瑱E圓形。請(qǐng)注意,您不應(yīng)該使用蒙版導(dǎo)出圖標(biāo),因?yàn)槟罱K會(huì)找到黑色文物。您應(yīng)該將方形資產(chǎn)導(dǎo)出到App Store。