iOS界面设计，12个优秀案例激发你的灵感

总所周知，iOS和Android是当今两大移动平台，前者采用Human Interface Design，后者采用Material Design。做为设计师，尤为是App设计师，老是会在这二者进行设计。若是你的产品能在井喷的App里推颖而出，这必定会是超级棒的体验。你作到了，设计改变生活。

 

那么，如何设计出一款界面精美的移动端App呢？

若是你是为iOS设计应用程序，那么此文你能够好好看一看。咱们都知道用户界面会直接影响到用户体验。因此本文中，我首先精心挑选了12款最佳iOS移动应用程序模板和案例，它们都有着优秀的iOS用户界面设计（iOS设计模式）和良好的用户体验，涵盖生活类，杂志类，体育类，天气类，网上购物类等等。此外，本文还提供了一些iOS人机界面设计指南。但愿能对您有所帮助。

1. City App

类别：导航

系统要求：支持iOS 9.0以上

 

City App是一个iOS应用程序模板，也是一款以用户为中心的信息类集合软件。City App用于提供城市指南解决方案，并能够显示你所在城市的有趣地点，并加以描述性介绍。用户还能够直接经过相机照片搜索图片所在定位，一张图片就是一个数据的集合。Admin后台可集中管理地点数据，但您能够对其编辑，更新或删除。来自世界各地的风景优美的图片是界面色彩的主要构成，很是美观。

2. Triibe

类别：生活方式

系统要求：iOS 9.3或更高版本，与iPhone，iPad和iPod touch兼容

 

Triibe是一个引领全新的社区类iOS应用程序，它是专门为制做达人设计的一款产品。它提供一种最简洁、直观的方式展现你的手工创做和学习创意。任何题材设计，包括工艺，烹饪，家居，时尚等等，均可以获得展现。该App的一大特点使其精美的界面，用户在这里上传和展现其手工做品，搭配纯净的浅色背景，几乎和任何的设计做品都能呼应。

3. Design Events near you

类别：活动

系统要求：没有限制

 

Design Events，顾名思义，就给人一种充满设计感的印象。它是由来自印度的一位才华横溢的设计师Johny vino设计的。它一款典型的iOS应用程序，主要用于发现你身边的各类设计活动以及您所在城市和附近地区的各类户外活动。它能够智能的进行有趣的活动推荐。该App的动画交互和过渡都很是简洁流畅，搭配明快的配色，让人以为眼前一亮。

4. Trove

类别：播客和时尚

系统要求：iOS 9.0或更高版本，与iPhone，iPad和iPod touch兼容

 

这是一个很是酷炫时尚的iOS应用程序。借助Trove，您能够随时随地找到本身喜欢的风格，获取来自世界顶级风格影响者的无尽灵感和建议，追随顶级时尚博主。浏览“精选”服装，能够发现并关注与您风格一致的博客。此外，“My feed”选项卡，可让您随时查看收藏夹，并将物品添加到您的收藏夹中，以便稍后再购买或能够选择当即购买，你的全部选择都是自由的。

5. Nowait Guest

类别：食品和饮料

系统要求：iOS 9.0或更高版本，与iPhone，iPad和iPod touch兼容

 

Nowait Guest是一个简化生活的iOS App。使用该应用程序，能够为您节约大量的订餐等待时间，很餐厅都已经开始投入使用该App，以方便其顾客能够提前了解其订餐状况，包括Chili's，Buffalo Wild Wings，First Watch等。用户在家时，就能够随时查看附件餐厅的当前等待时间，而后作出决定是否前往。餐厅的图片使用很是吸睛，整个界面看起来让人以为“垂涎三尺”。

6. The New York Times

类别：杂志和报纸

系统要求：iOS 9.0或更高版本，与iPhone，iPad和iPod touch兼容

 

这是一款家喻户晓的应用程序，帮助您随时随地掌握最新信息，对于新闻爱好者和喜欢阅读的用户而言，这是一款比书美观，但和书同样能用文字传达信息的程序。该程序与iPhone，iPad和Apple Watch的NYT应用程序一块儿得到过闻类应用程序奖项。它具备新闻快讯，多任务处理，晨报和晚报，播客，保存文章以供往后在任何设备上阅读等功能。

7. iPhone X - Todo Concept

类别：杂志和报纸

系统要求：iOS 9.0或更高版本。与iPhone，iPad和iPod touch兼容

 

iPhone X - Todo Concept是由Jee-Jeong为Norde设计。它是基于iPhone X概念而制做的一个新原型。该原型的草图和psd模型均可以避免费下载。它是设计师特别为iPhone X的发布而设计的。它的动画过分和转换都很是流利，其色彩选择鲜明大胆，极富感染力。留白的界面设计模式，和各类纯色背景都能造成鲜明对比，突出了重要信息，又美化了界面。

8. Cloud Music Offline MP3 Music

类别：音乐

系统要求：iOS 9.3或更高版本，与iPhone，iPad和iPod touch兼容

 

对于喜欢听音乐的人来讲，这是一款不容错过的音乐应用程序。您能够轻松地将音乐从云端下载到您的设备并脱机播放。您的设备上就是一个无限量的音乐库。其音乐播放列表很是有趣，设置了动画多样的操做按钮。整个界面白色纯背景，干净而简洁，用户的注意力会停留在其喜欢的音乐上，不会分散。该程序支持全部最流行的音乐文件格式：.flac .mp3，.aiff，.m4a，.wav 等等。

9. KicksOnFire: Buy Sneakers

类别：运动

系统要求：iOS 8.0或更高版本，与iPhone，iPad和iPod touch兼容

 

这个应用程序是是专为运动鞋发烧友设计的，主要是推送新款运动鞋的特别发布日期及其相关新闻。该程序是App Store下载量最大的运动鞋发布日历类应用程序，不只是得到第一手运动鞋咨询，您还能够在这里购买您最喜好的运动鞋。其推送会基于您的我的资料智能进行个性化的发布和价格估算。

10. Airbnb

类别：旅行

系统要求：iOS 9.0或更高版本，与iPhone，iPad和iPod touch兼容

 

家喻户晓的一款App，风靡全球。当您准备旅行，从Airbnb开始享受难忘的旅行体验吧。这里，全部关于旅行的事情都变得更加美好，好比寻找旅行冒险，远游或找到一个全新的地方。游客能够得到度假屋租赁，体验一种新体验，并在世界各地参观的地方。若是您有房屋待租，Airbnb也是一个最佳平台，在这里，你绝对会当一个优秀的“房东”。

11. Local Weather Radar & Forecast

类别：天气

系统要求：iOS 9.0或更高版本，与iPhone，iPad和iPod touch兼容

 

该程序是一个当地突破性的天气新闻播报App，也是一个美国本地，乃至世界各地的交通应用程序。只需一个点击，就能够来回切换地位，以便随时查看您的朋友和家人所在地的天气状况。该程序还能够以小时来记录您所在地区的气温变化状况，造成以个独特的“气温变化”列表。

12. Sofa

类别：电影，电视和书籍

系统要求：iOS 9.3或更高版本，与iPhone，iPad和iPod touch兼容

 

这是一款iPhone应用程序，是可让您沉浸在书籍，电影或电视节目中度过美好时光的一款App。您能够自定义建立电影，电视节目，书籍等列表，也能够将电影，电视节目和书籍添加到任何列表中。当您须要搜索某一条目时，能够经过向下滑动操做来直接解锁。

以上是2018年12个很是棒的iOS移动应用程序，它们中的大部分都位于App Store排行榜的首位，下载次数和使用人数都几位可观。看了这么多成功的iOS应用程序，做为设计师，你有没有思考过，这些App成功的秘诀的是什么？

不难发现，出色的用户界面和用户体验相当重要。iOS设计主题将就明晰、尊重和深度，这意味着，在整个iOS系统中，文字在任何尺寸的设备上都是清晰易读的，图标是精确而清晰的，而且须要流畅的动画和交互，有序的视觉层次等等。总之，您设计出来的App须要知足用户对质量和功能的高指望值，才有可能成功。

那么，设计一个美观精细的iOS移动界面都有哪些必须注意的点呢？

1. 排版

1）字体

字体选择不宜多，多则杂乱。只需使用单个字体并使用几种字体变体便可。苹果公司使用San Francisco，并根据产品功能选择字体。例如，在iOS 7中使用Myriad（Pro）Light，在iOS 9中使用SF-UI。在iOS 10中，旧金山变体是SF UI Text和SF UI Display。你只需按照规则便可。但为了达到文字的易读性和可读性俱佳，关于字体选择和字体布局，你仍是要根据具体状况仔细斟酌。

2）字体大小

iOS的字体大小有其比较明确的规范，具体查看下表：

 

2. UI设计中的颜色

色彩的魔力不言而喻，人都是视觉性的动物。颜色能够传达活力和信息，提供视觉连续性，响应用户行为提供反馈、帮助人们可视化数据。自iOS 7以来，Apple一直在为其操做系统界面和预设应用程序设置色彩明朗鲜艳的调色板。关于颜色的选择比较自由，你可使用下面列出的默认iOS调色板，也能够本身定制，以便在同类App中能够脱颖而出。

 

了解更多：如何在UI设计中明智地使用颜色来建立完美的UI界面？

3. 图标

iOS的图标风格是简单易懂，而且专一于某个功能点或者信息点。一般状况下，iOS应用程序须要使用到不一样尺寸的图标。好比，用户在安装某一App后，在主屏幕可能须要使用较小的图标，但该程序在App Store里又须要更大的图标。关于iOS图标大小，也有比较明确的规范：

 

4. iOS 11中的更新

1）加粗的导航设置

这几乎是iOS 11中最使人印象深入的变化。使用粗体标题可让用户快速了解其当前位置，并进行快速标签切换。

2）界面布局中的空白区域

iOS 11的标题文本包含一组元素，其中包含图片和描述，这些元素能够保持组元素之间的较大间距。在这种状况下，设计元素保持足够的间距而且能够用于区分没必要要的装饰元素之间的层次关系。

5. 从原型设计开始

在iOS 11中，还添加了拖放操做，容许用户使用单指将所选照片，文本和其余内容从一个位置移动到另外一个位置 -甚至iPad上的应用程序也能够进行该操做。对于App设计师来讲，设计产品时，若是有一款能够靠拖放操做就能完成原型设计的工具是否是也会是一样的方便快捷呢？而且，从原型开始着手能够为您节省大量金钱，时间和精力，并激发和记录您的灵感。让咱们看看原型工具在iOS界面设计，乃至整个iOS程序的原型设计中能够如何帮助到您。

这里我首先要推荐的，就是国内最优秀的原型工具Mockplus。它是一款专业的iOS应用设计原型设计工具。Mockplus提供了许多强大的功能，能够帮助您快速构建一个美观独特的交互移动iOS应用程序原型：

1）Sketch导入

交互是原型中展现设计者逻辑和思惟的一种最直观的方式。使用Sketch的用户，在完成设计稿后，能够下载和安装Mockplus插件，将设计图导出为MP项目文件，在Mockplus中使用拖拽的方式对设计稿进行交互设计和团队协做等，十分便捷。

 

2）Mockplus的Auto Data Fill组件支持批量添加图片

图片对原型界面的美观不言而喻。人都是视觉类动物，为了吸引注意力，设计师每每会选用精美的图片增长界面美感。在Mockplus中，数据填充组件可让您从繁多的图片添加中解放出来，只需经过简单的点击或拖动，能够批量添加图像组件到您的原型设计。

 

3）Mockplus拥有3000多个矢量图标

如上文所讲，图标在iOS界面设计中是相当重要的因素，图标的合理使用可让界面与用户之间更好的进行沟通。Mockplus拥有3000多个不一样类别的适量图标，您能够自由选择，而且能够进行相应的编辑。

4）Mockplus中的可视化交互设计

Mockplus能够说是添加加快速交互的不二选择。只需使用封装可见的交互组件，用鼠标进行拖拽便可完成交互，不须要任何一行代码或者参数的设置。Mockplus目前支持3种交互方式：页面交互，组件交互和属性交互。交互命令还可一键自动还原。

5）Mockplus拥有300多个高度封装的组件

Mockplus的快速交互和其300多个高度封装的组件能够完美配合。作原型图时，只须要把这些组件放入工做区进行组合，以拖拽交互连接点的方式，就能够迅速呈现原型。你彻底能够把思路用在设计上，而不用为制做一个组件去劳心费力。在Mockplus中，你能够快速的完成各种交互动态效果，好比滑动效果、缩放效果等等。

了解更多Mockplus的功能，查看其官网https://www.mockplus.cn