免费PSD素材
TETHR by InVision
这是出自InVision的8款PSD文件,其中包含了100个模板和超过500个UI控件。来自InVision和UI8的设计师一同协作完成了这套UI Kit,非常漂亮。
Designer-naut UI Kit
这是一套简约整饬的UI Kit,内置了40款矢量的小插件。这套UI Kit 为视网膜屏幕而生,基于16栏的960栅格系统,目前限时免费。
Wire Kit
这是一套分辨率为840 x 8600的 UI Kit,是一套为视网膜屏幕而生的素材,内置2组不同风格的控件,每组都有60个不同的控件。
iPhone Wireframe Kit
这是一套颇为方便的 iPhone 线框图 UI Kit ,整体采用的低保真的色调,所以它适合用来设计简约外观的UI。
免费Sketch资源
Yosemite UI Kit
这是一套完全免费的用于Sketch平台的Yosemite UI Kit,整套UI Kit 覆盖面非常广,非常实用。
Sketch Android UI Kit
如果你是一位喜欢使用Sketch的Android APP UI设计师,那么这套UI Kit绝对值得收入囊中,完整的UI控件支持绝对让你省心。
Bootstrap 3 UI for Sketch
这套 UI Kit包含了Twitter Bootstrap 3全套UI控件,完备而实用。
进阶Sketch UI Kit素材
Bolt Kit
Bolt Kit 是一套非常漂亮非常现代的视觉套件,你可以在Bolt Kit的帮助下,非常快捷的排列组合控件设计出你心目中的界面。
Flat UI Kit for Sketch
扁平化依然是目前的主流,这套扁平UI Kit中的的各种UI控件都非常简约,可以非常快捷地设计出漂亮的界面。整套UI Kit包含超过50个独特的UI元素,覆盖网站、移动端和响应式设计。
Wireframe Kit V2
这套UI Kit包含175个模板和超过500个UI元素,可以用于网页、平板和手机界面,使用这套工具可以让你的UX Workflow提速。这套UI Kit 是AI格式的,现在也有了Sketch的版本。
Illustrator UI Kit
Wireframe & UI Kit by C. Rowe
处于对传统线框图的失望,设计师C.Rowe决定自己动手丰衣足食,按照自己的想法设计出一套更加完善的线框图 UI Kit,当然,它是免费的。
Awesome Kit
这套炫酷的UI Kit包含了26套AI线框图模板、两套笔刷,由设计师George Vasyagin设计完成,实用且免费。
实用iPad应用
可能最终的设计你还是需要借助PS、AI和Sketch,但是在设计过程中,这些实用的iPad APP可以帮你实现一些最初的想法,快速成型,输出成可以处理的格式,帮你设计提速。
Adobe Sketch
Sketch是Adobe进军移动端的重要APP,它不仅可以让设计师更容易表达自己的设计和想法,还可以连接社区,了解其他设计师的设计,寻求灵感。
Paper by FiftyThree
Paper是真正为触摸屏设计的绘图应用,灵活的笔刷和极富创意的手势操作令这款APP别具一格,流畅的操作和无按钮设计可以让设计师充分发挥。配合FiftyThree所推出的Paper Pencil,体验非常赞。
Adobe Ideas
这是一款用来抓住灵感的绝佳APP,可以灵活控制矢量素材、图层和色彩主题,设计作品最终可以输出到AI中进行后期处理。
免费图标素材
The Noun Project
这套图标素材非常值得收入囊中,其中所包含的数千个图标源自不同的艺术家,其中部分图标是免费的,部分是收费的。
80 mini icons
这是一组简洁明快的小图标合集,可以在很多项目中灵活使用。
144 Social Icons
这套图标都是各大社交品牌的图标,包含了4种不同的样式、色彩。每个图标都是在PS中创建的矢量图形,可以轻松编辑。
进阶图标素材
Streamline
Streamline 应该是最丰富最强大的图标合集,设计师们已经不遗余力地为你搜集每一款有价值的图标。
Symbolicons- Icon Font
Symbolicons是一款图标字体,这使得你可以更加方便地控制图标的大小、颜色,你完全不用单独打开一个PSD文件或者AI文件然后来回拖拽每一个图标。
免费图片资源
Unsplash
Unsplash提供的图片全都是高分辨率的素材,每10天更新10张新图片,这么慢的更新,当然保质保量啦~
New Old Stock
这个网站搜集的是各种复古的照片,绝对有范儿。
Death to the stock photo: Free & Premium Options
这个网站图片质量也相当不错,可以商用,也可以放到个人博客、社交媒体以及放到自己的视觉稿中。如果你觉得免费用户不够畅快的话,还可以购买高级用户。
Public Domain Archive
这里提供的照片都是免费共享的,并且会每周更新,尽情地使用吧!
设备素材
3 Free Flat Device Mockups from InVision!
这是三款来自InVision的设备视觉稿素材,当你设计好UI之后,可以结合这三款素材制作成高保真的视觉稿。
iPhone 5s Template from Mockuuups
这是一款iPhone 5s的视觉稿素材,你可以轻松修改屏幕内容和背景图片,制作属于你的效果图。
iPhone 5s & 5c Mockups
同上一款一样,这一款iPhone 5s和5c的素材也是免费的,可以轻松定制内容。
3 Free Presentation Mock Ups
这3款视觉稿模板可以帮你轻松创建逼真的演示文稿。
Photorealistic Macbook Mockups
这一Macbook视觉稿素材是基于真实而专业的照片制作而成,绝赞。
Free iPhone & iPad Mock Ups
主流的iOS设备都是兼容iPhone和iPad的,当你展示iOS APP的时候,不妨直接使用这款高分辨率的iPhone/iPad素材。PSD文件中,屏幕截图都是单独的智能对象,可以替换。除此之外,背景还包含了5张不同的图片可供替换。
Placeit.net
Placeit 是一个免费的视觉稿生成工具,上传照片,网站会帮你处理成截图,并生成一个单独的网址,打开网站就可以看到最终结果。
带栅格的PSD
iPhone 5 Grid
设计师Eddie Lobanovskiy制作的10列栅格的iPhone 5 栅格系统,在这套栅格系统下,你设计的UI会更加整洁。
Bootstrap 3 Grid System
这套Bootstrap 3栅格系统是PSD格式的,方便你在PS中设计基于Bootstrap的UI。
A better Photoshop grid for responsive web design
来自Typekit的设计师Elliot Jay所制作的一款宽度约为1000px的响应式栅格系统,你可以在他的博客中下载这套栅格系统。
灵感
当你灵感闪现的时候,想要很快进入设计阶段然后实现它,并不容易。好在有许多技巧和方法可以帮你快速推进,迅速地将灵感转为为实际可见的作品,节省大量的时间。
A shorthand for designing UI flows
来自Basecamp的设计师Ryan Singer设计了一套快速高效推进UI设计流程的Outlines,遵循这套工具,你可以在5分钟内看到一套清晰而简约的设计稿。
Storyboards
在InVision,我们通常使用低保真的故事板来快速推进设计流程,通过故事板,我们可以快速地将脑中的概念同直观的视觉效果结合到一起,甚至可以试图将最终的UI界面具现化,在这个过程中无需花费大量时间进行像素级的打磨。