UI培训之APP项目中的切图和标注规范(三)

发布时间:2024-08-04 17:15:12

  切图规范:

  IOS: @没有必要考虑X1

  @X2 @X3两套切图

  Android:一般使用 XHdpi (720*1280) 上下兼容的切图可以满足一般的开发。

  规范切图(Mdpi Hdpi Xhdpi XXHdpi):

  4套 开发单位 dp 是距离 sp是字体大小 (基于160dpi)

  dp或dip 设备独立像素(device independent pixels)

  注:dp与像素的密度比有关:dp * 密度比值 = px ,故具有自动适应屏幕的效果

  常见密度比:

  240*320 密度比(比率)为: 0.75 160dp * 0.75 = 120px

  320*480 密度比为: 1.0 160dp * 1.0 = 160px

  480*800 密度比为: 1.5 160dp * 1.5 = 240px

  sp 比例像素(scaled pixels — best for text size)

  注:可根据用户系统的字体自动适应字体的大小

  [注]为了适应不同的分辨率和像素密度,建议使用dp,文本使用sp

  格式规范:

  .png-24 IOS推荐格式

  .GIF 支持透明,但锯齿会出现 256色支持单色,加载速度快。

  .jpg 压缩格式

  命名规范:

  .banner@2X

  App_

  字体规范

  IOS:

  STHeiti-Light.ttc 和 STHeiti-Medium中文字体

  H_Helvetica.ttc 和 _H_Helveticaneue英语,数字体

  LockClock代表锁屏时间字体

  Android :

  Clockopia系统默认待机时钟字体

  默认英文字体系统DroidSans系统

  DroidSans-Bold系统默许英文粗字体

  DroidSansfalback系统默许中文字体

  字号规范

  IOS:

  Android:

  标注规范:

  MarkMan 标注工具,标注设计图纸!

 

下一篇:

UI培训之APP项目中的切图和标注规范(二)
上一篇:UI设计:关于平面设计鉴赏思路总结
联系电话:400-090-8899
红喵教育 Copyright© 2021-2025
湘ICP备19025583号-1
图标 湘公网安备43019002002199