androidicon大小
① 更改手机桌面系统图标
更改 Android 系统图标的过程可以分为两种方法。一种是通过修改 AndroidManifest.xml 文件，直接在代码层面进行调整。例如，android:icon="@drawable/ic_launcher" 是用来指定图标资源的，而 android:label="@string/site_name" 则用于设置应用名称。具体来说，你需要将 ic_launcher 替换为你想要的新图标文件名，并且将 site_name 修改为你想要的新图标名称。
另一种方法是使用具有图标编辑功能的启动器应用，如 APEX、NOVA、ADW 或 HOLO 等。安装这些启动器后，长按你想要更改图标的应用，会弹出一系列选项，包括“换图标”、“重命名”、“删除”和“卸载”。通过这些选项，你可以轻松地选择新的图标。
需要注意的是，修改 AndroidManifest.xml 文件的方法需要一定的开发经验，而使用启动器应用则更加方便快捷。无论是选择哪种方法，都要确保你选择的图标文件格式和大小符合 Android 的要求。此外，修改图标的操作不会影响应用的功能，但可能会改变用户体验。
在使用启动器应用时，选择一个功能丰富且用户评价良好的应用非常重要。不同的启动器应用可能提供不同的功能和用户体验，因此你可以根据自己的需求选择最适合的应用。
总之，更改手机桌面系统的图标是一个简单但可能需要一些学习的过程。无论你是通过代码还是通过应用进行修改，都需要注意图标文件的格式和大小，以及选择一个合适的启动器应用来帮助你完成这一任务。
② Android中icon和logo的区别
Android中icon和logo的区别
icon指一个图示，通常是一类档案型别的图示 logo指一个徽标，通常是一个组织或一个团队或一个网站的标志
icon：图示；图符；圣像；肖像；
logo：（某公司或机构的）标识；标志；徽标
所有的图示都叫icon，但不是所有的图示都是logo，logo是一种有特定标识意义的图示，比如说公司的标识，比如说产品的标识。
apple-touch-icon，shortcut icon和icon的区别
apple-touch-icon 可以了解到这是一个类似网站favicon的图示档案，用来在iphone和ipod上建立快捷键时使用。
这个档案应当是png格式，57x57画素大小，放在网站根目录之下。
如果准备的档案不是57x57的话，它会自己缩放的。
在页面的head部分，用下面的格式表示。
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
�0�2
语句一:<link rel="shortcut icon " href="favicon.ico" />
语句二<link rel="icon" href="animated_favicon.gif" type=image/gif />
备注:语句一 Shortcut Icon 就是在网址列前面出现的Icon
问题:语句二 icon的作用是怎么?和语句一有什么区别 ?
指导
过去，为保证favicon出现，网站设计者和开发者采用了多种方法。很难明确地保证favicon可以在所有电脑上显示，即使是用同一版本的一种浏览器。
下列程式码另一个局限就是它把favicon关联到了某个特定的HTML或XHTML文件上。为避免这一点，favicon.ico档案应置于根目录下。多数浏览器将自动检测并使用它。
建议包含以下两行HTML程式码:
CO
DE:
然而，只有第一行是必须的，因为“shortcut icon”字串将被多数遵守标准的浏览器识别为列出可能的关键词（“shortcut”将被忽略，而仅适用“icon”）；而Inter Explorer将会把它作为一个单独的名称（“shortcut icon”）。这样做的结果是所有浏览器都可以理解此程式码。只有当希望为新浏览器提供另一种备用影象（例如动画GIF）时，才有必要新增第二行。
在HTML中，link元件必须在head元件里（在<head>和</head>之间)。
对于XHTML，link必须使用“ />”结束（或“></link>”），而不可以使用“>”结束。
href可以，但不必，指向/favicon.ico的位置。它可以指向任何URL。
影象通常可以使用任何被浏览器支援的影象格式。
.ico档案格式通常可以被所有可以显示favicon的浏览器读取。
设定服务器 ，以传送正确的MIME标识：
ICO 档案 image/vnd.microsoft.icon（或者亦可出于相容性原因使用image/x-icon。然而最好使用IANA注册的MIME型别，因为多数主流浏览器现在支援它）
GIF 档案 image/gif
PNG 档案 image/png
使用适当的分辨率和色深。
ICO：包括多种分辨率（最常使用的是16×16和32×32，Mac OS X有时使用64×64和128×128）以及位深（位元每画素）（多数使用4、8、24 bpp，即16、256和1600万色）。
GIF: 使用16×16，256色。
PNG: 使用16×16，256色或24位。
注意： 当favicon.ico被置于文件根目录时，将会被一些不处理link元件的浏览器找到，即使没有您的站点上没有指向它的连结。
标准化
Favicon功能最早由微软创设，而微软公司的Inter Explorer网页浏览器会对每一个网站都请求favicon。微软支援的link标签不遵从World Wide Web Consortium（W3C，全球资讯网联盟）的HTML建议[1]，因为：
rel属性必须包含一个用空格作分隔符的link型别的列表，所以一个包含两词的link型别不能被遵守标准的浏览器理解。
“.ico”档案型别（一种用于Microsoft Windows上图示的光栅格式）没有一个注册的MIME型别，而且似乎在当时也不能被多数浏览器理解。然而2003年，这一格式在IANA获得注册，其 MIME型别是image/vnd.microsoft.icon，进而消除了此问题的第一部分。
在网站上使用保留地址（reserved location）与Architecture of the World Wide Web（网际网路的结构）矛盾，同时被认为是link squatting（连结劫持）或URI squatting（URI劫持）。
Mozilla浏览器通过一种遵从Web标准的方法添加了对favicon的支援。它采用rel="icon"并允许网路设计人员新增任何支援的影象格式 的favicon。例如<link rel="icon" type=image/png href="/path/image.png">。后来鉴于此功能将被用于所有新内容，多数浏览器都对此功能增加了支援。
icon和idol的区别？
icon
名词 n.
1.画像,雕像;塑像
2.【电脑】代表所指谓的影象
3.圣像
4.偶像
idol
1偶像
2.受崇拜之人(或物);红人,宠儿
icon和button的区别
icon 英['aɪkɒn] 美[ˈaɪˌkɑn]
n. 偶像，崇拜物件;图示，图符;[宗]圣像;肖像
名词复数:icons,icones
[例句]Clicking the icon launches gmail in its own window.
点选这个图示可以在独立的视窗开启gmail。
button 英['bʌtn] 美[ˈbʌtn]
n. 按钮，电钮;钮扣，扣子;扣状物;[植]芽
vt. 用钮扣扣紧;用钮扣装饰，钉钮扣于;在…上装钮扣
vi. 扣住;装有钮扣;扣上钮扣
[例句]Do we really need a search button any more?
我们真的还需要一个搜寻按钮吗？
android中this和that的区别
这个应该不限于是安卓中吧
应该就是语言上的区别。
this 是:这个
that 是:那个
关于shortcut icon和icon程式码的区别介绍
<link rel="shortcut icon" href=":example./favicon.ico"type="image/vnd.microsoft.icon"> <link rel="icon"href=":example./favicon.ico" type=image/vnd.microsoft.icon>
建议包含上面两行HTML程式码，可以支援ico格式的图示
然而，只有第一行是必须的，因为“shortcut icon”字串将被多数遵守标准的浏览器识别为列出可能的关键词（“shortcut”将被忽略，而仅适用“icon”）；而Inter Explorer将会把它作为一个单独的名称（“shortcut icon”）。这样做的结果是所有浏览器都可以理解此程式码。只有当希望为新浏览器提供另一种备用影象（例如动画GIF）时，才有必要新增第二行。
在HTML中，link元件必须在head元件里（在<head>和</head>之间)。
对于XHTML，link必须使用“ />”结束（或“></link>”），而不可以使用“>”结束。
href可以，但不必，指向/favicon.ico的位置。它可以指向任何URL。
影象通常可以使用任何被浏览器支援的影象格式。
.ico档案格式通常可以被所有可以显示favicon的浏览器读取。
设定服务器，以传送正确的MIME标识：
ICO 档案 image/vnd.microsoft.icon（或者亦可出于相容性原因使用image/x-icon。然而最好使用IANA注册的MIME型别，因为多数主流浏览器现在支援它）
GIF 档案 image/gif
PNG 档案 image/png
使用适当的分辨率和色深。
ICO：包括多种分辨率（最常使用的是16×16和32×32，Mac OS X有时使用64×64和128×128）以及位深（位元每画素）（多数使用4、8、24 bpp，即16、256和1600万色）。
GIF: 使用16×16，256色。
PNG: 使用16×16，256色或24位。
注意：当favicon.ico被置于文件根目录时，将会被一些不处理link元件的浏览器找到，即使没有您的站点上没有指向它的连结。
标准化
Favicon 功能最早由微软创设，而微软公司的Inter Explorer网页浏览器会对每一个网站都请求favicon。微软支援的link标签不遵从World Wide Web Consortium（W3C，全球资讯网联盟）的HTML建议[1]，因为：
rel属性必须包含一个用空格作分隔符的link型别的列表，所以一个包含两词的link型别不能被遵守标准的浏览器理解。
“.ico”档案型别（一种用于Microsoft Windows上图示的光栅格式）没有一个注册的MIME型别，而且似乎在当时也不能被多数浏览器理解。然而2003年，这一格式在IANA获得注册，其 MIME型别是image/vnd.microsoft.icon，进而消除了此问题的第一部分。
在网站上使用保留地址（reserved location）与Architecture of the World Wide Web（网际网路的结构）矛盾，同时被认为是link squatting（连结劫持）或URI squatting（URI劫持）。
Mozilla 浏览器通过一种遵从Web标准的方法添加了对favicon的支援。它采用rel=”icon”并允许网路设计人员新增任何支援的影象格式的 favicon。例如<link rel=”icon” type=”image/png” href=”/path/image.png”>。后来鉴于此功能将被用于所有新内容，多数浏览器都对此功能增加了支援。
为了更好的应用于各个地方，最好使用标准化方式，经过测试除IE6浏览器只支援icon格式的图示，新的浏览器对所有格式的浏览器都支援的不错
③ Android 应用程序的图标 (Icon) 应该设计成多大
应用程序图标
（Icon）应当是一个
Alpha
通道透明的32位
PNG
图片。由于安卓设备众多，一个应用程序图标需要设计几种不同大小，如：
LDPI
(Low
Density
Screen，120
DPI)，其图标大小为
36
x
36
px。
MDPI
(Medium
Density
Screen,
160
DPI)，其图标大小为
48
x
48
px。
HDPI
(High
Density
Screen,
240
DPI)，其图标大小为
72
x
72
px。
xhdpi
(Extra-high
density
screen,
320
DPI)，其图标大小为
96
x
96
px。
建议在设计过程中，在四周空出几个像素点使得设计的图标与其他图标在视觉上一致，例如，
96
x
96
px
图标可以画图区域大小可以设为
88
x
88
px，
四周留出4个像素用于填充（无底色）。
72
x
72
px
图标可以画图区域大小可以设为
68
x
68
px，
四周留出2个像素用于填充（无底色）。
48
x
48
px
图标可以画图区域大小可以设为
46
x
46
px，
四周留出1个像素用于填充（无底色）。
36
x
36
px
图标可以画图区域大小可以设为
34
x
34
px，
四周留出1个像素用于填充（无底色）。
④ android app 界面设计按什么尺寸
android app 界面设计是按720*1280的，切图上可以点9切图做到所有手机的适配。
状态栏、导航栏和主菜单栏，以720*1280的尺寸来设计，那么状态栏的高度应为50px，导航栏的高度96px，主菜单栏的高度96px，因为是开源的系统，这里的数值也只能作为参考。
Android为了区别于IOS，从4.0开始提出了一套HOLO的UI风格设计风格，鼓励将底部的主菜单栏放到导航栏下面，从而避免点击下方材料误点虚拟按键，很多APP的新版中也采用了这一风格。
(4)androidicon大小扩展阅读：
注意事项：
1、通常情况要定位一个Icon只需给出 上/下边距，左/右边距，标注图标距离只需标到可点击范围外
通用型颜色、字体单独标明一份，通用型模块只需单独标明一份，如导航栏。
2、手机可视区域通常为宽度固定，长度超出边界可滑动，所以标注物体宽度时可按比例说明，如果要标注内容上下居中，左右居中，或等比可不标注。
3、当交付的是一张完整图片时，不需做机型适配，只需给高清图(1920*1080)即可，注意进行压缩。
4、若图标在不同页面重复出现，且尺寸相差不大，直接给出最大一份切图，并在圆形图标明尺寸，程序会根据需求缩放。
5、当背景是纯色时只需给出色值，Android使用16进制色值。
参考资料来源：网络-Android
参考资料来源：网络-界面设计
参考资料来源：网络-状态栏
参考资料来源：网络-导航栏
参考资料来源：网络-开源系统
参考资料来源：网络-切图
参考资料来源：网络-UI设计
⑤ app启动图标设计规范-技术干货：ApplewatchAPP设计规范
androidapp界面设计规范(dpi,dp,px等)PPI(Pixelsperinch):每英寸所拥有的像素数,即像素密度。
DPI(dotsperinch):即每英寸上,所能印刷的网点数,一般称为像素密度。ppi计算公式:ppi=屏幕对角线像素数/屏幕对角线英寸数,通过勾股定理计算屏幕对角线像素数。
ScreenSize(屏幕尺寸):手机屏幕尺寸大小,如3英寸、4英寸、4.3英寸、5.7英寸,指的是对角线的长度。
DIP(deviceindependentpixel):即dip/dp,设备独立像素。1px=1dp
density(由dpi决定)
Resolution(分辨率):指手机屏幕垂直和水平方向上的像素个数。eg分辨率480
800,指该设备垂直方向有800个像素点,水平方向有480个像素点。
px(Pixel像素):相同像素的ui,在不同分辨率的设备上效果不同。在小分辨率设备上会放大导致失真,大分辨率上被缩小。
AndroidDesign里把主流设备的dpi归成了四个档次:
120dpi、160dpi、240dpi、320dpi
,具体见如下表格。
实际开发当中,我们经常需要对这几个尺寸进行相互转换(比如先在某个分辨率下完成设计,然后缩放到其他尺寸微调后输出),一般按照dpi之间的比例即2:1.5:1:0.75来给界面中的元素来进行尺寸定义。
也就是说如果以160dpi作为基准的话,只要尺寸的DP是4的公倍数,XHDPI下乘以2,HDPI下乘以1.5,LDPI下乘以0.75即可满足所有尺寸下都是整数pixel。但假设以240dpi作为标准,那需要DP是3的公倍数,XHDPI下乘以1.333,MDPI下乘以0.666,LDPI下除以2。而以LDPI和XHDPI为基准就更复杂了。同时第一款Android设备(HTC的T-MobileG1)是属于160dpi的。鉴于以上各种原因,
标准dpi=160
谷歌官方对dp的解释如下:
,-independentway.
Thedensity-,"medium"densityscreen.Atruntime,,asnecessary,.:
px=dp*(dpi/160).
Forexample,ona240dpiscreen,1dpequals1.5physicalpixels.'sUI,.
简单来说,以160dpi的设备为准,该设备上1dp=1px;如果屏幕密度大,1dip代表的px就多,比如在320dpi的屏幕上,1dip=2px(即1dp代表2个像素)。在app开发时,最好用dp来做界面的布局,以保证适配不同屏幕密度的手机。
dp和px的换算公式:
我的理解,该公式表示px的数值等于dp的数值*(设备dpi/160)
注意,px、dp是单位,但density没单位。
applyDimension的源码如下,可参考:
android的尺寸众多,建议使用分辨率为
720x1280
的尺寸设计。这个尺寸720x1280中显示完美,在1080x1920中看起来也比较清晰;切图后的图片文件大小也适中,应用的内存消耗也不会过高。
app启动图标为48*48dp,对应各dpi设备,图像资源像素如下:
|mdpi|hdpi|xhdpi|xxhdpi|
|---:|---:|---:|---:|---:|
|48
48px|72
72px|94
96px|144px
144px|
操作栏图标为32*32dp,对应各dpi设备,图像资源像素如下:其中图形区域尺寸是24*24dp,可参考平时ui切图会有部分留白。
|mdpi|hdpi|xhdpi|xxhdpi|
|---:|---:|---:|---:|---:|
|32
32px|48
48px|64
64px|96px
96px|
通知栏图标为24*24dp,对应各dpi设备,图标像素如下:
|mdpi|hdpi|xhdpi|xxhdpi|
|---:|---:|---:|---:|---:|
|24
24px|36
36px|48
48px|72px
72px|
某些场景需要用到小图标,大小应当是16*16dp,其中图形区域尺寸12*12dp。
|mdpi|hdpi|xhdpi|xxhdpi|
|---:|---:|---:|---:|---:|
|16
16px|24
24px|32
32px|48px
48px|
APP界面标注及切图注意事项一、App屏幕适配通用知识简介
1.标注时注意事项
一般情况要定位一个Icon只需给出上/下边距,左/右边距
标注图标距离只需标到可点击范围外
通用型颜色、字体单独标明一份
通用型模块只需单独标明一份,如导航栏
手机可视区域一般为宽度固定,长度超出边界可滑动,所以,标注物体宽度时可按比例说明
如果要标注内容上下居中,左右居中,或等比可不标注
当绘制的是一个列表时且每一条内容一样时,只需标注一条,如果每条内容有少许不同时,只需标明差异____糠
当交付的是一张完整图片时,不需做机型适配,只需给高清图(1920*1080)即可,注意进行压缩
当背景是纯色时只需给出色值(iOS使用RGB色值,Android使用16进制色值)
图标应给出可点击区域
若图标在不同页面重复出现,且尺寸相差不大,直接给出最大一份切图,并在圆形图标明尺寸,程序会根据需求缩放
可点击按钮通常要给出两种状态:普通/点击(选中)
按钮如果只是矩形、圆角矩形、圆形、椭圆形,给出尺寸和色值,可程序设置
渐变效果可通过程序实现,只需给出起始和结束色值跟范围
2.切图命名规范
背景:bg_
按钮:btn_xxx_
图片:img_
标签:tab_
图标:icon_
照片:pht_
导航:nav_
图示:tip_
菜单:menu_
侧栏:sidebar_
二、iOS应用屏幕适配
1.iOS究竟要是适配多少种机型,以哪款机型分辨率作为设计尺寸最好
2016-3
iOS只需兼容iPhone4,完美兼容iphone5以上机型
如果按矢量图制作设计图按1X尺寸作图,后期放大成2X、3X;如果按传统的px作图应用最大尺寸(3X)作为画布。
以3X作为画布(1242*2208)难记且不能整除,我们可直接以1280(640*2)作为宽度,完美缩放为1X、2X;
2X->3X以1.5来算尺寸和字号可得到较好效果
2.界面尺寸
设备分辨率状态栏高度导航栏高度标签栏高度
iPhone6plus1242*2208px60px132px146px
iPhone6750*1334px40px88px98px
iPhone5/5s/5c640*1136px40px88px98px
iPhone4/4s640*960px40px88px98px
iPad3/4/Air/Air2/mini22048*1536px40px88px98px
iPad1/21024*768px20px44px49px
iPadmini1024*768px20px44px49px
导航栏背景图中,如果考虑状态栏背景,则背景图尺寸为导航栏px+状态栏px,如果只改变导航栏颜色则只需要导航栏px
3.图标尺寸
设备AppStore程序应用主屏幕spotlight搜索标签栏工具栏和导航栏
iPhone6plus1024*1024px180*180px144*144px87*87px75*75px66*66px
iPhone61024*1024px120*120px144*144px58*58px75*75px44*44px
iPhone5/5s/5c1024*1024px120*120px144*144px58*58px75*75px44*44px
iPhone4/4s1024*1024px120*120px144*144px58*58px75*75px44*44px
iPad3/4/Air/Air2/mini21024*1024px180*180px144*144px100*100px50*50px44*44px
iPad1/21024*1024px90*90px72*72px50*50px25*25px22*22px
iPadmini1024*1024px90*90px72*72px50*50px25*25px22*22px
按钮切图建议以等宽高尺寸切图,且像素必须>=88、*88px,当本身图片宽度或高度不足时,补充空白像素(透明像素).一般情况下,只需要普通状态下按钮切图即可
(适配不建议等比放大)
4.参考文献
友盟设备指数
APP切图流程和APP切图命名规范详细完整版
APP切图详细规范终极指南
iOS和Android的app界面设计规范
APP界面切图命名和文件整理规范
三、Android应用屏幕适配
1.用px作为基础单位的缺陷
对比上图可以知道,ppi越低图片显示的越大,ppi越高图片显示的越小,造成不同手机上显示图片布局不统一!
使用dp作为单位所有机子显示统一
2.衡量一个屏幕清晰度单位————屏幕密度(dpi==ppi)
计算公式:屏幕dpi=√(屏幕长^2+屏幕宽^2)/屏幕尺寸
名称密度代表分辨率Android单位与像素换算
mdpi120dpi~160dpi320*4801dp=1px
hdpi160dpi~240dpi480*8001dp=1.5px
xhdpi240dpi~320dpi720*12801dp=2px
xxhdpi320dpi~480dpi720*1280/1080*19201dp=3px
xxxhdpi480dpi~640dpi2k~4k1dp=4px
屏幕大小启动图标操作栏图标上下文图标系统通知图标(白色)最细笔画
320*480px48*48px32*32px16*16px24*24px不小于2px
480*800px/480×854px/540×960px72*72px48*48px24*24px36*36px不小于3px
720*1280px96*96px64*64px32*32px48*48px不小于4px
1080*1920px144*144px96*96px48*48px72*72px不小于6px
3.究竟要适配多少种机型
2016-3
得出结论:只需适配高端的xxhdpi(720*1280/1080*1920),低端的hdpi(480*800)
4.度量单位与边框
可触摸控件都是以48dp为单位的
为什么是48dp?一般情况下,48dp在设备上的物理大小是9mm(会有一些变化)。这刚好在触摸控件推荐的大小范围(7-10mm)内,而且这样的大小,用户用手指触摸起来也比较准确、容易。(xxhdpi标准下为144px)
边框注意留白界面元素之间的留白应当是8dp。
例:
5.字体排版
Roboto是Android系统的默认字体集,字体大小单位sp(可缩放像素数,scaleablepixels)
根据Android设计规范,推荐使用12、14、16、20和34号,字体粗细可调
spHDPIXHDPIXXHDPI
12sp18px24px36px:
14sp21px28px42px
16sp24px32px48px
18sp27px36px54px
20sp30px40px60px
34sp51px68px102px
(注意:字号要为双数,且不可带小数位)
6.9-patch图制作
什么是9-patch图
为什么要用9-patch格式制作图
适应各种手机屏幕拉伸图片需求,有效缩减图片体积
什么情况下使用
当发现图片是背景时且可能拉伸被拉伸时,或图片过大时
如何制作patch9图
图片外层增加一全透明像素,在透明像素区花4条纯黑色边
1.宽度可拉伸区域
2.高度可拉伸区域
3.垂直内容区域
4.水平内容区域
8.参考文献
友盟设备指数
Android设计指南简体中文版4.x
MaterialDesign中文版
Android设计中的.9.png
技术干货：ApplewatchAPP设计规范一、规范概要
1.导航形式
层级式,通过当前页面点击跳转到另外页面的形式。适合应用于复杂产品,需要层层递进。
页面式,页面切换,滑动,类似轮播
AppleWatch导航形式任选其一,不得同时存在。
2.交互方式
轻触:列表、按钮、切换等控件的操作
手势:纵向轻扫,界面滚动;横向轻扫,界面导航之间的查看;从屏幕左侧边缘向右轻扫,返回父级界面。
压力触控:唤出当前页面情景菜单
实体控件(手表旋钮):长页面浏览,避免手指长时间轻扫界面何遮挡界面
3.色彩
使用黑色作为APP的背景色,或者深色且高斯模糊的图片作为背景
高对比度的颜色使用于文字、图标、界面
4文字
SF和苹方
5.图标
通知图标、首屏图标和长看图标、短看图标
情景图标(App内功能图标)
6.布局
并排放置的图标一行不要超过三个
布局优先采用左对齐
二、设计尺寸
1.1屏幕尺寸
38mm(272*340px)
42mm(312*390px)
1.2图标尺寸
通知图标48PX(38mm)55px(42mm)
首屏图标和常看图标80px(38mm)88px(42mm)
短看图标172px(38mm)196px(42mm)
菜单情景图标(App内的功能图标)
图标大小70px,实际图标大小46px。(38mm)
图标大小80px,实际图标大小54px。(42mm)
图标线宽不得小于4px
1.3图标
1.3.1
通知图标,系统通知弹出的图标
1.3.2
首屏图标,如下图所示。首屏图标80px(38mm)88px(42mm)
1.3.3长看图标,如下所示,左上角图标。常看图标80px(38mm)88px(42mm)
1.3.4短看图标,如下图所示。短看图标172px(38mm)196px(42mm)
2.字体和文字
2.1字体
SF和苹方
2.2文字(字号,常见字号单位是PT和PX,PT是开发单位,PX是设计单位,在@2X下换算关系1PT=2PX)
标题headline18PT
正文标题caption15PT
正文body15PT
备注、脚注、辅助文字footnote12PT、13PT
3.颜色
高对比度的颜色使用于文字、图标、界面
1.主色,如下图所示
2.辅助色、点睛色(控件、按钮)
按钮控件在设计中通常带有透明度
3.字体颜色和透明度
4.布局
1状态栏和下方图片和列表布局间距
38mm(30px),42mm(32px)
2状态栏和列表按钮布局间距
38mm(11px),42mm(13px)
3状态栏和下方文本布局间距
38mm(46px),42mm(50px)
4文字边距和分割线按钮列表图片边距
38mm和42mm边距相同
5.图片和按钮到屏幕两边距离
38mm和42mm边距相同
5.控件和列表
1单行控件和列表布局尺寸
38mm
42mm
2.双行控件和列表布局尺寸
2.1正文+备注
38mm
42mm
2.2双行正文
38mm
42mm
3.三行控件和列表布局尺寸
38mm
42mm
4.多行控件和列表布局尺寸
38mm
42mm
5.控件和列表类型
_