ui设计图最新尺寸,最新ui设计规范尺寸

首页 > 体育 > 作者:YD1662023-11-17 23:09:44

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

最小字号20px。

设计稿实时预览:

可以安装一个Ps Mirror在iphone上实时观看效果

标注工具:

  1. 蓝湖

  2. 马克鳗

  3. PxCook 像素大厨

  4. Parker标

  5. 一键标注神器-zeplin

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

ui设计图最新尺寸,最新ui设计规范尺寸(5)

启动图标:

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

ui设计图最新尺寸,最新ui设计规范尺寸(6)

ui设计图最新尺寸,最新ui设计规范尺寸(7)

交接:

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

举个例子:一个首页的处于正常状态的确定按钮

btn_sure_nor.png

btn_sure_nor@2x.png

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

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

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

上一页12末页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.