ios设备的app设计规范

《ios设备的app设计规范》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、iOS设备上的App设计规范W应用工场，即原361应用工场，面向不会编程代码、不会设计、但有想法的用户提供免费的手机APP在线制作服务并进行维护和推广。标准化、模板化、3步生成APP,适用于商家、企业、个人用户、明星粉丝、需耍推广的运营人员等各类人群，帮助用户信息在社交媒体环境K自山分享。以下是W应用工场和大家分享的一些在Android/iOS功能和应用开发方面的经验Z谈。APP界面设计规范指导APP设计过程中的设计标准，根据统一的设计标准，使得整个APP在视觉上统一。提高用户对APP的产品认知和操作便捷性。•面尺寸interfaceSize—20

2、48pxn1——状态栏高40px导航栏高88px1536pxRetina屏幕I普通屏幕X标签栏高98px,工具栏高88pxiPad3&4弱弱滴说，偷个懒，只做了一套图标iPadl&2(iPadMini)在2048*1496界面尺寸设计、切图，以［1024*748］尺寸CODEr设置X、y坐标参数，w、h尺寸参数…图标icon1024pxappstoreiPad主屏統(Retina)iPad主屏鼻appstore(Retina)按钮&图片88px44pxIRetina屏幕吉X普通屏幕button&image【区域】点击的按钮&图形不能小于左侧尺寸【切

3、图】小于左侧尺寸的以png-24空白区域切图【命名】两倍图用@2x做后缀6$248px226px单独存在的部件尺寸必须是【偶数尺寸】selectedhighlighteddefault按下选中disabled充分考虑每个控制按钮的【四个状态】样式不可点击J界面尺寸interfaceSize320px状态栏高20px导航栏高44px640px标签栏高49px工具栏高44pxiPhone&Phone3GSiPhone4&Phone4S按照640x960进行设计，根据32(T480px设胃坐标…图木不icon1024px512px(Retina)57px

4、iPhone设躍&iPhon衬雷累(Retina)iPhone设曹&iPhone巒索图标按照届大1024x1024来设计，之后按照比例缩小到毎个尺寸，再进行调整.提交没有高光和阴彩的直角方形图即可.按钮&图片button&imageIMina屏幕f普通屏幕88px44px【区域】点击的按钮&图形不能小于左侧尺寸【切图】小于左侧尺寸的以png-24空白区域切图【命名】两倍图用@2x做后缀226px248pxdefaulthighlighted按下图片selected选中单独存在的部件尺寸必须是【偶数尺寸】disabled充分考虑每个控制按钮的【四个状

5、态】样式不可点击其他others下列内容根据设计需求而定，做了很多套规范,以下为举例，仅供参考！！！色值表根据设计，注明色值、用量、用处，eg:明度变化【背JR】【文字&图标】#cll016【如姒【背最】当前ift作【圈标】饼图专用#f8f8f8【背JR】弹岀界面4"""WTTTTTT【文字】选中【图标】专用#7c8692【圈标】未漱活#cll016•黑色遮罩30%透明【按IH】选中【图形】饼图专用畑435【圈标】滋活【圈形】饼图专用#e3e3e3•bebebe【文字】提示文字【師】整索框专用红色20%主色#bf7511【圈形】饼圈专业10%辅助色

6、#3f3b3e【背H】王菜第【背累】选取框#696969【文字】砂【图标】搜索框专用#lfldlf(WK)主菜单选中#000000【文字】可片灰70%中性色编辑框根据设计,设定尺寸、颜色、状态，eg:[CRM按钮规范】(h78px)默认-灰色(h78px)必填•黄色RKUDdnultWFHIghllghtrd按下.出0WH•闪烁築Ji示文字不渭失列4a43S•费色袤示必填琐注：编阳框所在行离为llOpx.柜上下各16px;编紺框间距32px;ift申SeizedVftSfQK^yboardfocus不可点Sidubled由于项目开业时何

7、輪入文字2

8、8px」000000J8示文字消失输入框1•带线框•用于灰色底牠deff3谕入框2•无线框■用于白色底律ffffffNormal/K认K32p4含lpxtt)Hover/fiislClick/点击1译入文字2•下垃透捍【可愤】文亨】川”奴.909090(./1；Pm/ww90【可圖【帚槻示文审】■Sara*(«»]•e4e7ec租UIR■^X*.12p«.«909090^cbcbcbB5d».12p».«909090口ai«T耐・h32pxtcbcbcb»^X».12pM.«909090【便甬删】h26px正*可i*写[耐♦lpi<_»909090

9、i