android与ios视觉规范

android与ios视觉规范

ID:33890146

大小:50.21 KB

页数:10页

时间:2019-03-01

android与ios视觉规范_第1页
android与ios视觉规范_第2页
android与ios视觉规范_第3页
android与ios视觉规范_第4页
android与ios视觉规范_第5页
资源描述:

《android与ios视觉规范》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、Android与iOS视觉规范2016-09-07狂奔小米粒设计中的拿来主义………………刚出道米粒一枚,数据显示Android市场占比越来越大,我却死磕iOS这样以后怎么立足射击圈于是查阅大量资料看到这个数据心里暗自欢喜(国产手机崛起)在我接触UI设计到现在近两年的时间里身边的学哥学姐总是对我说按照iOS规范出图就可以(没有主见说啥是啥……)于是乎……Android规范差点被我遗弃掉近期恶补规范,将其总结如下  Android规范 安卓中dp为距离单位、sb为字号单位1.界面尺寸 (在安卓中,系统密度为160dpi的中密度手机屏幕为基

2、准屏幕)320*480      1dp=1px480*800      1dp=1.5px720*1280     1dp=2px1080*1920    1dp=3px  Idpi:mdpi:hdpi:xhdpi:xxhdpi=3:4:6:8:122.界面元素尺寸(在Android中高度可用程序自定义无严格要求)状态栏:50px导航栏:120px标签栏:120px图标大小:96*96pxbut…………状态栏高度+导航栏高度=128px3.字体字号(sp与px尺寸换算和dp与px换算一样  例如:320px中 1px=1dp=1sp

3、、720px中 1dp=2px=2sp)Android:英文字体Roboto         中文字体droidsansfallback(谷歌自己的字体 近似方正兰亭细黑)字体大小没有严格标准(可以截个字体显示舒服的页面直接拖到设计软件里比对字体大小)常用4种字号:40px  32px  28px  24px (20sp 16sp 14sp 12sp)注意啦~若是设计稿以px为单位,在后期标注时一定要告知程序猿们当前标注的密度他们需要进行换算例如:xhdpi  1dp=2px=2sp           iOS规范1.界面尺寸 界面四

4、元素:❶状态栏(statusbar)          ❷导航栏(navigation)          ❸主菜单栏(submenu)          ❹内容区域(content)2.图标尺寸3.字体字号ios:英文字体 HelveticaNeue    中文字体 HeitiSC (黑体-简)字体大小没有严格标准(可以截个字体显示舒服的页面直接拖到设计软件里比对字体大小)常用4种字号:40px  32px  28px  24px (iOS中字体不建议小于22px)…………………………       往往设计稿出来后界面设计么有什么问

5、题还是会被退回来从新修改界面设计没有问题的前提下一定要注意一些细节不然辛苦一大顿结果还是………………继续改、改、改        颜色标示规范iOS开发可以根据色值换算出颜色,但Android开发有时根据RGB换算颜色,所以建议两种标示方式都表示出来效果展示如下图~      切图命名规范有一种痛叫做图切完了名字取乱套了!设计时采用高分辨率设备来制作,切图的时候我们通常需要给程序猿两套图在原设计稿中出题套,再保存一次50%的图以供网络状态不佳时使用命名规则:模块_类别_功能_状态.png例如:nav_button_search_def

6、ault.png(导航_按钮_搜索_默认.png)

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。