4000-117-087
NEWS
最新加盟
设计动态
青岛网站建设东八区:UI尺寸规范

发布时间:2016-05-28 浏览:371

高明晰度的iPhone和iPod touch(单位:像素)

发动印象:640×960

APP图标:114×114

App Store商铺:1024×1024

Spotlight查找小图标:58×58

文档图标:44×58

Web Clip图标:114×114

工具栏和导航栏图标:约40×40

标签栏的图标:约60×60

报刊杂志:最长的边际1024像素(最小)

青岛网站建设、青岛网站建设公司、青岛做网站、青岛做网站公司、青岛网站制作、青岛网站制作公司、
青岛网站设计公司、青岛网站设计、青岛做网站哪家好?
青岛网页设计、青岛网页设计公司、青岛做网站排名、青岛建网站排名、青岛建网站公司哪家好?


iPhone和iPod touch(单位:像素)

发动印象:320×480

APP图标:57×57

App Store商铺:1024×1024

Spotlight查找小图标:29×29

文档图标:22×29

Web Clip图标:57×57

工具栏和导航栏图标:约20×20

标签栏的图标:约30×30

报刊杂志:最长的边际1024像素(最小)



高分辨率的iPad的尺度(单位:像素)

发动印象: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像素(最小)


iPad的尺度(单位:像素)

发动印象: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像素(最小)




IOS篇

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



Android篇

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界面尺度

上一篇:提高横幅广告点击率的6个方法下一篇:提高横幅广告点击率的6个方法
  • 邮箱

    info@dongbaqu.com

  • 咨询电话

    159 5325 6668 / 130 9635 1108

  • 售后电话

    4000 117 087

  • 北京 - 海淀区海淀西大街36号9层A65室

    成都 - 成都市高新区锦城大道666号4栋10层

    青岛 - 市北区山东路177号鲁邦广场B座701