Iphone手机APP界面设计规范

总所周知，iphone手机APP和安卓手机APP运行系统是不同的，并且图片尺寸和字体也是不同的。所以我们在做iphone APP时一定要从新学习它的设计规范，下面小编就来给大家科普一下iphoneAPP界面设计规范，大家可以参考一下。

1、iphone各系列手机型号、尺寸、使用的切图是我们必须了解的。

2、iPhone设计需注意到的尺寸设计，包含导航栏设计、大标题导航栏设计、tab栏设计等。大标题导航栏的高度一般为116pt（包含20pt状态栏，返回图标信息，大标题34pt）。滑动页面时大标题会变成正常导航栏的64pt。

3、字体。IOS中英文使用的是San Francisco (SF)字体。

4、其他。iphone控件设计基本符合44pt（88px）原则，即在手机上大小为7～9mm，适合手指操作。iTunes上传截图需要提供两套截图：1242px * 2688px 和 1125px * 2436px两套截图。

5、UI设计师设计界面前需要先做用户研究以了解产品特性，如用户画像、用户调研、用户使用场景分析、设计竞品分析等。若设计稿需要调节为Iphone X的显示效果，可以下载IOS 12设计源文件，把界面头尾设计成iPhoneX专用头尾。

6、视觉规范。一套移动端的视觉规范应该包含如下几点：

①主色/辅色/色彩规范：规定APP主要使用的色彩种类。②文字颜色/大小规范：规定App中主要使用的文字的大小、颜色、应用场景等。③ICON规范：规定APP的ICON设计规范。④应用图标规范：规定App的应用图标使用规范。⑤按钮和交互态规范：规定App内所有按钮和交互态的样式。⑥间距规范：规定App内所有间距的尺寸。

7、切图规范命名。按照“功能_类型_名称_状态@倍数”，如导航栏是那个又一个手术图标，它的命名形式可以为：nav_icon_sarch_default@2x.png(导航_图标_搜索_正常)

8、动效。IOS主流的动效设计有四种。第一种：设计师提供开发动效视频或GIF，开发人员依照效果编写代码，调用切图重新做，还原度可能出问题。第二种：序列帧方式实现动效。向开发人员提供按顺序命名的PNG，如：1.PNG、2.PNG等，开发人员用代码快速替换，实现动画。第三种，可以给程序员AVI等视频文件直接插入视频。第四种：使用Airbnb开源的Lottie，用AE完成动效，然后通过BodyMovin插件导出json文件，这种方式还原度很高。最优秀的动效还是需要设计师与开发人员之间好好沟通。

综上所述，我们的iphone APP设计在流程上比安卓更复杂，且设计规范也是完全不同的。如果你想要设计一款iphoneAPP只有找APP外包开发公司来做，我们蓝橙互动就是一家质量高服务好的APP开发公司和设计公司，相信能为你提供专业的技术支持。