一般app界面都是利用外部工具如photoshop等設(shè)計(jì)好,然后再根據(jù)需要切割成小的圖片,之后再在程序代碼中引用這些圖片,從而最終形成你看到的軟件界面。這里為您提供的是原版的app界面素材,是一整套的app界面素材大全打包。
app界面注意細(xì)節(jié)
640*960是高分辨率,不需要再翻倍設(shè)計(jì)了。低分辨率是320*480。
前端設(shè)計(jì),需要區(qū)分高分辨率、低分辨率。
在設(shè)計(jì)的時(shí)候,可以按照一種尺寸設(shè)計(jì),(如按照低分設(shè)計(jì))兼顧考慮下5及5s尺寸時(shí)會(huì)是什么情況。普通的高分,比列一樣不需要再考慮。
但是出圖時(shí)是都要的。
現(xiàn)在,做法是,
高分尺寸=低分尺寸X2。
這樣,在程序中,通過(guò)命名,程序可以自動(dòng)適配。
高分、低分的命名規(guī)范:
低分:img_name.png
高分:img_name@2x.png
而5及5s比較特殊,也是高分,但是長(zhǎng)了一截
命名時(shí):img_name-568h@2x.png
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版