最新公告
  • 欢迎您光临260素材网,本站秉承服务宗旨 履行“站长”责任,搬运只是起点 服务永无止境!本站设计素材资源持续更新中...
  • 安卓设计尺寸规范

    画布尺寸:

    如果想一稿适配ios,那就新建720×1280  分辨率72,像素/英寸。

    如果单独设计安卓MD新规范的,那就新建1080×1920  分辨率72,像素/英寸。

    安卓设计尺寸规范插图

    单位和度量 Units and measurements

    dpi =屏幕宽度(或高度)像素 / 屏幕宽度(或高度)英寸

    dp =(宽度像素 x 160)/ dpi

    名称分辨率 PXDPI像素比示例 DP对应像素
    xxxhdpi2160 x 38406404.048dp192px
    xxhdpi1080 x 19204803.048dp144px
    xhdpi720 x 12803202.048dp96px
    hdpi480 x 8002401.548dp72px
    mdpi320 x 4801601.048dp48px

     

    字体 Typography

    中文字体:思源黑体Source Han Sans / Noto(是一个字体,叫法不同而已)

    英文字体:Roboto

    注意:安卓的字号单位是SP

     

    720×1280常见的字体大小:

    24px、26px、28px、30px、32px、34px,36px等等。记住是偶数的。最小字号20px。

    元素字重字号行距字间距
    App barMedium20sp
    ButtonsMedium15sp10
    HeadlineRegular24sp34dp0
    TitleMedium21sp5
    SubheadingRegular17sp30dp10
    Body 1Regular15sp23dp10
    Body 2Bold15sp26dp10
    CaptionRegular13sp20

     

    图标 icons

    图标用途MDPI (160DPI)HDPI (240DPI)XHDPI (320DPI)XXHDPI (480DPI)XXXHDPI (640DPI)
    应用图标48 x 48 px72 x 72 px96 x 96 px144 x 144 px192 x 192 px
    系统图标24 x 24 px36 x 36 px48 x 48 px72 x 72 px196 x 196 px

     

     

    颜色

    安卓设计尺寸规范插图(1)

    安卓设计尺寸规范插图(2)

    material design colors在线工具>>

    单位换算

    距离单位是DP,文字单位是SP

    gongshi

    720×1280尺寸的换算关系 1dp=2px,文字1sp=2px。也就是说程序员拿到我们的px单位的标注稿,自己除以2就是dp和sp了。

    1080×1920尺寸就是1dp=3px,文字1sp=3px

     

    界面里的小图标常见的尺寸:

    24px、32px,48px等,记住4的倍数比较好。

    注意图标的尺寸要统一尺寸,以眼睛观察为主调整尺寸看上去一样。方形的比圆形的看着要大,需要调整下。

    图标在线下载网址:

    1. http://www.iconfont.cn/  阿里图标库
    2. https://www.materialpalette.com/icons  

     

    图标网格是所有图标的基准网格并且具有特定的组成和比例。图标由一些对齐图标网格的平面几何形状组成。基本的平面几何形状有四种,具有特定尺寸以保证所有图标有一致的视觉感和比例。
    两种形状相同尺寸不同的图标集供您在应用程序中使用:状态栏、上下文图标集和操作栏、桌面图标集。

    安卓设计尺寸规范插图(4)

    安卓设计尺寸规范插图(5)

    安卓设计尺寸规范插图(6)

    安卓设计尺寸规范插图(7)

     

     

    安卓设计尺寸规范插图(8)

    安卓设计尺寸规范插图(9)

    界面上的间距和元素尺寸:

    常见一般常用做法:

    直接把ios的设计稿照搬过来,只不过状态栏,导航栏,标签栏按照安卓的来。

    720 x 1280 设计稿尺寸,按照传统老办法做的话,状态栏高度:48 px,导航栏高度:96 px,标签栏高度:96 px

     

    最新规范MD的做法:

    8dp原则   栅格系统的最小单位是8dp,一切距离、尺寸都应该是8dp的整数倍。

    如果按照最新的Material Design规范设计的话,可以按照下面官方的规范。(文后有干货大礼包下载)

    安卓设计尺寸规范插图(10)

    安卓设计尺寸规范插图(11)

     

    设计标注、切图:

    安装一个Ps Mirror可以在安卓手机上实时观看效果。

     

    其他标注工具:

    1. 马克鳗
    2. PxCook 像素大厨
    3. Parker标

    标注的时候,如果是720×1280尺寸设计的,就选对应的xhdpi,如果是1080×1920尺寸设计的,就选对应的xxhdpi。

     

    界面的图标切图:

    用Cutterman选中下面所示,根据需要选择不同分辨率的导出。输出支持Android平台的各种分辨率大小图片,什么XXHPDI,XHDPI,HDPI啊之类的,通通自动化输出,为你节省出更多的时间陪小伙伴好好玩耍。

    anzhuo

     

    界面中重复利用的资源切图需要做成点9图片:

    安卓设计尺寸规范插图(13) 安卓设计尺寸规范插图(14)

    主要是一些按钮,单色或半透明的背景块。图标不用做点9。

    启动图标

    做1024×1024尺寸,安卓对图标的样式没有要求,你可以做各种形状都行,一般做方形无圆角的,各家手机厂商的定制系统会自己加圆角。

    然后用 IconTemplate 自动切图一套图标资源丢给程序员就ok了。

    安卓设计尺寸规范插图(15)

    交接给程序:

    最好是一个界面一个文件夹。文件夹里包括:界面效果图,标注文件图,切图资源文件包。

    引导页

    值得注意的是引导页切图需要单独设计多套(480×800、720×1280、1080×1920)这个可别傻乎乎的用Cutterman切几套图,这就尴尬了。

    适配方法3个原则:(不清楚的在网站搜索适配2字)

    1. 文字流式
    2. 控件弹性
    3. 图片等比缩放

    测试界面:

    程序实现DEMO版本以后,咱们要在测试机上好好检查下界面问题,及时跟程序沟通并更改。

    1. 本站所有设计素材图片资源均来源于用户上传和网络搬运,仅供学习和参考!如有侵权请邮件联系客服删除!( 243124051@qq.com )
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的设计素材资源或教程,您可以投稿发布,成功分享后有云币奖励和额外收入!
    260素材网 » 安卓设计尺寸规范

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
    提示链接失效或打开及付款不跳转怎么办?
    1、支付成功后请等待10秒左右 会自动跳转提示下载,如没有跳转 请及时联系客服处理
    2、如果提示链接失效或打不开——可在对应资源底部留言 或 联系客服
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,PS ,AI ,XD ,Sketch,CDR等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    260素材网,加入会员即送会员
    一个专业的素材搬运平台!现在开通年会以上会员即送(千图、千库、包图、摄图、觅元素、六图网、氢元素、我图网、90设计、办图网、熊猫办公、千ku视听、办公资源网等13网会员)

    发表评论

    • 257会员总数(位)
    • 1513资源总数(个)
    • 68本周发布(个)
    • 5 今日发布(个)
    • 70稳定运行(天)

    这里为你提供最优质的设计素材教程及资源下载

    加入VIP享全站素材免费下载

    加入VIP
    升级SVIP尊享更多特权立即升级