正值25学堂一周年之际,同时站长和APP设计同仁们在群里(APP界面设计 UI设计交流群,APP界面设计⑥群 APPUI设计③群58946771 APP设计资源⑤群 386032923欢迎大家加入交流分享)交流和讨论的时候,发现很多新加入群的朋友们,问的最多的问题就是“主流手机界面设计尺寸做多大”?
APP设计尺寸规范,知道多少呢?
25学堂的老谭应广大群友的要求,特此整理最全的APP设计尺寸规范,同时也算是APP界面设计新手教程吧!欢迎大侠和高手指正!


1.苹果iOS版本的iphone APP UI设计尺寸规范
iphone 5: 设计尺寸是 640px * 1136px

iphone 4/4s: 设计尺寸是  640px * 960px

设计软件的分辨率为:72 像素/英寸

设计要点总结,我们在设计的时候,需要按照该图上的尺寸来放大2倍作为我们设计的尺寸。或者说,我们初学者可以模仿,可以借鉴苹果公司成熟的案例。我们导出一张完整的iphone手机界面。作为我们设计的底版。最快最有效的设计流程。

详细阅读扩展:
苹果iphone APP界面设计尺寸官方版
http://www.25xt.com/647.html
Ipad 和Iphone APPUI设计尺寸和参考手册
http://www.25xt.com/429.html
APP界面设计指南|APP界面设计师必备信息图
http://www.25xt.com/2155.html
iPhone GUI全套元素的PSD免费下载
http://www.25xt.com/1306.html
iPhone、iPad等iOS系统界面设计字体规范
http://www.25xt.com/2323.html
2.苹果iOS版本的ipad  APP UI设计尺寸规范
主流ipad3 -ipad4的设计尺寸是:1536px * 2048px 以此为设计蓝本

ipad1 -ipad2的设计尺寸是: 1024px * 768px
ipad界面设计规范,新手设计iPad的必备宝典
http://www.25xt.com/3597.html
3.谷歌 Andriod 版本的APP UI设计尺寸规范
主流的手机设计尺寸:460*800 px   1280*720 px  设计版本是:1280*720 px

视觉设计师通常在480x800px下进行设觉设计,然后进行适配HVGA(320×480)等。

我们设计稿的尺寸是选最大的 1280*720来设计。然后按照常用的分辨率来切几个版本。

扩展阅读:
android APPUI设计、切图的常用尺寸大全
http://www.25xt.com/3357.html
Android应用程序UI界面设计官方权威解读
http://www.25xt.com/1407.html

想要了解更多APP设计知识,请关注25学堂,25学堂的微信等。
25学堂官方QQ群:
APP界面设计⑥群: 366093026

APPUI设计③群58946771   

APP设计资源⑤群 386032923

25学堂尽最大努力为APP设计师提供最全的APP设计素材 APP设计知识。

转自:链接

APP设计尺寸规范大全,APP界面设计新手教程【官方版】(转)的更多相关文章

  1. app界面设计字体规范

    通过对不同类型的app进行总结,总结出app的字体规范. 一.字体选择 1.IOS:苹果ios 9系统开始,系统最新的默认中文字体是:苹方.英文字体是: San Francisco 2.Android ...

  2. 2015最新移动App设计尺寸视觉规范【图文版】(转)

    如今手机app的屏幕设计尺寸参差不齐,仿佛来到了移动界面尺寸战国时代,每家移动设备制造公司都为了迎合大众的口味,各家都在2014年大放光彩.2015年也将会是我们移动APP设计界快速发展的一年. 因为 ...

  3. APP界面设计之页面布局的22条基本原则

    移动 APP 页面布局(Layout)是我们设计 app 界面的时候,最主要的设计任务.一个 app 的好与不好,很大部分取决于移动 APP 页面布局的合理性. 下图为 APP 最原始的布局模型. 页 ...

  4. 《Photoshop智能手机APP界面设计》学习笔记-转

    第一章 APP用户界面基础 1.1 手机UI设计相关基本概念 1.1.1 什么是UI设计 UI(User's Interface)即用户界面,它不仅仅是美化界面,还需要研究用户,让界面变得更友好.简洁 ...

  5. 26款能够吸引用户的 iPhone App 界面设计

    在这个移动互联网告诉的时代,众多的移动应用程序涌现出来.谁能抓住用户的注意力,谁就有可能成功.在下面这些移动 App 界面设计中,你可以看到不同创意类型的视觉效果,让你获得灵感. 您可能感兴趣的相关文 ...

  6. 最实用的APP界面设计知识,有温度的APP设计(转)

    在逛简书的时候,无意之间看到了这样的一篇非常有意思的app设计博文.顾25学堂的摘录了其中的一些关于移动端APP界面设计的精华.分享给25学堂的app设计师们. 当然,下面的这些app设计知识点是来自 ...

  7. 20款优秀的国外 Mobile App 界面设计案例

    在下面给大家分享的移动应用程序界面设计作品中,你可以看到不同创意类型的视觉效果.如果你想获得灵感,那很有必要看看下面20个优秀用户体验的移动应用 UI 设计.想要获取更多的灵感,可以访问移动开发分类, ...

  8. 2013移动APP界面设计趋势与设计理念

    用户是上帝,一切还得从应用说起.为此,国外著名的应用设计师Gannon Burgett结合自己多年实战经验归纳总结了2013年App设计发展的13大趋势.我们应该时刻记着这13点. 1.扁平化设计—— ...

  9. [UI] APP界面设计流程

    此教程从交互开始进行APP界面设计,主要是一个流程,还是值得童鞋们学习一下的.包括:1.交互流程设计:2.风格定位:3.功能icon设计:4.界面视效整体优化:5.应用icon设计.

随机推荐

  1. 请不要用SECONDS_BEHIND_MASTER来衡量MYSQL主备的延迟时间【转】

    本文来自:http://www.woqutech.com/?p=1116 MySQL 本身通过 show slave status 提供了 Seconds_Behind_Master ,用于衡量主备之 ...

  2. Effective C++ -----条款03:尽可能使用const

    如果关键字const出现在星号左边,表示被指物是常量:如果出现在星号右边,表示指针自身是常量:如果出现在星号两边,表示被指物和指针两者都是常量. char greeting[] = " he ...

  3. android ExpandableListView详解

    ExpandableListView是android中可以实现下拉list的一个控件,是一个垂直滚动的心事两个级别列表项手风琴试图,列表项是来自ExpandableListViewaAdapter,组 ...

  4. 【leetcode】Spiral Matrix(middle)

    Given a matrix of m x n elements (m rows, n columns), return all elements of the matrix in spiral or ...

  5. 【leetcode】Insert Interval(hard)★

    Given a set of non-overlapping intervals, insert a new interval into the intervals (merge if necessa ...

  6. osgearth使用prjected投影

    In projected mode, you have to specify a map profile (i.e. a map projection). You also need to tell ...

  7. 转载_虚拟机下LInux(终端)配置网络的方法

    出自: http://www.360doc.com/content/14/1027/11/17496895_420258403.shtml 对文章的重点进行剪贴,方便查看. 这几天在虚拟机vmware ...

  8. string int 转换

    int转stringint n = 0;std::stringstream ss;std::string str;ss<<n;ss>>str;string转intstd::st ...

  9. Maven构建Hadoop Maven构建Hadoop工程

    一.安装maven linux eclipse3.6.1 maven安装 二:官网依赖库 我们可以直接去官网查找我们需要的依赖包的配置pom,然后加到项目中. 官网地址:http://mvnrepos ...

  10. PHP超全局变量

    PHP提供了九种超全局变量(数组) 1 $_GET //地址栏上获得的值 2 $_POST //POST表单发送的数据 3 $_REQUEST //GET和POST的内容全都有 4 $_SERVER ...