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