众所周知,iOS和Android是当今两大移动平台,前者采用HumanInterfaceDesign,后者采用MaterialDesign。作为设计师,尤其是App设计师,总是会在这两者进行设计。如果你的产品能在井喷的App里推颖而出,这一定会是超级棒的体验。你做到了,设计改变生活。
那么,如何设计出一款界面精美的移动端App呢?
如果你是为iOS设计应用程序,那么此文你可以好好看一看。我们都知道用户界面会直接影响到用户体验。所以本文中,我首先精心挑选了12款最佳iOS移动应用程序模板和案例,它们都有着优秀的iOS用户界面设计(iOS设计模式)和良好的用户体验,涵盖生活类,杂志类,体育类,天气类,网上购物类等等。此外,本文还提供了一些iOS人机界面设计指南。希望能对您有所帮助。
价格:$29
系统要求:支持iOS9.0以上
CityApp是一个iOS应用程序模板,也是一款以用户为中心的信息类集合软件。CityApp用于提供城市指南解决方案,并可以显示你所在城市的有趣地点,并加以描述性介绍。用户还可以直接通过相机照片搜索图片所在定位,一张图片就是一个数据的集合。Admin后台可集中管理地点数据,但您可以对其编辑,更新或删除。来自世界各地的风景优美的图片是界面色彩的主要构成,非常美观。
类别:生活方式
价格:免费
系统要求:iOS9.3或更高版本,与iPhone,iPad和iPodtouch兼容
Triibe是一个引领全新的社区类iOS应用程序,它是专门为制作达人设计的一款产品。它提供一种最简洁、直观的方式展示你的手工创作和学习创意。任何题材设计,包括工艺,烹饪,家居,时尚等等,都可以得到展示。该App的一大特色使其精美的界面,用户在这里上传和展示其手工作品,搭配纯净的浅色背景,几乎和任何的设计作品都能呼应。
类别:活动
系统要求:没有限制
DesignEvents,顾名思义,就给人一种充满设计感的印象。它是由来自印度的一位才华横溢的设计师Johnyvino设计的。它一款典型的iOS应用程序,主要用于发现你身边的各种设计活动以及您所在城市和附近地区的各种户外活动。它可以智能的进行有趣的活动推荐。该App的动画交互和过渡都非常简洁流畅,搭配明快的配色,让人觉得眼前一亮。
类别:播客和时尚
系统要求:iOS9.0或更高版本,与iPhone,iPad和iPodtouch兼容
类别:食品和饮料
类别:杂志和报纸
系统要求:iOS9.0或更高版本。与iPhone,iPad和iPodtouch兼容
iPhoneX-TodoConcept是由Jee-Jeong为Norde设计。它是基于iPhoneX概念而制作的一个新原型。该原型的草图和psd模型都可以免费下载。它是设计师特别为iPhoneX的发布而设计的。它的动画过度和转换都非常流利,其色彩选择鲜明大胆,极富感染力。留白的界面设计模式,和各种纯色背景都能形成鲜明对比,突出了重要信息,又美化了界面。
类别:音乐
对于喜欢听音乐的人来说,这是一款不容错过的音乐应用程序。您可以轻松地将音乐从云端下载到您的设备并脱机播放。您的设备上就是一个无限量的音乐库。其音乐播放列表非常有趣,设置了动画多样的操作按钮。整个界面白色纯背景,干净而简洁,用户的注意力会停留在其喜欢的音乐上,不会分散。该程序支持所有最流行的音乐文件格式:.flac.mp3,.aiff,.m4a,.wav等等。
类别:运动
系统要求:iOS8.0或更高版本,与iPhone,iPad和iPodtouch兼容
类别:旅行
家喻户晓的一款App,风靡全球。当您准备旅行,从Airbnb开始享受难忘的旅行体验吧。这里,所有关于旅行的事情都变得更加美好,比如寻找旅行冒险,远游或找到一个全新的地方。游客可以获得度假屋租赁,体验一种新体验,并在世界各地参观的地方。如果您有房屋待租,Airbnb也是一个最佳平台,在这里,你绝对会当一个优秀的“房东”。
类别:天气
该程序是一个当地突破性的天气新闻播报App,也是一个美国本地,乃至世界各地的交通应用程序。只需一个点击,就可以来回切换地位,以便随时查看您的朋友和家人所在地的天气情况。该程序还可以以小时来记录您所在地区的气温变化情况,形成以个独特的“气温变化”列表。
类别:电影,电视和书籍
这是一款iPhone应用程序,是可以让您沉浸在书籍,电影或电视节目中度过美好时光的一款App。您可以自定义创建电影,电视节目,书籍等列表,也可以将电影,电视节目和书籍添加到任何列表中。当您需要搜索某一条目时,可以通过向下滑动操作来直接解锁。
以上是2018年12个非常棒的iOS移动应用程序,它们中的大部分都位于AppStore排行榜的首位,下载次数和使用人数都几位可观。看了这么多成功的iOS应用程序,作为设计师,你有没有思考过,这些App成功的秘诀的是什么?
不难发现,出色的用户界面和用户体验至关重要。iOS设计主题将就明晰、尊重和深度,这意味着,在整个iOS系统中,文字在任何尺寸的设备上都是清晰易读的,图标是精确而清晰的,并且需要流畅的动画和交互,有序的视觉层次等等。总之,您设计出来的App需要满足用户对质量和功能的高期望值,才有可能成功。
那么,设计一个美观精细的iOS移动界面都有哪些必须注意的点呢?
1)字体
字体选择不宜多,多则杂乱。只需使用单个字体并使用几种字体变体即可。苹果公司使用SanFrancisco,并根据产品功能选择字体。例如,在iOS7中使用Myriad(Pro)Light,在iOS9中使用SF-UI。在iOS10中,旧金山变体是SFUIText和SFUIDisplay。你只需按照规则即可。但为了达到文字的易读性和可读性俱佳,关于字体选择和字体布局,你还是要根据具体情况仔细斟酌。
2)字体大小
iOS的字体大小有其比较明确的规范,具体查看下表:
色彩的魔力不言而喻,人都是视觉性的动物。颜色可以传达活力和信息,提供视觉连续性,响应用户行为提供反馈、帮助人们可视化数据。自iOS7以来,Apple一直在为其操作系统界面和预设应用程序设置色彩明朗鲜艳的调色板。关于颜色的选择比较自由,你可以使用下面列出的默认iOS调色板,也可以自己定制,以便在同类App中可以脱颖而出。
了解更多:如何在UI设计中明智地使用颜色来创建完美的UI界面?
iOS的图标风格是简单易懂,并且专注于某个功能点或者信息点。通常情况下,iOS应用程序需要使用到不同尺寸的图标。比如,用户在安装某一App后,在主屏幕可能需要使用较小的图标,但该程序在AppStore里又需要更大的图标。关于iOS图标大小,也有比较明确的规范:
1)加粗的导航设置
这几乎是iOS11中最令人印象深刻的变化。使用粗体标题可以让用户快速了解其当前位置,并进行快速标签切换。
2)界面布局中的空白区域
iOS11的标题文本包含一组元素,其中包含图片和描述,这些元素可以保持组元素之间的较大间距。在这种情况下,设计元素保持足够的间距并且可以用于区分不必要的装饰元素之间的层次关系。
这里我首先要推荐的,就是国内最优秀的原型工具Mockplus。它是一款专业的iOS应用设计原型设计工具。Mockplus提供了许多强大的功能,可以帮助您快速构建一个美观独特的交互移动iOS应用程序原型:
1)Sketch导入
交互是原型中展示设计者逻辑和思维的一种最直观的方式。使用Sketch的用户,在完成设计稿后,可以下载和安装Mockplus插件,将设计图导出为MP项目文件,在Mockplus中使用拖拽的方式对设计稿进行交互设计和团队协作等,十分便捷。
2)Mockplus的AutoDataFill组件支持批量添加图片
图片对原型界面的美观不言而喻。人都是视觉类动物,为了吸引注意力,设计师往往会选用精美的图片增加界面美感。在Mockplus中,数据填充组件可以让您从繁多的图片添加中解放出来,只需通过简单的点击或拖动,可以批量添加图像组件到您的原型设计。
3)Mockplus拥有3000多个矢量图标
如上文所讲,图标在iOS界面设计中是至关重要的因素,图标的合理使用可以让界面与用户之间更好的进行沟通。Mockplus拥有3000多个不同类别的适量图标,您可以自由选择,并且可以进行相应的编辑。
4)Mockplus中的可视化交互设计
Mockplus可以说是添加加快速交互的不二选择。只需使用封装可见的交互组件,用鼠标进行拖拽即可完成交互,不需要任何一行代码或者参数的设置。Mockplus目前支持3种交互方式:页面交互,组件交互和属性交互。交互命令还可一键自动还原。
5)Mockplus拥有300多个高度封装的组件
Mockplus的快速交互和其300多个高度封装的组件可以完美配合。做原型图时,只需要把这些组件放入工作区进行组合,以拖拽交互链接点的方式,就可以迅速呈现原型。你完全可以把思路用在设计上,而不用为制作一个组件去劳心费力。在Mockplus中,你可以快速的完成各类交互动态效果,比如滑动效果、缩放效果等等。