移动端设计资源大共享
设计来源于生活和借鉴。要成为一名优秀的设计师,寻找资源是必不可少,清楚知道哪个平台找素材,提高技术水平又去哪个站点。这里分享几个很不错的设计资源站点,希望对大家有帮助,主要是移动端的设计。
灵感
下面的资源可以为你的设计带来灵感。在创意过程中,借鉴一下别人的作品,看看他们的优劣、探索他们的风格和所使用的方式通常能给你带来帮助,让你知道在自己的设计中应该进行哪些尝试。观察别人的作品能够让你学到很多东西,下面的这些网站收集了各种各样的应用设计并集中放置在了方便浏览的位置。
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和iPad iOS7 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是一个免费的音效库,其中包含一大批效果不错的点击和提示音,你可以用做自己项目的界面音效。
本文由广州网页设计、广州网站建设—迪麦互动转载,仅供学习和探讨!!