一、當(dāng)下APP設(shè)計(jì)的流行趨勢有哪些?
近兩年(2020、2021)流行趨勢有很多:
1.深色模式/暗黑模式/黑夜模式
隨著人們使用手機(jī)時(shí)間場景的后移,為了應(yīng)對在晚上使用手機(jī),各個手機(jī)廠商及APP都在自己的產(chǎn)品 中添加了該模式,可以有效的減少用戶的眼睛疲勞,提升產(chǎn)品使用體驗(yàn)。
2.UI中的插畫
多年來,插圖一直是設(shè)計(jì)中最強(qiáng)勁的趨勢之一。插圖是對概念的直觀解釋,可以使用戶更好地理
解產(chǎn)品背后的思想。除了一些精美的插圖使這一概念獨(dú)具匠心外,它們還可以更快地傳達(dá)信息。
3.動畫圖形和微交互
微交互在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)到來,加上目前硬件升級,動效的普及已經(jīng)不再是難題。我們可以慢慢發(fā)現(xiàn)目前很多
產(chǎn)品設(shè)計(jì)里面都開始加入動效,來提升產(chǎn)品體驗(yàn),同時(shí)動效也有很強(qiáng)的指導(dǎo)性質(zhì)。在某些場景
下,使用動效能夠很好與用戶進(jìn)行互動交流,因此在2020年 動效的使用將會越來越多。
5.漸變趨勢
幾年來,我們一直在談?wù)撛O(shè)計(jì)中的漸變,這種趨勢在2020年將繼續(xù)保持強(qiáng)勁, 因此值得-提。新
鮮的色彩是成功漸變的完美選擇。它們可以用于按鈕,圖標(biāo),插圖,甚至用于排版。
6.3D插畫
隨著硬件升級,5G時(shí)代開始大面積推廣與普及,在應(yīng)用程序里面使用3D動畫來展示產(chǎn)品是一個很
不錯的選擇,3D更加貼近真實(shí)物理環(huán)境,貼近我們生活。3D插圖非常受歡迎,因?yàn)榕c2D插圖不
同,它提供了更逼真的圖像。
8.大膽的配色
大膽鮮艷的配色在最近兩年成為了-種很重要的趨勢,在2020年這一趨勢將會繼續(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雙平臺的兼容性,單位之間換算關(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)再程序使用的過程中,按照不同的使用場景和平臺要求,有很多種各種不同的大小尺寸。
但是設(shè)計(jì)師在做圖的時(shí)候只需要制作一個最大的,1024x1024
其余尺寸更具要求導(dǎo)出對應(yīng)的大小。
也可以借用一些在線工具進(jìn)行批量導(dǎo)出
例如
圖標(biāo)工場(https://icon.wuruihong.com)
一鍵快速生成iOS, Android,Windows Phone, WebApp, iWatch(watchOS), PhoneGap(Cordova)等移動平臺不同大小(規(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í)歡迎你來試聽。