全国咨询/投诉热线:400-618-9090

首页技术文章正文

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

更新时间:2017-04-14 来源:黑马程序员UI培训学院 浏览量:

切图规范:
       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       系统默认英文粗字体
DroidSansFallback   系统默认中文字体
字号规范
IOS:
 
Android:
 
标注规范:
      MarkMan 标注工具,对设计图进行标注!
本文版权归黑马程序员UI培训学院所有,欢迎转载,转载请注明作者出处。谢谢!
作者:黑马程序员UI培训学院
首发:http://www.itheima.com/news/ui.html 

javaee

python

web

ui

cloud

test

c

netmarket

pm

Linux

movies

robot

http://www.itcast.cn/subject/uizly/index.shtml?seozxuids

14天免费试学

基础班入门课程限时免费

申请试学名额

15天免费试学

基础班入门课程限时免费

申请试学名额

15天免费试学

基础班入门课程限时免费

申请试学名额

15天免费试学

基础班入门课程限时免费

申请试学名额

20天免费试学

基础班入门课程限时免费

申请试学名额

8天免费试学

基础班入门课程限时免费

申请试学名额

20天免费试学

基础班入门课程限时免费

申请试学名额

5天免费试学

基础班入门课程限时免费

申请试学名额

0天免费试学

基础班入门课程限时免费

申请试学名额

12天免费试学

基础班入门课程限时免费

申请试学名额

5天免费试学

基础班入门课程限时免费

申请试学名额

5天免费试学

基础班入门课程限时免费

申请试学名额

10天免费试学

基础班入门课程限时免费

申请试学名额
在线咨询 我要报名