按钮切图建议以等宽高尺寸切图，且像素必须=88*88px，当本身图片宽度或高度不足时，补充空白像素透明像素一般情况下，只需要普通状态下按钮切图即可 适配不建议等比放大 4参考文献 友盟设备指数 APP切图流程和APP切图命名规范详细完整版 APP切图详细规范终极指南 iOS和Android的app界面设计规范 APP界面切图。

快速启动性启动页面采用iOS设计规范，让用户尽量不感知界面的存在，无缝连接到应用比如iOS系统自带的浏览器Safari，体积小，首页固定，属于快速入门型快速启动启动页面品牌传播类型品牌转移启动页面是APP启动页面的常见形式，通常包括启动图标产品名称口号三个元素应用程序的开发人员或版本号也将显示在该部。

Google Play的图标设计规范要求简洁，避免使用商店排名价格或类别标签推荐尺寸为192x192像素，同时要关注尺寸的自适应性，以适应不同设备Android应用图标包括自适应启动器图标，根据设备型号显示不同形状标准尺寸根据dpi计算，如dp = 宽度像素 x 160 dpi华为AppGallery有其特定要求，上传前务。

第三部分android的按钮和弹出层的设计规范参考在720 x 1280 px 的设计稿上，有两个按钮比如登录注册并排一行放置，按钮尺寸最小范围均为240 x 80 px ，换算为android开发单位就是 120 x 40 dp Android APP设计字体单位 Sp 与 Px 的换算 sp与px的换算公式sp*ppi160 = px ldp。

一 Launcher启动图标 1在背景下易见 2尺寸 Phone 48*48 dp Google Play 512*512 pixels 3风格任意轮廓三维，正视图，稍微透视看起来像从顶部往下看使用户有深度感 二 Action Bar工具栏工具栏图标为图片按钮 1尺寸 phone下为32*32dp 2焦点区比例 光学直角区可为24*24dp 3。

一APP软件图标的视觉设计 1视觉设计要符合平台开发的设计规范性 不同的应用平台往往会产生截然不同设计结果了解学习平台开发规范，磨刀不误砍柴工例如苹果移动平台和Windows_Phone_7移动平台的视觉规范就有很大不同2视觉设计要找到共性，抓住个性 分析了解同类的APP软件及各自图标设计的。

如果app有通知，要提供一个有新通知时显示在状态栏的通知图标整体大小为24 x 24 dp ，图形实际区域为 22 x 22 dp 注android规范提供的尺寸单位是dp，若设计稿尺寸设为720 x 1280 ，图标大小需在规范要求的尺寸数字上乘以2比如操作栏图标32 x 32 dp ，则设计稿上应该是64 x 64 px e字体大小。

一个APP启动设计时，第一件事肯定就是确定风格了，统一设计风格能给用户呈现整体一致的视觉体验，有利于传达产品整体的品牌形象，也方便团队制订规范首先要了解什么是设计风格设计是指设计师有目标有计划的进行技术性的创作与创意审美活动，而风格就可以理解为美的不同视觉形式了就跟装修房子一样。

UI设计中的切图规范iOS切图尺寸规则设计图1242x2208 三倍图按1242x2208来切 二倍图按750x1334来切 一倍图在二倍图的基础上压缩成50 iOS启动图图标按照最大1024x1024来设计，之后按照比例缩小到每个尺寸提交没有高光和阴影的直角方形图即可Android切图尺寸规则 切图命名规则 规范。

一个APP开始启动设计时，第一步应该用主要页面定下整个APP的设计风格，然后其他页面按着统一的设计风格进行细致的设计美化统一设计风格能给用户呈现整体一致的视觉体验，有利于传达产品整体的品牌形象也方便设计团队制定设计规范，减少设计风格不一致带来的沟通成本#160APP设计风格从视觉效果上至少给。

模块规范是一个大的板块，如金刚区列表流图片流等因为banner运营是一个很复杂的模块，需要单独定义规范4特殊状态规范 设计场景中一些特殊的状态，也是我们设计时经常忽略的地方特殊状态规范有弹窗空白页加载态toast浮层启动图等等通过这四种规范的建立，UI设计规范已经很全面细致了。

320 x 480 for iPhone 2G 3G 3GS640 x 960 for iPhone 4 4S为了简单一点，我这里演示如何为iPhone App添加启动画面，针对iPad App的操作，请参考Apple的 iOS Human Interface Guideline文档 – 关于启动图像大小和命名规范启动图像必须为PNG格式默认情况下，你可将低分辨率图像文件。

学习UI设计需要掌握以下技能和知识1 设计软件基础学习Adobe系列软件，如Photoshop和Illustrator，以熟练进行UI设计相关的工作2 移动应用设计流程了解从项目启动到完成的整个设计流程，以便更好地参与移动应用的开发3 系统UI设计规范掌握iOSAndroid等不同操作系统间的差异和各自的UI设计规范。

启动图标担任着品牌标识的功能，相当于产品的logo设计，需要融入品牌调性，并且由于使用场景的限制，也要求启动图标遵循设计规范，保证最小尺寸小的识别状态，大多数图标均以以下形式展示 大部分的启动图标不会设计得过于复杂，也是由于过于复杂的图标会增加用户的认知成本，尤其是在互联网信息爆炸的时代，使用扁平化图标可以有。

第二点APP原型图的制作和设计讨论 这个环节是必不可少的需要根据设计需求认认真真的来画画原型图 常用的APP原型图工具移动APP原型设计神器POPaxureForeui等 第三点APP视觉设计与设计要点 1大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等 一般来说，手机屏幕是从上往下布局的，重。

我本身是一名GUI设计师，所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写，相当于工作流程的介绍吧公司不同，流程不尽相同，但是终究还是能有些帮助 依旧声明这里写的不是一种规范，只是一种工作方法，大家在具体工作中，一定要灵活运用另外，技术的更新是非常快的，我写的这些可能某些东西已。

62x 640×960 @2x iPhone Portrait iOS 5，6Retina4 640×1136 @2x LaunchImage android 720 1280 iOS 2020年6月30日后强制全部使用LaunchScreenstoryboard显示启动闪屏* 750x1334 iPhone 8 基本上 App 的切图可分为下面几大类背景按钮图示图片照片。

2 制作原型，及时讨论测试和迭代设计 App设计并不是想当然，过过脑子就行，也需要及时将各种想法绘制成切实可看可查以及可用的原型，及时讨论测试以及迭代优化才行当然，对类似原型工具感兴趣的设计师，可以试试摹客原型设计工具，无论开始设计前，绘制流程图，还是设计讨论阶段，制作交互式原型。