一般app界面都是利用外部工具如photoshop等设计好,然后再根据需要切割成小的图片,之后再在程序代码中引用这些图片,从而最终形成你看到的软件界面。这里为您提供的是原版的app界面素材,是一整套的app界面素材大全打包。
app界面注意细节
640*960是高分辨率,不需要再翻倍设计了。低分辨率是320*480。
前端设计,需要区分高分辨率、低分辨率。
在设计的时候,可以按照一种尺寸设计,(如按照低分设计)兼顾考虑下5及5s尺寸时会是什么情况。普通的高分,比列一样不需要再考虑。
但是出图时是都要的。
现在,做法是,
高分尺寸=低分尺寸X2。
这样,在程序中,通过命名,程序可以自动适配。
高分、低分的命名规范:
低分:img_name.png
高分:img_name@2x.png
而5及5s比较特殊,也是高分,但是长了一截
命名时:img_name-568h@2x.png
- PC官方版
- 安卓官方手机版
- IOS官方手机版