一、當(dāng)下APP設(shè)計(jì)的流行趨勢(shì)有哪些?

　　近兩年(2020、2021)流行趨勢(shì)有很多：

　　1.深色模式/暗黑模式/黑夜模式

　　隨著人們使用手機(jī)時(shí)間場(chǎng)景的后移，為了應(yīng)對(duì)在晚上使用手機(jī)，各個(gè)手機(jī)廠商及APP都在自己的產(chǎn)品 中添加了該模式，可以有效的減少用戶的眼睛疲勞，提升產(chǎn)品使用體驗(yàn)。

　　2.UI中的插畫(huà)

　　多年來(lái)，插圖一直是設(shè)計(jì)中最強(qiáng)勁的趨勢(shì)之一。插圖是對(duì)概念的直觀解釋?zhuān)梢允褂脩舾玫乩?/p>

　　解產(chǎn)品背后的思想。除了一些精美的插圖使這一概念獨(dú)具匠心外，它們還可以更快地傳達(dá)信息。

　　3.動(dòng)畫(huà)圖形和微交互

　　微交互在2018年成為第一流， 但這一趨勢(shì)值得 在2020年關(guān)注。它們是UI設(shè)計(jì)中極其重要的趨勢(shì)，

　　這使基本應(yīng)用程序/網(wǎng)站與非凡的應(yīng)用程序/網(wǎng)站有所不同。微交互在使用戶了解系統(tǒng)的工作原理

　　并引導(dǎo)其獲得更好的體驗(yàn)方面起著至關(guān)重要的作用。

　　5G時(shí)代已經(jīng)到來(lái)，加上目前硬件升級(jí)，動(dòng)效的普及已經(jīng)不再是難題。我們可以慢慢發(fā)現(xiàn)目前很多

　　產(chǎn)品設(shè)計(jì)里面都開(kāi)始加入動(dòng)效，來(lái)提升產(chǎn)品體驗(yàn)，同時(shí)動(dòng)效也有很強(qiáng)的指導(dǎo)性質(zhì)。在某些場(chǎng)景

　　下，使用動(dòng)效能夠很好與用戶進(jìn)行互動(dòng)交流，因此在2020年 動(dòng)效的使用將會(huì)越來(lái)越多。

　　5.漸變趨勢(shì)

　　幾年來(lái)，我們一直在談?wù)撛O(shè)計(jì)中的漸變，這種趨勢(shì)在2020年將繼續(xù)保持強(qiáng)勁， 因此值得-提。新

　　鮮的色彩是成功漸變的完美選擇。它們可以用于按鈕，圖標(biāo)，插圖，甚至用于排版。

　　6.3D插畫(huà)

　　隨著硬件升級(jí)，5G時(shí)代開(kāi)始大面積推廣與普及，在應(yīng)用程序里面使用3D動(dòng)畫(huà)來(lái)展示產(chǎn)品是一個(gè)很

　　不錯(cuò)的選擇，3D更加貼近真實(shí)物理環(huán)境，貼近我們生活。3D插圖非常受歡迎，因?yàn)榕c2D插圖不

　　同，它提供了更逼真的圖像。

　　8.大膽的配色

　　大膽鮮艷的配色在最近兩年成為了-種很重要的趨勢(shì)，在2020年這一趨勢(shì)將會(huì)繼續(xù)。 這些顏色

　　豐富，明亮，充滿活力。他們既可以作為主色也可以作為輔色。

　　9.圖標(biāo)設(shè)計(jì)進(jìn)入扁平2.0

　　在設(shè)計(jì)的過(guò)程中由最初的寫(xiě)實(shí)風(fēng)格--純扁平--扁平2.0(在原有扁平的基礎(chǔ)上，添加了更多的細(xì)節(jié)和質(zhì)感)

　　10.大字體的使用

　　網(wǎng)上類(lèi)似的總結(jié)類(lèi)的文章有很多，可以根據(jù)自己項(xiàng)目中采用的流行趨勢(shì)去重點(diǎn)闡述。

　　二、iPhone界面規(guī)范及字體規(guī)范?

　　2倍率界面尺寸:

　　750*1334(目前采用較少)、狀態(tài)欄40 px、導(dǎo)航欄88 px、標(biāo)簽欄98 px

　　750*1624 (iPhone X之后的機(jī)型)狀態(tài)欄88px、導(dǎo)航欄88px、標(biāo)簽欄98px、虛擬按鍵區(qū)域68px

　　狀態(tài)欄字體24px、導(dǎo)航欄字體34px中等(其他常規(guī))、標(biāo)簽欄字體20px(也可以20、22、24)

　　導(dǎo)航欄中搜索欄56-60px

　　文本框大小為80-88px

　　彈窗遮罩深色20%-40%、彈窗遮罩淺色40-60%

　　文本框間距使用8的倍率或整數(shù)

　　中文字體PingFangsc

　　英文字體SanFranciso

　　三、iPhone和Android雙平臺(tái)的兼容性，單位之間換算關(guān)系?

　　1、真正決定顯示效果的是邏輯像素尺寸，iPhone的邏輯像素尺寸是pt，Android的邏輯像素尺寸是dp

　　1倍率、1pt=1dp=1px(iPhone 3gs、mdpi)

　　1.5倍率、1pt=1dp=1.5px(hdpi)

　　2倍率、1pt=1dp=2px(iPhone 4s/5/6、xhdpi)

　　3倍率、1pt=1dp=3px(iPhone 6p/7p、xxhdpi)

　　4倍率、1pt=1dp=4px(xxxhdpi)

　　四、iOS和Android應(yīng)用圖標(biāo)的尺寸?

　　應(yīng)用圖標(biāo)再程序使用的過(guò)程中，按照不同的使用場(chǎng)景和平臺(tái)要求，有很多種各種不同的大小尺寸。

　　但是設(shè)計(jì)師在做圖的時(shí)候只需要制作一個(gè)最大的，1024x1024

　　其余尺寸更具要求導(dǎo)出對(duì)應(yīng)的大小。

　　也可以借用一些在線工具進(jìn)行批量導(dǎo)出

　　例如

　　圖標(biāo)工場(chǎng)(https://icon.wuruihong.com)

　　一鍵快速生成iOS, Android，Windows Phone, WebApp, iWatch(watchOS), PhoneGap(Cordova)等移動(dòng)平臺(tái)不同大小(規(guī)格尺寸)的App圖標(biāo)，快速預(yù)覽，提供豐富選項(xiàng)，可以直接打包發(fā)布到應(yīng)用市場(chǎng)，并提供相應(yīng)的PSD模板。

　　更多關(guān)于“UI培訓(xùn)”的問(wèn)題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué)，課程大綱緊跟企業(yè)需求，更科學(xué)更嚴(yán)謹(jǐn)，每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升，都可以找到適合的班型，千鋒教育隨時(shí)歡迎你來(lái)試聽(tīng)。