android与ios视觉规范.docx_第1页
android与ios视觉规范.docx_第2页
android与ios视觉规范.docx_第3页
android与ios视觉规范.docx_第4页
android与ios视觉规范.docx_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

Android与iOS视觉规范2016-09-07 狂奔小米粒 设计中的拿来主义刚出道米粒一枚，数据显示Android市场占比越来越大，我却死磕iOS这样以后怎么立足射击圈于是查阅大量资料看到这个数据心里暗自欢喜（国产手机崛起）在我接触UI设计到现在近两年的时间里身边的学哥学姐总是对我说按照iOS规范出图就可以（没有主见说啥是啥）于是乎Android规范差点被我遗弃掉近期恶补规范，将其总结如下 Android规范安卓中dp为距离单位、sb为字号单位1.界面尺寸（在安卓中，系统密度为160dpi的中密度手机屏幕为基准屏幕）320*480 1dp=1px480*800 1dp=1.5px720*1280 1dp=2px1080*1920 1dp=3pxIdpi : mdpi : hdpi : xhdpi : xxhdpi = 3 : 4 : 6 : 8 : 122.界面元素尺寸(在Android中高度可用程序自定义无严格要求）状态栏：50px导航栏：120px标签栏：120px图标大小：96*96pxbut状态栏高度+导航栏高度=128px3.字体 字号(sp与px尺寸换算和dp与px换算一样 例如：320px中 1px=1dp=1sp、720px中 1dp=2px=2sp）Android：英文字体 Roboto 中文字体 droid sans fallback (谷歌自己的字体 近似方正兰亭细黑）字体大小没有严格标准（可以截个字体显示舒服的页面直接拖到设计软件里比对字体大小）常用4种字号：40px 32px 28px 24px (20sp 16sp 14sp 12sp)注意啦 若是设计稿以px为单位，在后期标注时一定要告知程序猿们当前标注的密度他们需要进行换算例如：xhdpi 1dp=2px=2sp iOS规范1.界面尺寸界面四元素： 状态栏（status bar） 导航栏（navigation） 主菜单栏（submenu） 内容区域（content）2.图标尺寸3.字体字号ios：英文字体 HelveticaNeue 中文字体 Heiti SC (黑体-简）字体大小没有严格标准（可以截个字体显示舒服的页面直接拖到设计软件里比对字体大小）常用4种字号：40px 32px 28px 24px (iOS中字体不建议小于22px) 往往设计稿出来后界面设计么有什么问题还是会被退回来从新修改界面设计没有问题的前提下一定要注意一些细节不然辛苦一大顿结果还是继续改、改、改 颜色标示规范iOS开发可以根据色值换算出颜色，但Android开发有时根据RGB换算颜色，所以建议两种标示方式都表示出来效果展示如下图 切图命名规范有一种痛叫做图切完了名字取乱套了！设计时采用高分辨率设备来制作，切图的时候我们通常需要给程序猿两套图在原设计稿中出题套，再保存一次50%的图以供网络状态不佳时使用命名规则：模块_
人人文库> 全部分类> 应用文书 > 规章制度

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论