获取灵感
多看别人家的设计,了解哪些设计可行,哪些不可行,了解不同的风格,学习不一样的设计方法,然后应用在自己的设计中。
CAPPTIVATE.co
和许多传统的UI设计分享站不一样,它所提供的不仅仅是iOS 应用的截图,而是通过5秒钟的视频来展示APP中的过度效果和动效。预览视频也很简单,只需要将鼠标光标移动到界面上,就可以看到这些动效。这些视频是按照界面类型(导航界面、加载过度、刷新特效等等)和动效类型(褪色、视差、波纹等等)来分类。如果你正在为你的APP寻找可靠的动效设计,那么这个网站你不能错过。
Android Niceties
Android Niceties这个网站将那些最漂亮的Android APP的截图搜集到了一起,你可以在这里查看各种优秀的APP截图,获取灵感。
Mobile Patterns
这个网站搜集了Android和iOS两大主流平台应用的UI截图,你可以通过筛选选项单独浏览一个平台的截图,也可以同时浏览两者。你还可以按照界面类型来筛选,比如时间轴、图片浏览、注册流程等等。
Pttrns
Pttrns 主要展示了iOS平台上的界面样式,分iPhone版和iPad版。你可以在这里根据类型来筛选截图,比如着陆页、个人信息、评论、列表,等等。
优质素材
工具
Android Asset Studio
Android Asset Studio能帮你方便快捷地整合管理你的Android项目所设计的素材和工具。它自带了一系列的图标生成器,可以直接用它调用图片、剪贴画、文本图标等。借助Android Asset Studio可以帮你制作Launcher、Smartbar、标签栏、通知、通用图标等。
选择合适的图片、前贴画或者文本图标之后,稍加设定就能生成图标或者界面,然后下载调用。这些素材会生成不同的分辨率,比如xxxhdpi、xxhdpi、xhdpi、hdpi和mdpi。
除此之外,其中还有其他的实用工具,比如Android ActionBar 样式生成器,Android Holo色彩生成器和Device Art生成器。
Sketch Plugins
越来越多的UI设计师开始使用Sketch来做设计。Sketch Plugins是一个搜集整理实用的Sketch插件的网站,帮你提升设计效率。
UI Kits
Teehan+lax
Teehan+lax是一个设计机构,并且提供一系列免费的工具来帮你做设计。比如他们提供iPhone和iPad版iOS7的UIKit,包括PSD和Sketch两种格式。从iOS5时代开始,他们就开始随着苹果公司的更新进度来更新他们的UI Kit,很快我们将会看到他们推出的iOS8 UI Kit。
Tethr
Tethr是一个免费的iOS UI Kit,组件全面广泛,包含了多媒体、社交、导航和电子商务等多个领域。它包含了138个模板、250个组件总计8个PSD文档,绝对实用。
Mercury
你能从Mercury下载iOS8的矢量UI Kit,其中包含了iPhone和iPad的UI组件。
字体
字体用好了,能让网站加分不少。一款高大上的英文字体能让网站的视觉更为高大上。下面就是互联网上的高品质字体。
Font Squirrel
你在这里可以找到免费商用的优质字体。
Google Webfonts
Google Fonts 是众所周知的优质免费英文字体集中地。
动效
Facebook Pop
Facebook Pop 是一个可拓展的iOS和OSX动效库,你可以借助它轻松地在应用中加入动效。Facebook也正是借助这个库来创建Facebook Paper中的动效和过度效果的。
Canvas
Canvas 是一个iOS库,无需编写代码,你就可以从这个库中调用动效应用到APP中。教程在这里。
声效
在设计界面的时候,加入合适的声效可能是最有趣的用户体验设计。音效可以用于通知,进入某个界面时候的提醒,或者破坏性操作(比如删除)。
Octave
Octave 是一个免费的声效库,包含了许多有趣的声效,大多是点击、蜂鸣声,适合应用在各种APP中。 |