當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

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

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

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

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

分辨率與像素(分辨率單位是程序所說的單位——點即pt,像素為真實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屏幕的實際分辨率只有1920*1080,實際情況是在此分辨率下渲染的圖像等比降低到1080P)

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

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

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

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

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

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

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