APP设计尺寸规范大全,APP界面设计新手教程【官方版】(转)

简介:

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

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

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

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

app chicun

苹果IOS APP界面设计尺寸官方版

设计要点总结,我们在设计的时候,需要按照该图上的尺寸来放大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界面设计⑥群: 366093026APP界面设计⑥群

APPUI设计③群58946771   APP设计资源③群

APP设计资源⑤群 386032923APP设计资源⑤群

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

 

转自:链接



本文转自SharkBin博客园博客,原文链接:http://www.cnblogs.com/SharkBin/p/5015714.html,如需转载请自行联系原作者

相关文章
|
5月前
|
iOS开发 开发者
一键制作 iOS 上架 App Store 描述文件教程
一键制作 iOS 上架 App Store 描述文件教程
|
5月前
|
开发者 iOS开发
【教程】无法验证 app 需要互联网连接以验证是否信任开发者
【教程】无法验证 app 需要互联网连接以验证是否信任开发者
|
5月前
|
监控 安全 数据可视化
【教程】为什么要为 App 应用加固 ?如何为 App 应用加固 ?
【教程】为什么要为 App 应用加固 ?如何为 App 应用加固 ?
|
5月前
|
开发工具 数据安全/隐私保护 Android开发
【教程】APP 开发后如何上架?
【教程】APP 开发后如何上架?
|
5月前
|
开发者 iOS开发
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
208 3
|
5月前
|
Android开发 移动开发 小程序
binder机制原理面试,安卓app开发教程
binder机制原理面试,安卓app开发教程
binder机制原理面试,安卓app开发教程
|
5月前
|
搜索推荐 前端开发 JavaScript
【专栏】从网页轻松转换为应用越来越便捷
【4月更文挑战第27天】本文介绍了将网页转换为移动应用的在线生成App过程,包括原理(封装网页内容,添加移动特性)、优势(便捷高效,节省成本,快速上线)以及具体步骤(选择工具,准备内容,配置选项,生成测试,发布推广)。同时,注意版权、兼容性和用户体验问题。通过案例分析和实践经验分享,帮助读者深入了解如何通过在线工具实现App梦想,强调了网页优化、用户界面设计和个性化定制的重要性。
142 3
|
2月前
|
编解码 iOS开发
IOS上架APP Store时预览图尺寸
IOS上架APP Store时预览图尺寸
126 3
|
2月前
|
网络协议 物联网 测试技术
App Inventor 2 MQTT拓展入门(保姆级教程)
本文演示的是App和一个测试客户端进行消息交互的案例,实际应用中,我们的测试客户端可以看着是任意的、支持MQTT协议的硬件,通过订阅及发布消息,联网硬件与我们的App进行双向数据通信,以实现万物互联的智能控制效果。
141 2
|
5月前
浅蓝色的APP下载界面HMTL源码
浅蓝色的APP下载界面HMTL源码
65 0
浅蓝色的APP下载界面HMTL源码
下一篇
无影云桌面