前端素材免费下载-有哪些国外设计素材网站推荐？

做前端设计、网页设计的,素材永远很重要。因为素材的美观程度往往直接决定了网页页面的风格、整洁度、色调等等。

我大学时候,在一家非常小型的创业公司实习。公司人员只有几个,所以在那时我基本上算是独立开发了一个旅游酒店订购平台,前端设计、后端开发、公众号开发等等都涉及,那段时间基本是我最全能的时候了。

所以当时我也收集了许多的前端素材,在这里一并分享给大家。

一、图标类

每一个Web开发者,尤其是前端开发人员一定都会需要icon图标来为项目增色。

FontAwesomeIcons

FontAwesome提供可缩放的矢量图标,可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。

IconMonster

特点:免费,高质量,。非常简洁的icon图标库。

IconFinder

这是一个比较有设计感的Icon图库,并且已经打包分类好,缺点是只有部分是免费的。个人觉得里面免费的图库也已经够用了。

附上圣诞特辑!

Iconfont-Alibaba

阿里巴巴UX部门推出的矢量图标管理网站,也是国内首家推广Webfont形式图标的平台。这个相信大家都用过!

二、图片素材

无版权限制的图片素材

PEXELS

Pexels可以说是图片素材界的超级网红了,说到图片肯定哪里都有它,我自己都推荐好几次了。可以免费下载各种各样的分辨率,包括原图尺寸。

例如搜索:圣诞节(Christamas)

PNGimg

这个主要用作素材,是不同种类的无背景素材图片!直接可以免费用。注意它是全部都是无背景图片,非常适合那些需要PNG透明底配图的。

例如搜索:Birds

KaboomPics

KaboomPics是以生活化免费高质量图片素材为主的图片素材库。里面的图片都是摄影爱好者摄影后通过审核上传的。并且可以应用于任何项目,没有版权限制。

自媒体可以从中找封面图,摄影爱好者也可以从中欣赏或着学习。

Unsplash

先这样~希望这些资源对你有帮助,下次还会更新一些web开发的常用工具。

如果有帮助,欢迎关注我以示支持,也以防错过下一波干货!~

iconfont-阿里巴巴矢量图标库

功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具

地址

这个也要看你的领域吧,一般室内的话比较喜欢的是pinterest,平面的话比较喜欢的是behance,当然也不仅限于这两个,像pin的素材种类比较多,在设计师心中是一个很强大的存在,后来上不去了,还是朋友给我推荐了一个网站,大师助手,可以免费上,二来网站种类也多,你也可以下载试试

设计师必备的40个国外设计素材网站:

1.Fribbble

来自Dribbble的免费素材会在这个网站汇集,有图标、PSD、各类视觉稿,不一而足。

2.Behanceprojecttemplate

在Behance上发布设计项目的时候,不知道如何展示才漂亮?看看这篇文章,下载结尾漂亮的模板,问题就迎刃而解了。

3.

这也是一个寻找免费PSD文档、虚化背景图和漂亮UI元素的好网站。

4.colourlovers

如果你还在为寻找好的色彩搭配而纠结,那么千万不要错过这个网站,你要的一切都在这里,从灵感搜集到成型的方案,满足你的每一个愿望。

5.CGtextures

这个网站提供了大量的免费图片,这类图片大多是关于石头、天空、树木等富有纹理质感的对象,当你需要制作有质感的对象的时候,这个网站会成为你最好的帮手!

6.SubtlePatterns

纹理神站!它不仅提供了超过400款高品质纹理素材,还提供了在线纹理制作工具,你还在等什么呢?

7.Webydo

著名的无代码网站搭建平台Webydo在此,上手试试吧~

8.guideguide

如果你也苦于设计网页中的栅格和布局,那么GuideGuide会是你的好帮手。我们也曾发文讲述如何使用这一工具《PS参考线插件GUIDEGUIDE下载及使用说明》

9.Nomorebanding

有时候使用PS制作渐变效果的时候,渐变效果并不平滑,而是呈现出阶梯状的变化,这个动作可以消除这种阶梯状渐变,看起来更加顺畅平滑,非常不错哦。

Gridzzly可以帮你制作自己的格纸,制作出非常不错的印刷图案,精确而实用。

这个工具可以帮你将你的图标转变为可为iOS和Android设备使用的APP图标尺寸。

3

这是专门为摄影师所设计的工具,使用PerfectEffects3你可以更容易添加效果,想比起耗时庞大的Photoshop、Lightroom以及Aperture,它更加快速实用。

&Slice

著名的Mac平台切图工具,它可以帮你在短短几分钟内搞定分组切图的工作,不过请务必记住要重命名各个图层。

2

这是一组包含7个不同脚本的图层管理插件合集,它可以让你繁琐的工作更加简单。

选择图层,高亮文本,然后通过拾色器来取色,有的时候是太过复杂的过程,Hexy则非常方便,它可以使用滴管快速取色然后直接复制到剪切板当中,即取即用。

!

看到一个漂亮的字体想知道它到底是什么字体?试试WhatTheFont吧,上传截图,它会为你在数据库中进行匹配。

Typewolf可以帮你显示正在浏览的网站所使用的字体,推荐类似的字体和背景信息。

SizeMarks是一个非常实用的Photoshop脚本,它可以测量不同元素之间的距离,对于设计师和前端颇为有用。

2

仅需要几秒钟,Velositey可以借助模板在Photoshop中快速构建网页布局。

这个工具可以帮你快速搜索图标,一键点击将其新建为新的图层,并且可以轻松编辑。

借助LivesharePS,你可以将PSD文档在Liveshare会议上在线分享展示,你的任何操作都可以让大家看到,哪怕你没有点击保存按钮。

这个插件可以让你无需离开Photoshop就一键分享你的设计作品。

想把你的AI中的配色方案同步到PS?Prisma可以让所有支持这一插件的软件中的配色方案都同步起来。

这是最好的假文生成器,可以在Photoshop、AI、ID和Dreamweaver中使用。

这个免费的Behance展示生成器可以借助一个免费PSD文档和PS动作帮你将作品制作成展示效果。

一个简单的PS插件,可以帮你将图层中的文本而翻译成不同的语言。

这是一组13个滤镜,可以在PS中帮你将图片制作成类似Instagram的效果。

来自GoMedia的SimonHartmann撰写了这篇实用而炫酷的教程,教你如何在Photoshop中实现VSCO处理图片的效果。

这款Photoshop插件包含了一系列可用于社交媒体的图片、广告Banner和资料信息等内容。

这是一组免费的包含大量移动端UI元素的PSD文档。

这个网站之前一直以而闻名,其中包含了395000多个可免费下载的图片。

这是世界上最大的UI设计数据库,现在它包含了超过46000个UI控件,并且可以免费下载。

MockupZones为你提供了大量优秀的免费视觉稿下载,从iPhone、iPad的界面设计到商业名片和文化衫设计,覆盖广泛。

这是一组用来展示设计作品的MacbookAir和Thunderbolt显示的视觉稿PSD文档。

设计师GreyscaleGorilla的个人站点,这个才华横溢的设计师在自己的网站中发布了许多制作3D设计作品的教程。

如果你是经常使用C4D的设计师的话,这个网站不要错过,其中有许多优质的贴图材质素材。

这个可用于PS和AI的插件可以让你直接在软件中搜索并获取各类素材。

这个是Adobe最新推出的教程网站,提供了几款著名软件的免费的初级课程。

这是最知名的PS教程网站,不论你是初学者还是专业的设计师,都能从中获益良多。

这是一个堪称伟大的免费资源包,从视觉稿到模板、图标,非常全面,不要错过

有个软件第三方平台挺不错:

大作

他简单快速速,平台内部收集了很多全球免费的设置资料库。如果你申请成为会员,可以快速的实现。全国各地多种资料库以及设计网站的翻墙工作。我平时找包装。产品外观设计以及室内设计等都在这个平台上面。你可以去感受一下。但不建议你一刚开始就去缴费。如果觉得自己有用,在后期去,缴费也可以。

在国内,也有很多优秀的设计平台。想花瓣。站酷。以及很多收费的素材网站等。都可以去了解和尝试。希望可以帮到你。