界面设计教程.pdf

APP 界面设计教程：移动界面设计尺寸篇 不知道大家还记得有哪些？ 今天，小编决定再来梳理下关于 APP 界面设计尺寸。 算是一个关于 app 设计尺寸的专题吧！ APPLE APP STORE ICON:512 x 512 PX IPHONE 4 App Icon ： 114 x 114 PX IPHONE 3GS App Icon ：57 x 57 PX —————————————————————– IPHONE 5 App UI ：1136 * 640PX （设计时,高度还需要减去状态栏 40PX ） IPHONE 4 App UI ：960 * 640PX （设计时,高度还需要减去状态栏 40PX ） IPHONE 3GS App UI ：480*320PX —————————————————————– iPad 3 ：2048 x 1536PX (2 倍于 iPad2) iPad 2 ：1024 x 768PX —————————————————————– Android Phone App Icon ：512 x 512 PX Android Phone App UI ： 240x320PX 320x480PX 480x800PX 480x854PX 540x960PX ( 例如： HTC Sensation XE) Android Tablet App UI ： 600x1024PX 720x1280PX 800x1280PX 因为 Android 设计单位是 dp ，而 1dp 等于 1.5px 。 设计稿以 px 为单位的情况下，元素尺寸需要是 1.5 的倍数，才可以在 Android 手机显示清晰图片。 下面是 25 学堂一路过程中分享的关于移动界面设计尺寸的文章或 APP 设计干货。 第一篇： iphone APP 界面设计尺寸官 方版 发布于： 2012 年 10 月 20 日 25 学堂教程原创一： iphone 界面设计尺寸 （640*960 ）px 该 Iphone 界面设计是从苹果官方网站帮助中心提取过来， 这也是我第一次帮公司 产品设计 iphone 版的 UI 使用的尺寸。由于之前接触的比较少，只知 道苹果手机的界面尺寸是 640*960 ，其实真正的大小是 320*480 ，因 为人的视网膜关系，苹果公司放大了 2 倍。 第二篇：移动 APP界面设计尺寸视频教 程 【课程目标】快速了解 Android 与 iPhone 手机界面设计规范，如在 做效果图设计时需要注意的手机分辨率、界面尺寸、图标大小、如何切 片等等… 【课程受众】正在学习 Android 与 iPhone 手机界面设计的 新手朋友们。 第三篇：APP界面设计指南 |APP 界面设 计师必备信息图 发布于： 2013 年 5 月 16 日 2013 年， APP 界面设计已经越来越受到大家的关注和热捧！作为一个 接触 APP 界面设计的老鸟，网站设计师们。一定得记住：用户体验设 计放在首位！ 第四篇： APP设计尺寸规范 官方大全 发布于： 2013 年 8 月 17 日 正值 25 学堂一周年之际，同时站长和 APP 设计同仁们在群里（ APP 界面设计 UI 设计交流群： 232778150 ，欢迎大家加入交流分享）。 第五篇： iPhone 和 Android 界