发布时间:2016-05-28 浏览:370
发动印象:640×960
APP图标:114×114
App Store商铺:1024×1024
Spotlight查找小图标:58×58
文档图标:44×58
Web Clip图标:114×114
工具栏和导航栏图标:约40×40
标签栏的图标:约60×60
报刊杂志:最长的边际1024像素(最小)
青岛网站建设、青岛网站建设公司、青岛做网站、青岛做网站公司、青岛网站制作、青岛网站制作公司、
青岛网站设计公司、青岛网站设计、青岛做网站哪家好?
青岛网页设计、青岛网页设计公司、青岛做网站排名、青岛建网站排名、青岛建网站公司哪家好?
发动印象:320×480
APP图标:57×57
App Store商铺:1024×1024
Spotlight查找小图标:29×29
文档图标:22×29
Web Clip图标:57×57
工具栏和导航栏图标:约20×20
标签栏的图标:约30×30
报刊杂志:最长的边际1024像素(最小)
发动印象:1536×2008(topbar的高度:40)
APP图标:114×114
App Store商铺:1024×1024
Spotlight查找小图标:100×100、58×58
文档图标:128×128、640×640
Web Clip图标:144×144
工具栏和导航栏图标:约40×40
标签栏的图标:约60×60
报刊杂志:最长的边际1024像素(最小)
发动印象:768×1004(topbar的高度:20)
APP图标:72×72
App Store商铺:1024×1024
Spotlight查找小图标:50×50、29×29
文档图标:64×64、320×320
Web Clip图标:72×72
工具栏和导航栏图标:约20×20
标签栏的图标:约30×30
报刊杂志:最长的边际1024像素(最小)
1、尺度及分辨率
iPhone界面尺度:320×480、640×960、640×1136
iPad界面尺度:1024×768、2048×1536
(单位都为像素,至于分辨率通常页面UI和移动终端UI根本上都只需72ppi)
当然,在规划的时分并不是每个尺度都做一套,尺度按自个的手机尺度来规划,对比便利预览作用,通常用640×960或许640×1136的尺度规划。
PS:作图的时分确保都是用形状工具(快捷键:U)画的,这么更便利后期的切图或许尺度的改变。
青岛最大的网站建设公司,青岛最好的网站制作公司,青岛最好的网站制作公司,青岛最好的网站设计公司,
青岛最好的网页设计公司,青岛最好的做网站公司,青岛最好的建网站公司,青岛最好的网站公司,
青岛网络公司,青岛商标设计、青岛商标设计公司、青岛广告公司、青岛平面设计、青岛平面设计公司、
青岛商标设计、青岛商标设计公司、青岛LOGO设计、青岛LOGO设计公司、青岛VI设计公司、青岛VI设计、
青岛包装设计、青岛包装设计公司、青岛名片设计、青岛平面设计公司、青岛设计公司、青岛平面设计公司、
青岛品牌设计公司、青岛产品设计公司、青岛画册设计、青岛画册设计公司
2、界面根本构成元素
iPhone的APP界面通常由四个元素构成,分别是:状况栏、导航栏、主菜单栏以及中心的内容区域。
这里取用640×960的尺度规划,那咱们就说说在这个尺度下这些元素的尺度:
状况栏:即是咱们常常说的信号、运营商、电量等显现手机状况的区域,其高度为:40px
导航栏:显现当前界面的称号,包含相应的功能或许页面间的跳转按钮,其高度为:88px
主菜单栏:类似于页面的主菜单,供给全部使用的分类内容的迅速跳转,其高度为:98px
内容区域:展现使用供给的相应内容,全部使用中布局改变最为频频的,其高度为:734px
至于咱们常常说的iPhone/5s的640×1136的尺度,本来即是中心的内容区域高度增加到:910px
PS:在最新的IOS7的个性中,苹果现已开端渐渐弱化状况栏的存在,将状况栏和导航栏合在了一同,可是再怎样变,尺度高度也仍是没有变的,只不过在规划IOS7个性的界面的时分需求多注意下。
3、字体巨细
iPhone的字体英文为:HelveticaNeue 至于中文,Mac下用的是黑体-简,Win下则为华文黑体。
下图为用户可接受的文字巨细,像素为单位
| | 可接受下线 | 见小值 | 舒适值 |
IOS | 长文本 | 26px | 30px | 32px-34px |
短文本 | 28px | 30px | 32px | |
| 24px | 24px | 28px |
1、尺度及分辨率
Android界面尺度:480×800、720×1280、1080×1920...(单位:像素)
Android比iPhone的尺度多了许多套,主张取用720×1280这个尺度,这个尺度720×1280中显现完美,在1080×1920中看起来也对比明晰;切图后的图片巨细也适中,使用的内存耗费也不会过高。
烟台网站建设、烟台网站建设公司、烟台做网站、烟台做网站公司、烟台网站制作、烟台网站制作公司、
烟台网站设计公司、烟台网站设计、烟台做网站哪家好?
烟台网页设计、烟台网页设计公司、烟台做网站排名、烟台建网站排名、烟台建网站公司哪家好?烟台网站建设公司哪家好?
烟台网站制作公司哪家好?烟台制作网站公司哪家好?烟台最好的网站建设公司,烟台最大的网站建设公司
2、界面根本构成元素
Android的APP界面和iPhone的根本相同:状况栏、导航栏、主菜单栏以及中心的内容区域。
Android中咱们取用的720×1280的尺度规划,该尺度下这些元素的尺度:
状况栏高度为:50px
导航栏高度为:96px
主菜单栏高度为:96px
内容区域高度为:1038px
3、字体巨细
Android的字体英文为:Droid sans fallback,是google自个的字体,与微软雅黑很像。
下图为用户可接受的文字巨细,像素为单位
| | 可接受下线 | 见小值 | 舒适值 |
Android高分辨率 (480*800) | 长文本 | 21px | 24px | 27px |
短文本 | 21px | 24px | 27px | |
注释 | 18px | 18px | 21px | |
Android低分辨率 (320*480) | 长文本 | 14px | 16px | 18px-20px |
短文本 | 14px | 14px | 18px | |
注释 | 12px | 12px | 14px-16px |
iPhone界面尺度