云南11选5任三玩法 > 网页UI设计 >

UI移动端界面设计尺寸规范不知道的宝宝收藏哦

  相信很多宝宝做设计的时候都会头疼尺寸的问题,尤其对于UI新手,其实并不复杂,关键是设计本身比较难把握,下面先看一下总结的IOS设备尺寸、分辨率以及栏高度的图片吧

  目前我做设计稿都是750*1334的尺寸,IPhone6的尺寸,向下可以适配4,5,向上可以适配6 plus;我记得IP6推出后,我问总监应该用什么尺寸设计,他说用IP6的吧,好适配,切出来就是@2x了,改一改上下都能照顾到。,所以也推荐大家使用Iphone6的尺寸进行设计。

  如果是用Mac设计的小伙伴,直接就用苹果黑体字就好了;不过用Windows的就没那么幸运了,PC上还没和IPhone默认字体效果完全一样的字体,通常都是拿其他字体代替。

  苹果丽黑 Hiragino Sans GB W3(普通)/W6(粗体) 比较接近IPhone字体的一款字体,这是我之前一直使用的设计字体。

  黑体-简 STHeitiSC-Light Mac里面拷出来的苹果黑体,比较贴近IPhone手机字体,目前在用。

  文字大小只是一个范围,这要根据设计的视觉效果来决定,不要死记硬背,但是切记,字体大小要用偶数,

  下面的是一个比较普通的首页页面,但是基本上一款APP中应该标的元素都有了~

  做1024×1024尺寸,一般做方形无圆角。然后用 IconTemplate 自动切图一套图标资源丢给程序员就ok了。

  最好是一个界面一个文件夹。文件夹里包括:界面效果图,标注文件图,切图资源文件包。切图尺寸要准备多少套自己做好沟通啦,这里注意一下,切片的命名: 切片种类+功能+图片描述(可有可无)+状态.png。名称应使用英文命名(中文不识别,推荐小写字母),不要以数字或者符号当作开头,使用下划线进行连接。

  切片种类是按钮(btn);功能是确定(sure);状态是normal(正常)

  我通常是以这种命名方式进行命名,如果你的公司有设计文档,去看看之前留下的命名规范,如果没有,那就去问工程师吧。

  分享就是这些了,以后会陆续的为大家整理一些设计中必用的资料,觉得有帮助的小伙伴收藏转发吧(*^__^*)