正值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. JS插件之——ztree

    很牛逼的一个树形菜单,树形下拉框插件.一年前用过,很好用.今天又有机会拿过来用,温故一下基本点,nice!! 官方文档说明的非常详细,按照API慢慢看,耐心解读,自然就可以解惑了. 官方文档及其源码下 ...

  2. Griddle, griddle-react 一个REACT 表格组件

    Griddle, griddle-react 一个REACT 表格组件: http://griddlegriddle.github.io/Griddle/index.html

  3. poj 1611(并查集)

    http://poj.org/problem?id=1611 题意:有个学生感染病毒了,只要是和这个学生接触过的人都会感染,而和这些被感染者接触的人,也会被感染,现在给定你一些协会的人数,以及所在学生 ...

  4. 常见计算机基础笔试题总结quickstart

    [本文链接] 1. 以下是一颗平衡二叉树,请画出插入键值3以后的这颗平衡二叉树. 分析:考察平衡二叉树的基本操作,插入3变成不平衡,需要节点5右旋一次,节点2左旋一次.. 2. 表达式X=A+(B*( ...

  5. glib-2.49.4-msys-x86-staticLib.7z

    glib-2.49.4 MSYS 静态库 编译 export LIBFFI_CFLAGS=" -I/usr/local/lib/libffi-3.2.1/include " \ e ...

  6. Java for LeetCode 217 Contains Duplicate

    Given an array of integers, find if the array contains any duplicates. Your function should return t ...

  7. vs2010 快捷键大全

    vs2010 快捷键大全 VS2010版快捷键 Ctrl+E,D ----格式化全部代码 Ctrl+E,F ----格式化选中的代码 CTRL + SHIFT + B生成解决方案 CTRL + F7 ...

  8. SprignMVC+myBatis整合

    转载自:http://lydia-fly.iteye.com/blog/2153076 学习本节内容请先看"MyBatis的基本应用".地址:http://lydia-fly.it ...

  9. 【linux】学习7

    鸟哥 22章内容 单个源代码编译运行 设有一个hello.c 可以用下面方式运行 生成可执行文件a.out [localhost scripts]$ gcc hello.c [localhost sc ...

  10. lazyload

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...