2024年3月22日发(作者：亥景明)
竭诚为您提供优质文档/双击可除
app界面命名规范
篇一：app界面切图命名和文件整理规范
app界面切图命名和文件整理规范
切图命名英文缩写三个原则：
1较短的单词可通过去掉“元音”形成缩写2较长的单
词可取单词的头几个字母形成缩写3此外还有一些约定成俗
的英文单词缩写.
第一部分：iosapp界面设计切图命名规范
第二部分：手机app切图文件整理和技巧分享
篇二：ios和android的app界面设计规范
ios和android的app界面设计规范
字数876阅读96439评论36喜欢344
记录一下ios和andoird的界面设计规范，方便进行标
准的产品设计，并与设计师顺畅沟通
ios篇
界面尺寸
1 10
设备
iphone6plusiphone6iphone5/5s/5ciphone4/4sipad1/2ipa
dmini
分辨率750×1334px640×1136px640×960px1024×
768px1024×768px
状态栏高度导航栏高度标签栏高度
60px40px40px40px40px20px20px
132px88px88px88px88px44px44px
147px98px98px98px98px49px49px
1242×2208px
ipad3/4/air/air2/mini22048×1536px
paste_
图标尺寸
设备
iphone6plusiphone6iphone
5/5s/5ciphone4/4sipad1/2ipadmini
appstore程序应用
主屏幕
spotlight工具栏和
标签栏
搜索导航栏
2 10
75*75px44*44px75*75px44*44px75*75px44*44px25*25px22
*22px25*25px22*22px
1024*1024px180*180px144×144px87×
87px75*75px66*66px1024*1024px120*120px144×
144px58*58px1024*1024px120*120px144×
144px58*58px1024*1024px120*120px144×
144px58*58px1024*1024px90*90px1024*1024px90*90px
72*72px50*50px72*72px50*50px
ipad3/4/air/air2/mini21024*1024px180*180px144×
144px100*100px50*50px44*44px
字体
iphone上的字体英文为：helveticaneue至于中文，mac
下用的是黑体-简，win下则为华文黑体，所有字体要用双数
字号。
百度用户体验部做过一个小调查，对于app字体大小的
调查结论如下：
paste_
颜色值
ios颜色值取Rgb各颜色的值比如某个色值，给予ios
开发的色值为R:12g:34b:56给出的值就是12,34,56(有时也
要根据开发的习惯，有时也用十六进制)
3 10
内部设计
1、所有能点击的图片不得小于44px（Retina需要88px）
2、单独存在的部件必须是双数尺寸3、两倍图以@2x作为命
名后缀
4、充分考虑每个控制按钮在4中状态下的样式，如图
paste_
android篇
界面尺寸
状态栏高度：50px导航栏高度：96px标签栏高度：96px
android最近出的手机都几乎去掉了实体键，把功能键
移到了屏幕中，当然高度也是和标签栏一样的：96px
内容区域高度为：1038px（1280-50-96-96=1038）
图表尺寸
屏幕大小
320×480px
480×800px/480×854px/540×960px720×1280px1080
×1920px
启动图标
操作栏图上下文图系统通知图标
最细笔画
标标(白色)
不小于2
4 10
px不小于3px不小于2dp不小于6px
48×48px32×32px16×16px24×24px72×72px48×
48px24×24px36×36px48×48dp32×32dp16×16dp24×
24dp144×144
96×96px48×48px72×
72px
px
ps:android设计规范中，使用的单位是dp，dp在安卓
机上不同的密度转换后的px是不一样的
字体
android上的字体为：droidsansfallback，是谷歌自己
的字体，与微软雅黑很像。android的字体大小调查结论是：
paste_
颜色值
android颜色值取值为十六进制的值比如一绿色的值，
给开发的值为#5bc43e
那么，为了满足自己的工作需要，我们谈谈ui设计师
需要什么技能。在视觉设计方面1）平面构成2）色彩构成3）
版式设计4）心理学5）美术绘画6）设计意识在交互设计方
面1）了解用户体验设计、可用性原则；2）信息挖掘、用户
调研、数据分析；3）良好的逻辑能力；4）心理学；5）交
互设计原则、不同平台的规范；6）产品视觉感；7）沟通能
5 10
2024年3月22日发(作者：亥景明)
竭诚为您提供优质文档/双击可除
app界面命名规范
篇一：app界面切图命名和文件整理规范
app界面切图命名和文件整理规范
切图命名英文缩写三个原则：
1较短的单词可通过去掉“元音”形成缩写2较长的单
词可取单词的头几个字母形成缩写3此外还有一些约定成俗
的英文单词缩写.
第一部分：iosapp界面设计切图命名规范
第二部分：手机app切图文件整理和技巧分享
篇二：ios和android的app界面设计规范
ios和android的app界面设计规范
字数876阅读96439评论36喜欢344
记录一下ios和andoird的界面设计规范，方便进行标
准的产品设计，并与设计师顺畅沟通
ios篇
界面尺寸
1 10
设备
iphone6plusiphone6iphone5/5s/5ciphone4/4sipad1/2ipa
dmini
分辨率750×1334px640×1136px640×960px1024×
768px1024×768px
状态栏高度导航栏高度标签栏高度
60px40px40px40px40px20px20px
132px88px88px88px88px44px44px
147px98px98px98px98px49px49px
1242×2208px
ipad3/4/air/air2/mini22048×1536px
paste_
图标尺寸
设备
iphone6plusiphone6iphone
5/5s/5ciphone4/4sipad1/2ipadmini
appstore程序应用
主屏幕
spotlight工具栏和
标签栏
搜索导航栏
2 10
75*75px44*44px75*75px44*44px75*75px44*44px25*25px22
*22px25*25px22*22px
1024*1024px180*180px144×144px87×
87px75*75px66*66px1024*1024px120*120px144×
144px58*58px1024*1024px120*120px144×
144px58*58px1024*1024px120*120px144×
144px58*58px1024*1024px90*90px1024*1024px90*90px
72*72px50*50px72*72px50*50px
ipad3/4/air/air2/mini21024*1024px180*180px144×
144px100*100px50*50px44*44px
字体
iphone上的字体英文为：helveticaneue至于中文，mac
下用的是黑体-简，win下则为华文黑体，所有字体要用双数
字号。
百度用户体验部做过一个小调查，对于app字体大小的
调查结论如下：
paste_
颜色值
ios颜色值取Rgb各颜色的值比如某个色值，给予ios
开发的色值为R:12g:34b:56给出的值就是12,34,56(有时也
要根据开发的习惯，有时也用十六进制)
3 10
内部设计
1、所有能点击的图片不得小于44px（Retina需要88px）
2、单独存在的部件必须是双数尺寸3、两倍图以@2x作为命
名后缀
4、充分考虑每个控制按钮在4中状态下的样式，如图
paste_
android篇
界面尺寸
状态栏高度：50px导航栏高度：96px标签栏高度：96px
android最近出的手机都几乎去掉了实体键，把功能键
移到了屏幕中，当然高度也是和标签栏一样的：96px
内容区域高度为：1038px（1280-50-96-96=1038）
图表尺寸
屏幕大小
320×480px
480×800px/480×854px/540×960px720×1280px1080
×1920px
启动图标
操作栏图上下文图系统通知图标
最细笔画
标标(白色)
不小于2
4 10
px不小于3px不小于2dp不小于6px
48×48px32×32px16×16px24×24px72×72px48×
48px24×24px36×36px48×48dp32×32dp16×16dp24×
24dp144×144
96×96px48×48px72×
72px
px
ps:android设计规范中，使用的单位是dp，dp在安卓
机上不同的密度转换后的px是不一样的
字体
android上的字体为：droidsansfallback，是谷歌自己
的字体，与微软雅黑很像。android的字体大小调查结论是：
paste_
颜色值
android颜色值取值为十六进制的值比如一绿色的值，
给开发的值为#5bc43e
那么，为了满足自己的工作需要，我们谈谈ui设计师
需要什么技能。在视觉设计方面1）平面构成2）色彩构成3）
版式设计4）心理学5）美术绘画6）设计意识在交互设计方
面1）了解用户体验设计、可用性原则；2）信息挖掘、用户
调研、数据分析；3）良好的逻辑能力；4）心理学；5）交
互设计原则、不同平台的规范；6）产品视觉感；7）沟通能
5 10