一、當(dāng)下APP設(shè)計(jì)的流行趨勢有哪些?
近兩年(2020、2021)流行趨勢有很多：
1.深色模式/暗黑模式/黑夜模式
隨著人們使用手機(jī)時(shí)間場景的后移，為了應(yīng)對在晚上使用手機(jī)，各個(gè)手機(jī)廠商及APP都在自己的產(chǎn)品 中添加了該模式，可以有效的減少用戶的眼睛疲勞，提升產(chǎn)品使用體驗(yàn)。
2.UI中的插畫
多年來，插圖一直是設(shè)計(jì)中最強(qiáng)勁的趨勢之一。插圖是對概念的直觀解釋，可以使用戶更好地理
解產(chǎn)品背后的思想。除了一些精美的插圖使這一概念獨(dú)具匠心外，它們還可以更快地傳達(dá)信息。
3.動(dòng)畫圖形和微交互
微交互在2018年成為第一流， 但這一趨勢值得 在2020年關(guān)注。它們是UI設(shè)計(jì)中極其重要的趨勢，
這使基本應(yīng)用程序/網(wǎng)站與非凡的應(yīng)用程序/網(wǎng)站有所不同。微交互在使用戶了解系統(tǒng)的工作原理
并引導(dǎo)其獲得更好的體驗(yàn)方面起著至關(guān)重要的作用。
5G時(shí)代已經(jīng)到來，加上目前硬件升級，動(dòng)效的普及已經(jīng)不再是難題。我們可以慢慢發(fā)現(xiàn)目前很多
產(chǎn)品設(shè)計(jì)里面都開始加入動(dòng)效，來提升產(chǎn)品體驗(yàn)，同時(shí)動(dòng)效也有很強(qiáng)的指導(dǎo)性質(zhì)。在某些場景
下，使用動(dòng)效能夠很好與用戶進(jìn)行互動(dòng)交流，因此在2020年 動(dòng)效的使用將會(huì)越來越多。
5.漸變趨勢
幾年來，我們一直在談?wù)撛O(shè)計(jì)中的漸變，這種趨勢在2020年將繼續(xù)保持強(qiáng)勁， 因此值得-提。新
鮮的色彩是成功漸變的完美選擇。它們可以用于按鈕，圖標(biāo)，插圖，甚至用于排版。
6.3D插畫
隨著硬件升級，5G時(shí)代開始大面積推廣與普及，在應(yīng)用程序里面使用3D動(dòng)畫來展示產(chǎn)品是一個(gè)很
不錯(cuò)的選擇，3D更加貼近真實(shí)物理環(huán)境，貼近我們生活。3D插圖非常受歡迎，因?yàn)榕c2D插圖不
同，它提供了更逼真的圖像。
8.大膽的配色
大膽鮮艷的配色在最近兩年成為了-種很重要的趨勢，在2020年這一趨勢將會(huì)繼續(xù)。 這些顏色
豐富，明亮，充滿活力。他們既可以作為主色也可以作為輔色。
9.圖標(biāo)設(shè)計(jì)進(jìn)入扁平2.0
在設(shè)計(jì)的過程中由最初的寫實(shí)風(fēng)格--純扁平--扁平2.0(在原有扁平的基礎(chǔ)上，添加了更多的細(xì)節(jié)和質(zhì)感)
10.大字體的使用
網(wǎng)上類似的總結(jié)類的文章有很多，可以根據(jù)自己項(xiàng)目中采用的流行趨勢去重點(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)再程序使用的過程中，按照不同的使用場景和平臺(tái)要求，有很多種各種不同的大小尺寸。
但是設(shè)計(jì)師在做圖的時(shí)候只需要制作一個(gè)最大的，1024x1024
其余尺寸更具要求導(dǎo)出對應(yīng)的大小。
也可以借用一些在線工具進(jìn)行批量導(dǎo)出
例如
圖標(biāo)工場(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)用市場，并提供相應(yīng)的PSD模板。
更多關(guān)于“UI培訓(xùn)”的問題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué)，課程大綱緊跟企業(yè)需求，更科學(xué)更嚴(yán)謹(jǐn)，每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎(chǔ)還是想提升，都可以找到適合的班型，千鋒教育隨時(shí)歡迎你來試聽。
京公網(wǎng)安備 11010802030320號