正值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. ios UIButton 选中后背景图片变化发灰问题

    UIButton的类型如果选择了System类型,那么设置背景图后,点击的效果是图片发灰,而不是默认的那种图片变淡黑色效果,需要用customer类型就好了.

  2. rabbitMQ中vhost虚拟主机的理解

    每个virtual host本质上都是一个RabbitMQ Server,拥有它自己的queue,exchagne,和bings rule等等.这保证了你可以在多个不同的application中使用R ...

  3. We7 CMS研究

    我下载的we7 3.0是基于vs 2010的,官方网站也建议使用vs2010,但是我有追新的习惯,并相信vs 2013一定能够兼容vs2010的项目,于是在vs2013下打开解决方案并且全部升级,把目 ...

  4. 4.openstack之mitaka搭建glance镜像服务

    部署镜像服务 一:安装和配置服务 1.建库建用户 mysql -u root -p CREATE DATABASE glance; GRANT ALL PRIVILEGES ON glance.* T ...

  5. 【leetcode】Same Tree（easy）

    Given two binary trees, write a function to check if they are equal or not. Two binary trees are con ...

  6. xcode 自定义Eclipse里边常用的快捷键

    之前在用Eclipse写Java的 时候,有几个常用的快捷键,比如删除当前行,在当前行下面插入空行,向上/下移动当前行等等,到了Xcode里怎么也找不到这些快捷键,一直觉得 Xcode自带的快捷键不够 ...

  7. javascript测试

    s阿道夫. 撒旦法 sd sad sd 的萨法a dsa发 fds sdfad 电风扇爱的方式爱的方式啊

  8. LinkIssue: Error 'LINK : fatal error LNK1123: failure during conversion to COFF: file invalid or cor

    参考:http://blog.csdn.net/junjiehe/article/details/16888197 使用VisualStudio 编译链接中可能出现如下错误: LINK : fatal ...

  9. 第三章 C#循环与方法

    第一节1-For循环入门 语法: for(条件表达式) { 执行语句 } 练习: 第三章作业1.写一个程序打印100到200的值;2.写一个程序从10打印到1:3.写一个程序打印10到30之间的所有偶 ...

  10. ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室（一） 之 基层数据搭建，让数据活起来（数据获取）

    大家好,本篇是接上一篇 ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室(零) 前言  ASP.NET SignalR WebIM系列第二篇.本篇会带领大家将 LayIM ...