16个国外顶级设计师私藏网站

设计圈里充斥着无数的设计工具,插件,网站,资源,它们的目的都是帮助我们成为更优秀的设计师。然而,相信你也跟我一样,尝试了很多后,发现只有少数的有用。
1.网页端交互体验设计灵感集合

Saasframe是一个很好的网页设计启发灵感的网站。这里收集了大量的具有出色设计前沿科技公司提供的不同用户交互体验界面。例如,假设要设计一个“忘记密码”的页面,在这里我能找到很多其他公司的案例,了解他们如何安排“忘记密码”交互体验的。
2.网格渐变


Gradient Collection这是一个网格渐变的网站,它为设计师提供了100种免费渐变。我喜欢这些渐变中使用的柔和又丰富的色调,可以用于界面设计、视觉设计、登录页面背景等等,特别是可以快速运用到包装设计或者演讲提案中。
3.在线姿势生成器

POSE是了解人体解剖结构的绝佳工具,类似于在学生时代用的“木头人”。插画创作过程中,确定正确的人体比例是最基础最关键的部分,但是对于很多设计来说这一部分最难,使用POSE可以帮助快速解决这一令人头痛的问题。
4.品牌色彩

Brand Colors这里有优秀公司品牌颜色集合,无论你是要寻找灵感还是要搭配有趣的调色板,还是需要快速找到特定品牌的颜色,都可以使用这个Brand Colors这个网站。
5.图片放大器

Letsenhance这个网站跟我们压缩图片的网站刚好相反,它可以将任何图像缩放至16倍而不会降低分辨率。
6.抠图网站

Remove.bg就是一键删除图像背景的网站。如果你不想打开PS用钢笔工具抠图,可以试一试。虽然抠图效果不稳定,不过可以完成90%的工作,然后再用PS细化,省出来的时间就可以喝下午茶啦。
7.原型图

如果要制作原型图或线框图的话,Whimsical是必不可少的工具,创建用户流程图或者安排导航,都可以打开这个网站去制作。
8.流体模拟

Fluid Simulation这不是一个工具,是一个可以交互的有趣流体效果网站。当然如果你需要在web网站上实现这种特殊的效果,就可以参考它的实现代码或者理念。
9.汉堡包图标动画

jonsuh是免费的动画汉堡包图标库,供设计师或开发人员使用。动画汉堡包图标是为您的个人网站增添趣味或在产品中添加个性的一种很酷的方法。网站上会列出实现效果的步骤和代码,可以供设计师给到开发参考。
10. SVG背景

SVG背景是一个超级有趣的网站,可用来摆弄并创建各种彩色和几何背景。有数十个带有滑块的背景选项,可用于调整和自定义其外观。
11.颜色情绪版

Picular是一个情绪版搜索引擎,比如你搜索“冬天”,就会显示与这个词相关的颜色集合,我看到的是冷色色板,很酷。所以当我们的设计项目需要进行颜色脑爆时,或者为新品牌设计、新图形设计确定调色板时,都会有用。
12.图标动效库


Lordicons这里有设计精良又具有奇特动画的图标,是在Airbnb动画库Lottie的推动下建立的,可以调整数值和滑块进行重新设计和使用,微动效可以在这里寻找灵感。
13.表情符号

emojione 这个网站包含精心制作的表情符号、贴纸、动画等新内容。她们在传统表情符号上进行了独特的设计,甚至创建了一堆自己的新表情符号,在我们的iOS或Android上都找不到哦。
14.模板动态效果

可以制作动态mockup,直接拖放设计稿,快速调整设备角度和大小,几秒钟就完成一个完美的模型,工作变得更轻松。
15.不会插画的设计师也不用怕

Blush是一个与众不同的插画网站。现在,不用打开 Illustrator 就可创建真正独特的插图啦。Blush 上面有数十个选项可供选择,可以自定义角色的头发,裤子,肤色等。还等什么,赶快动手试试。
26. Tabler图标

Tabler图标是850多个可调节笔触图标的集合。我最喜欢该网站的部分是,我不需要为每个图标下载SVG。只需单击您需要的图标,然后就可以将其粘贴到任何使用笔触的设计程序中。
16. Google颜色和类型工具

在谷歌设计系统材料具有的有用的工具,资源,提示,引导,更丰富。我发现在工作中最有用的两个是字体缩放工具和调色板生成器。生成已经针对可访问性进行了调整并且在外观上令人愉悦的调色板,从未如此简单。