文字大小只是一个范围,这要根据设计的视觉效果来决定,不要死记硬背,但是切记,字体大小要用偶数,
最小字号20px。
设计稿实时预览:
可以安装一个Ps Mirror在iphone上实时观看效果
标注工具:
蓝湖
马克鳗
PxCook 像素大厨
Parker标
一键标注神器-zeplin
下面的是一个比较普通的首页页面,但是基本上一款APP中应该标的元素都有了~
启动图标:
做1024×1024尺寸,一般做方形无圆角。然后用 IconTemplate 自动切图一套图标资源丢给程序员就ok了。
交接:
最好是一个界面一个文件夹。文件夹里包括:界面效果图,标注文件图,切图资源文件包。切图尺寸要准备多少套自己做好沟通啦,这里注意一下,切片的命名: 切片种类 功能 图片描述(可有可无) 状态.png。名称应使用英文命名(中文不识别,推荐小写字母),不要以数字或者符号当作开头,使用下划线进行连接。
举个例子:一个首页的处于正常状态的确定按钮
btn_sure_nor.png
btn_sure_nor@2x.png
切片种类是按钮(btn);功能是确定(sure);状态是normal(正常)
我通常是以这种命名方式进行命名,如果你的公司有设计文档,去看看之前留下的命名规范,如果没有,那就去问工程师吧。
分享就是这些了,以后会陆续的为大家整理一些设计中必用的资料,觉得有帮助的小伙伴收藏转发吧(*^__^*)