ios,ui,设计规范.docx

ios,ui,设计规范篇一:APP界面UI设计规范 UI设计规范一、APP界面设计规范(一)界面尺寸 1、IOS界面尺寸:常见为(宽度640px、高度1136px) 2、Android界面尺寸:常见为(宽度720px、高度1280px) 其他尺寸:ldpi(240*320)、mdpi(320*480)、hdpi(480*800)3、WebMobile尺寸:常见为(宽度640px、高度960px) (二)导航尺寸 1、IOS导航尺寸:高度60px,留白7px 2、Android导航尺寸:高度64px或48px,留白8px (三)标签尺寸 1、IOS标签尺寸:高度98px 2、Android标签尺寸:高度96px (四)工具栏尺寸 1、IOS工具栏尺寸:高度88px 2、Android工具栏尺寸:高度96px (五)列表高度 1、IOS列表高度:高度88px 2、Android列表高度:高度96px (六)资源状态对于资源通常设计弹起、点击、点击后、不可用四种状态,通常弹起、点击、点击后用不同颜色表示、不可用状态用低度灰色表示。(七)字体 1、IOS默认英文为HelveticalNeue,中文为黑体 2、Android列表高度:默认为Droidsansfallback (八)字号字号通常按照标题及征文级别递减为42、36、34、30、24 (九)ICON 1、IOS常用尺寸有1024*1024、512*512、120*120、60*60 2、Android常用尺寸有512*512、200*200、72*72、48*48 (十)资源插图 1、长方形插图高度一般不超过背景宽度的二分之一 2、缩略图两张并列高度一般不超过200px,宽度要适中有留白 3、图文混排中图片一般不高过150*110 篇二:iOS设备App界面UI设计规范_创优翼 APP界面设计规范指导APP设计过程中的设计标准,根据统一的设计标准,使得整个APP在视觉上统一。提高用户对APP的产品认知和操作便捷性。今天创优翼xx和大家分享一份iOS设备的App设计规范。篇三:IOS与Android界面设计规范整合 IOS篇一、尺寸及分辨率iPhone界面尺寸:320*480、640*960、640*1136 iPhone6:英寸,iPhone6Plus:英寸 iPad界面尺寸:1024*768、2048*1536 单位:像素72dpi,在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计。 Ps:作图的时候确保都是用形状工具画的,这样更方便后期的切图或者尺寸变更。 163ppi;iPhone4及iPhone4S的屏幕分辨率为640x960,326ppi;iPhone5则是640x1,136,326ppi,而iPhone5的屏幕对比为接近16:9(71:40)。) 二、界面基本组成元素 iPhone的app界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏、内容区域。这里取用640*960的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸。状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40px导航栏:显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,其高度为:88px主菜单栏:类似于