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