财富！免费移动端设计资源【百科全说】

要成为一名优秀的设计师，我们必须要清楚在创作过程中去哪找资源、想要提高技术水平又去哪找资源。没错啦！o(≧v≦)o~~今天小编就给大家带来了关于介绍移动端设计资源。其中，将分培训、灵感和工作所需资源三大类主要介绍一些免费资源。小伙伴们绝对不能错过哦！(≧▽≦)/

培训

移动开发人员用户体验设计

《移动开发人员用户体验设计》是Udacity上的一套课程，其主要教授创造优秀用户体验的一些技巧和最佳实践。课程的目标受众是想要学习设计知识，构建设计和结构优秀应用的开发人员，不过没有编程的人也能从课程所讲授的各项设计原则中受益。

课程可以免费观看，但是如果你想要导师提供一对一辅导并对你的设计进行评审，就需要支付一定的费用了。

这套课程是学习移动端用户体验设计的不错起点。尽管课程主要以Android平台为主进行讲授，但其中的各项原则也适用于其他移动平台。

开发人员用户体验设计

这是Andoroid开发人员YouTube频道上的一个栏目，在栏目中，Google开发员Nazmul Idris（同时在前面介绍过的Udacity课程中任教）将为大家讲解移动端用户体验设计。

这个栏目主要受众是初学人员，其中将展示打造优秀用户体验设计的各项设计原则和最佳实践。

Android设计不停歇

Android设计不停歇同样是Andoroid开发人员YouTube频道上的一个栏目，其中将由Google设计师Nick Butcher、Adam Koch和Roman Nurik与观众探讨Android设计的各项不同要素。

在每集中，他们都会介绍不同的应用，并且掰开揉碎地讲解其UI及UX设计，说明其中的优缺点。在探讨完应用设计之后，他们还会展示同一个应用的最新设计，并解释设计流程中作出各项决策的原因。如果你是移动端设计师，特别是安卓设计师，这个节目一定能给你带来宝贵的设计实践、设计模式和灵感，以便你应用到自己的项目上。

Hack Design

Hack Design是一个能够为需要填补设计知识空缺的人提供设计培训的网站。其包含博客、书籍、视频、游戏和教程等内容，网站由业界多名顶级设计师主掌，全部内容分为50节课程。网站每周会通过电子邮件给学员发送一次课程，你也可以通过访问网站自由选择课程进度。

该网站不专门以移动端设计师为目标，但其中有一部分专门的移动端设计课程。另外，不论你选择设计的哪个分支，都需要先从设计要素和原理等基础知识学起。所以Hack Design是一个不错的入门网站。

灵感

下面的资源可以为你的设计带来灵感。在创意过程中，借鉴一下别人的作品，看看他们的优劣、探索他们的风格和所使用的方式通常能给你带来帮助，让你知道在自己的设计中应该进行哪些尝试。观察别人的作品能够让你学到很多东西，下面的这些网站收集了各种各样的应用设计并集中放置在了方便浏览的位置。

CAPPTIVATE.co

Capptivate是一个移动端设计样式库，其不仅展示iOS应用的截图，还包含时长5秒的应用视频及过渡和动画效果。你只需用鼠标滑过就可以播放视频。所有应用都按照不同的设计模式（例如导航类，加载类、下拉刷新类）或者效果类型（例如淡入淡出、视差、波纹等）进行归类。

如果你想在应用的UI中加入动画或过渡效果吸引用户，那么这个网站能给你带来一些灵感。

Android Niceties

Android Niceties中收集了一些外观非常漂亮的安卓应用的截图。你可以查看每个应用的不同界面，了解安卓UI的一些设计惯例。

Mobile Patterns

Mobile Patterns中收集了很多iOS和安卓应用的截图。你可以查看两个平台的UI，也可以单独查看其中之一。你还可以某个特定类别的应用截图，比如注册流程、启动画面、时间轴、画册等等。

由于这个网站既有iOS也有安卓应用，所以是学习两个平台设计模式和设计惯例的好地方。

Pttrns

Pttrns上展示了很多iPhone和iPad的移动设计模式。你可以根据启动画面、个人资料、评论、列表、空状态等不同的类别筛选自己想看的模式。

这也是一个寻找灵感的好地方。

资源

1. 工具

Android Asset Studio

Android Asset Studio是一套可以让你轻松快速用于为自己的安卓项目创建资源的工具。

其中收纳了很多图表生成工具，可以让你使用现有的源图片、剪贴画或文本生成图标。你还可以生成桌面、操作栏、标签、通知、导航抽屉和一般图标等等。

操作方法非常简单，你只需要选择要用于图标的图像、剪贴画或文字，进行一些美工配置，然后就可以直接下载生成好的文件。所生成的文件会与安卓图像资源（即xxxhdpi、xxhdpi、xhdpi、hdpi 和 mdpi）所使用的密度不同。

除了图标生成工具，还有其他工具的链接，例如安卓操作栏样式生成器、安卓整体颜色生成器和设备艺术生成器。

安卓操作栏样式生成器可以用来为安卓应用打造自定义的操作栏样式。其可生成所有必要的九宫格资源以及相关的XML可绘制内容和样式，你可以直接复制到自己的项目中。

安卓整体颜色生成器可以让你以自己喜欢的颜色轻松创建按钮、旋转进度条、勾选框等安卓元素。其可生成所有必要的九宫格资源以及相关的XML可绘制内容和样式，你可以直接复制到自己的项目中。

设备艺术生成器可以用来将应用截图打包到真实的设备上去。这样你就可以在自己的网站或其他营销材料上进行展示了。

Sketch插件

Sketch作为一款专为UI设计师打造的设计工具，已经在设计圈子里广为人知。Awesome Sketch Plugins网站上列出了一系列很有用的Sketch插件，你如果使用Sketch，这些插件可以帮助你改善工作流程。

2. UI Kits

Teehan+lax

Teehan+lax是一家设计公司，他们提供一套免费工具可供你设计使用。例如，他们提供PSD或Sketch格式的iPhone和iPadiOS7 UI工具包。这家公司从iOS 5起就一直在更新UI工具包，所以不出意外他们很快会提供iOS 8的工具包，所以大家可以留意一下。

Tethr

Tethr是一款免费的iOS设计工具包，其中提供从多媒体、社交、导航到电子商务等多种多样的元素。

工具包中包含8套PSD文件，138个模板和250多个元素。你可以从中尽取你所需的不同UI元素运用到自己的设计中。

Mercury

你可以通过这里下载免费的iOS 8 矢量包。包中含有适用于iPhone和iPad的UI元素。

3.图标集

Flat Icon

Flat Icon堪称是最大的矢量图标集合地。你可以下载SVG、EPS、PSD或PNG格式的图标，另外其还提供Photoshop、Illustrator和After Effects的插件以方便你在不离开工作环境的情况下快速找到设计所需图标。

Android Icons

我推荐的其他资源都是全免费或者起步免费的，但是这里，我要推荐一款付费资源，因为其价格不贵，物有所值。

Android Icons仅需25美元，可提供适用于安卓开发（甚至是网页设计或其他移动平台）的图标集。这套图标集包含250个图标，5种尺寸14种颜色，包括矢量图，并提供方便使用的许可。

Pixel Love

Pixel Love可以提供一些不错的免费图标集。你可以免费下载一套包含60个iOS和安卓图标的图标集，另外还有包含40个免费iOS和安卓社交媒体图标的图标集。

Icon Beast

Icon Beast免费提供保护500个iOS标签栏图标的图标集，但你需要注明使用来源。其图标可以用于iPhone和iPad设计。

Appzger Clear Icons

Appzger提供一套500个极简主义图标，可以按需付费。这些图标提供PSD、PNG、SVG和CSH等不同格式。你可以使用这些图标进行移动端或网页设计项目。

Line Icon Sets

在这里你可以找到一系列不同的免费线性图标集。

4.字体

设计中字体的选择可以说是项目成败的关键之一，因此必须谨慎为之。在很多情况下，最棒的字体通常是要付费的，不过网上也有很多不错的免费字体。下面是一些查找免费字体的来源。

Font Squirrel

Font Squirrel上提供了可用于商务或其他不同用途的免费字体。

Google Webfonts

这个站点大家都很熟悉了，尽管如此我认为还是值得一提。Google Webfonts上提供了数量有限的字体可供你免费使用。这是你寻找字体的好地方。

5.动画

Facebook Pop

Pop是一个可扩展iOS及OS X动画库，其使用方便，你可以用它来为你的应用添加动画效果。Facebook自身也使用这个库为其Paper应用创建动画和过渡效果。

Canvas

Canvas是一个iOS库，可以方便你为自己的应用添加动画效果，免去你写代码的麻烦。点击此处可以观看使用教程。

6.音效

为应用添加音效可能不太适合某些用户界面，不过有时音效也能够提升整体用户体验。通知、正面操作（例如添加、完成任务）或销毁操作（删除、移出列表等）等都可以使用音效。

Octave

Octave是一个免费的音效库，其中包含一大批效果不错的点击和提示音，你可以用做自己项目的界面音效。

最后

上面所列出的仅仅是移动端设计师寻找设计资源的冰山一角，可以作为你开始进行移动端设计、深入学习或仅仅是寻找适合自己项目资源的起点。

希望这些内容对你能带来帮助，或者你也可以和我们分享一下你的资源来源。

翻译：蒋灿

翻译地址：网秦

sitepoint

财富！免费移动端设计资源

相关推荐