不容错过的UI设计素材大合集

免费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界面具现化,在这个过程中无需花费大量时间进行像素级的打磨。

时间: 2024-10-05 06:21:07

不容错过的UI设计素材大合集的相关文章

分享20个最新的免费 UI 设计素材给设计师

用户界面设计涉及到很多的创意,灵感以及需要与客户进行有效沟通的技能.良好的用户界面是一致的,可以使网站更容易理解和使用.UI设计的重点在于用户体验和互动,同时易于使用对于一个成功的移动应用程序来说非常重要.在这篇文章中,我们收集了20个最新的免费 UI 设计素材给设计师. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuery 动画插件 8个

[题解+总结]动态规划大合集II

1.前言 大合集总共14道题,出自江哥之手(这就没什么好戏了),做得让人花枝乱颤.虽说大部分是NOIP难度,也有简单的几道题目,但是还是做的很辛苦,有几道题几乎没思路,下面一道道边看边分析一下. 2.lis 最长上升子序列 唯一一道裸题,但是O(n^2)过不了,临时看了看O(n log n)的二分做法和线段树做法.先来讲讲简单的二分做法,其本质就是在O(n^2)上进行优化,需要证明一个结论.设当前处理数列第k位,存在: (1)a[i]<a[j]<a[k]: (2)i<j<k: (3

直接拿来用!Facebook移动开源项目大合集

直接拿来用!Facebook移动开源项目大合集 时间:2014-04-22 15:37 作者:唐小引 随着iOS依赖管理工具CocoaPods和大量第三方开源库成熟起来,业界积累了大量的优秀开源项目.不久之前,Facebook推出了旗下移动新闻阅读应用Paper,便动用了将近100个第三方开源库,极大地简化了自己的应用开发任务. 移动开发生态圈日益完善,基础的开源组件也越来越丰富,而Facebook不仅取之开源,更不断地开源其内部项目,将成果反馈给开源社区,与开发者共享.接下来,就让我们一起来看

《github一天一道算法题》:搜索二叉树接口实现大合集

读书.思考.写代码! 说明: (1)这里实现了搜索二叉树的全部常用操作 (2)限于时间和精力,实现的较为粗糙,内存泄露.成员变量访问控制.返回类型.异常安全等没有照顾的到 (3)一切实现的手段都是贴近底层操作,关注原理.以后可能对推倒重来,实现一个完备的接口系统. /********************************************* * [email protected] * 题目:二叉树接口实现大合集 * 具体:二叉树的创建.插入.最大值.最小值.前中后序递归遍历与非递

[知识点]NOIP动态规划大合集

1.前言 NOIP2003-2014动态规划题目大合集,有简单的也有难的(对于我这种动态规划盲当然存在难的),今天就把这些东西归纳一下,做一个比较全面的总结,方便对动态规划有一个更深的理解. 2.NOIP2003 加分二叉树 树形DP入门题,根据题意,一个树的加分=左子树*右子树+根节点,由此可以设f[i][j]为子树i到j的加分,则有方程:f[i][j]=max{d[t]+f[i,t-1]*f[t+1,j]} ( t∈[i,j] ) 3.NOIP2004 合唱队形 应该是最简单的一道了,枚举队

从零开始学数据分析,什么程度可以找到工作?( 内附20G、5000分钟数据分析工具教程大合集 )

从零开始学数据分析,什么程度可以找到工作?( 内附20G.5000分钟数据分析工具教程大合集 ) 我现在在Coursera上面学data science 中的R programming,过去很少接触过统计.计算机这两个学科,现在很想转行做数据.问题如下: 1.Data需要学到什么程度可以找工作?2.初级的数据分析会做哪些工作?3.数据分析有什么小方向吗?4.想要深度做数据分析有怎样的建议? 5.统计的学习应该从哪里下手? 本文将给你以上问题所有答案,文末还有UniCareer为大家独家整理的20

Lucene搜索方式大合集

package junit; import java.io.File; import java.io.IOException; import java.text.ParseException; import java.util.ArrayList; import java.util.List; import org.apache.commons.lang.math.NumberUtils; import org.apache.lucene.document.Document; import or

Android 软件开发与游戏开发1 至 32系列博文大合集

Android 软件开发与游戏开发1 至 32系列博文大合集Android 软件开发与游戏开发1 至 32系列博文大合集 http://www.qdmm.com/BookReader/17958,65822595.aspxhttp://www.qdmm.com/BookReader/17958,65822597.aspxhttp://www.qdmm.com/BookReader/17958,65822598.aspxhttp://www.qdmm.com/BookReader/17958,65

Android软件开发之盘点所有Dialog对话框大合集

对话框大合集 今天我用自己写的一个Demo 和大家详细介绍一个Android中的对话框的使用技巧. <ignore_js_op> 1.确定取消对话框 对话框中有2个按钮   通过调用 setPositiveButton 方法 和 setNegativeButton 方法 可以设置按钮的显示内容以及按钮的监听事件.<ignore_js_op> 我们使用AlerDialog 创建对话框 AlertDialog.Builder builder = new AlertDialog.Buil