UI设计的基本原则

最新Android & iOS设计尺寸规范

一、字体

                  iOS的字体:

中文字体:苹方 / PingFang SC

CSS:Font-Family:PingFang SC

英文、数字:Helvetial


                 Andioid的字体:

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

英文、数字:Roboto

二、规范


 1、 iPhone界面尺寸


UI设计的基本原则_第1张图片

  2、  iPhone图标尺寸  

UI设计的基本原则_第2张图片

 3、  iPad的设计尺寸

UI设计的基本原则_第3张图片
UI设计的基本原则_第4张图片

 4、 iPad的图标尺寸

UI设计的基本原则_第5张图片


5、 Andioid的图标尺寸

UI设计的基本原则_第6张图片


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

UI设计的基本原则_第7张图片

     

        三:小结

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

                                                            1242x2208 px

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

                                                             1080x1920 px

     

                最后附上一些实用链接:

             https://www.mockplus.cn/(简洁高效的原型设计工具)

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

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

     

你可能感兴趣的:(UI设计的基本原则)