0.0°

最新UI设计规范

经验类型规范/资料
经验属性原创文章
经验版权署名-非商业性使用

关注

134147 9 530 2016-10-13

UI设计的基本原则

最新Android & iOS设计尺寸规范

一、字体

iOS的字体：

中文字体：苹方 / PingFang SC

CSS：Font-Family：PingFang SC

英文、数字：Helvetial

Andioid的字体：

中文字体：思源黑体 / Noto Sans Han

英文、数字：Roboto

二、规范

1、 iPhone界面尺寸

Image title

Image title 2、 iPhone图标尺寸

Image title 3、 iPad的设计尺寸

Image title

4、 iPad的图标尺寸

Image title

5、 Andioid的图标尺寸

Image title

6、Andioid的dp/sp/px换算表

Image title

三：小结

iPhone的主流设计尺寸：750x1334 px

1242x2208 px

Andioid的主流设计尺寸：720x1280 px

1080x1920 px

最后附上一些实用链接：

https://ds.mockplus.cn/?hmsr=grace（简洁高效的原型设计工具）

http://www.shejidaren.com/assistor-ps-plugin.html（功能强大的标注工具）

http://www.shejidaren.com/examples/tools/low-poly/（在线多边形绘制）

以上如有错误，欢迎指正，谢谢！

不要忘记点赞噢！！！

Image title

全部评论：9条

nicole_妮妮
2019-12-09 16:01
想知道安卓模拟器2560*1600的设计规范
【权是光!】
2019-04-01 17:34
@小qq设计: ios用苹方浑厚
zhonghui
2019-03-21 14:09
有平方和思源的字体吗
ccuicc
2019-02-19 15:18
标签栏图标为啥是75*75px啊？
2018-10-11 14:20
标签栏图标大小怎么会是75*75px?iphone 6的
小qq设计
2018-08-03 14:52
问一下iOS用苹果6的尺寸，字体的大小，还有那个英文数字的字体，网上找不到这个字体，只有helveticalt
mo311
2018-07-16 09:50
管理设计规范，导出css等代码，用摹客的设计系统。
牛肉米粉
2017-07-28 14:24
mockplus原型工具挺好用的。
天涯涯
2017-06-26 19:57
安卓-Android

更多作品

发表评论

取消

每人每天仅限5票，快给你心仪的作品鼓励的一票。

投票