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