国外优秀素材网站

时间：2022-08-19 05:18:01 | 来源：网站运营

时间：2022-08-19 05:18:01 来源：网站运营

1、素材网站

图标：

Iconfinder，国外图标灵感网，寻找灵感或购买图标。

Noun Project，非常棒的国外图标网站，免费的扁平化图标，可以下载svg进行再创造哦。

Free vector icons，免费的矢量扁平化图标网站，谁用谁知道。

EpicPxls，另一个图标免费素材网站，很多优秀图标素材可以下载。

一般素材：

Subtle Patterns，纹理素材网站，设计加分哦！

Textures，纹理素材网站，很多材质的纹理都可在这找到。

Pixelbuddha，免费素材源文件，质量不错。

iconstore，素材网站，而且大多数是免费的。

Download Free，免费素材网站，内容非常多。

UI8，国外素材网站，质量不错，大多收费，小部分免费。

Mockup Zone，Mockup素材网站，有收费，有免费。

图片配图：

FreeImages，免费图片素材库，数量很多。

Unsplash，很有个性的高质量免费图片素材网站，还有chrome插件安装。

Gratisography，免费图片素材网站，还不错。

Life Of Pix，不错的免费图片素材网站。

Pixabay，免费素材网站，数量比较多。

Pexels，免费的图片素材网站。

Wallpaperswide，高清壁纸素材网站，数量很多。

Vecteezy，老牌免费素材网站，数量也很多。

Designstub，Bootstrap框架的免费模版素材，静态HTML页面，Bootstrap或响应式设计参考。

Baiana，最近备受关注的国外设计团队，有很多很棒的素材和创意，而且大多数免费分享。

500px，很棒的图片网站，不多说了。

界面交互：

Invisionapp1，非常棒的设计界面素材，免费下载源文件，手机APP交互，UI设计。

Invisionapp2，同样来自invision的设计界面素材，免费下载源文件，质量也很高。

Sketchrepo，Sketch免费界面素材网站，素材质量不错，手机APP交互，UI设计。

Psdrepo，sketchrepo的同胞兄弟，同样是免费高质量界面设计素材。

思源字体：

adobe-fonts，思源黑体官方下载地址。

adobe-fonts，思源宋体官方下载地址。




2、设计创意灵感

Dribbble，追波，不多说。

Behance，不多说。

DeviantArt，也很有名，不多说了。

Pinterest，素材创意大集合，非常棒的网站，也很有名，不描述了。

Tumblr，灰常有名了，有很多优秀的设计作品在上面。

站酷-zcool，国内设计比较有名的网站，不多说。

花瓣-huaban，国内山寨pinterest，但是因为速度快所以用起来还是不错的。

Themeforest，知名度非常高的模版销售网站，很多国外流行的页面风格、动效，创意。

Elegantthemes，国外有名的wordpress模版设计团队，创意十足，不过可惜的是最近不思进取，一直没有太大创新，还在售卖一年多前就发布的模版，对wordpress开发有帮助。

Yootheme，也是非常棒的国外网站模版设计公司，包括wordpress和joomla!，设计简洁有想法，还有他们推出的前端框架Getuikit，（类似Bootstrap），有兴趣的朋友可以了解一下。

Awwwards，非常有名的网页设计创意参考网站。

Materialup，Material Design相关设计作品的参考网站。

100daysui，Dribbble牛人的每日一设作品，有源文件下载和HTML代码实现！绝壁学习极品。

Sebastien-gabriel，谷歌设计大神个人网站，他的文章《How I joined Google》曾脍炙人口，其他设计类的文章也很有参考价值。

Dejan-markovic，国外一个设计师的个人网站，内容涵盖自己的作品从产品分析到最后设计成型的过程解析，很有参考价值。

Ebooks，UXPIN推出的免费设计e-Books，可以看看。

Triangulate Images，快速将图片处理成low poly效果的工具网站。

Coolors，快速取色，并且能够自动生成色彩层级的工具。

Webgradients，轻量的渐变配色网站，配色很有逼格。

Color Tool，Material Design官方的配色工具，可以通过取色快速查看界面整体效果。

Sketchfab，Sketchfab-全球知名的 3D 设计模型在线展示平台。




3、前端／动效／用户体验

Codrops，前端效果，创意十足，每周集锦很有意思，强烈推荐，免费下载使用！

Codyhouse，也是非常棒的一个前端动效网站，Codrops经常会收录它的一些好作品。

Tutorialzine，很多好玩的前端效果和知识，但更新不勤快，可偶尔看看。

Github，trending里筛选CSS/HTML/Javascript的语言分类看是否有最新好玩的前端作品，全球开源代码最领先的地方。

Goodui，通俗易懂的UI设计准则，很有意思。

Medium，里面有很多很棒的设计类文章，值得参考。

Codepen，很棒的前端网站，可以直接预览前端效果和使用代码。

Fontawesome，最早的开源免费字体图标库，以前用Bootstrap+FontAwesome基本上就能搭建一个像模像样的网站，图标种类繁多，使用方便。

Wappalyzer，可以查看当前网页的前端技术使用情况，非常方便。




4、工具

Tinypng，在线压缩PNG/JPG图片网站，大幅度减小图片尤其是PNG图片的size，方便好用。

Icomoon，字体图标管理／生成网站，功能强大，国内的iconfont应该是参考它做的。

Iconfont，icomoon国内访问速度慢，现在比较常用iconfont，也挺好用的。

Guideguide，Photoshop必装的参考线插件神器，谁用谁知道。

Rightfontapp，字体管理软件，能快速加载字体，并在设计稿中引入矢量图标。

Sketchapp，Mac下的UI设计神器，快速简单，而且正版也不贵，缺点是没有Windows版本。

Sketch-measure，Sketch中必装的插件，能够导出设计稿的HTML文件供前端实时查看，免去了切图的烦恼，还能切换设备分辨率，非常方便。

Flinto，轻量级的交互软件，能够与Sketch一起使用，简单方便。

Principle - Animated Design，功能强大的交互设计软件，用它能够做出很不错的app动效。

Framerjs，能够直接用代码做交互／动效，个人感觉很不错，广受国外一线设计师的好评。

Craft by InVision LABS，Invision推出的PS／Sketch插件，能快速添加图片／文字等功能。

G2.alipay，G2-蚂蚁金服团队的图表组件工具，设计图表的时候可以参考。

Gitbook，使用Markdown编写文档，采用Git管理方式，方便高效。

Device metrics - Material Design，谷歌设计团队推出的设备相关参数参考页面，很完整。

Echarts，百度团队的纯 Javascript 图表库，算是比较成熟的解决方案。

常见设计规范与 Sketch 源文件下载集合，文章收集相对完整的设计规范及组件库资源。