APP界面設(shè)計(jì),IOS字體規(guī)范與多屏幕適配(1)

來(lái)源:站酷 作者:Victor_J_C 學(xué)習(xí):10486人次

移動(dòng)界面設(shè)計(jì)由于針對(duì)繁雜的設(shè)備尺寸,適配和字體規(guī)范往往是新手容易頭疼的問(wèn)題。這次主要介紹IOS的設(shè)計(jì)規(guī)范與流程。由于iphone 6的出現(xiàn),蘋(píng)果手機(jī)的分辨率也多了起來(lái),適配進(jìn)而也變的復(fù)雜。。。

先看市面上iPhone4、5、6、6 Plus的分辨率

分辨率與像素(分辨率單位是程序所說(shuō)的單位——點(diǎn)即pt,像素為真實(shí)Pixel)

1.iphone4分辨率320*480pt,像素640*960px

2.iphone5分辨率320*568pt,像素640*1136px

3.iphone6分辨率375*667pt,像素750*1334px

4.iphone6 Plus分辨率414*736pt,像素1242*2208(注:Plus屏幕的實(shí)際分辨率只有1920*1080,實(shí)際情況是在此分辨率下渲染的圖像等比降低到1080P)

另外,iPhone6和iPhone 6Plus都有標(biāo)準(zhǔn)模式和放大模式2種分辨率:

APP界面設(shè)計(jì),IOS字體規(guī)范與多屏幕適配(1)

看到如此多的分辨率,是不是有點(diǎn)暈的感覺(jué),仔細(xì)拆分:

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!