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

Date 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 标注工具,标注设计图纸!

 

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计