Tools & Resources 📦

Handpicked by Pauff，所有我认为好用的设计工具及资源网站都在这儿了，enjoy~

📦All In One

Creative Market - 大而全的设计资源站，大部分需付费，链接为其每周免费放送页面

Rawpixel - 同样资源丰富，且免费资源较多

📐UI & UX

UI Store Design - 精心挑选的高质量免费 UI 工具包资源，从图标、插画、登录页面、样机、UI套件、线框应有尽有

Collect UI - 每日更新，按不同元素分类详尽的 UI 设计灵感大杂烩

UI Sources - 深入分析目前世界上最火的 apps 功能及界面设计

Adele - 集合了各大公司共享的设计系统及组件库

🏡 Icons & Logos

Font Awesome - 质量碾压同类网站，面向开发人员，提供简易代码，并且资源也非常丰富

Orion - 质量超高全部手作的精致图标库，丰富的主题分类，还可方便地在线编辑细节后下载

Icons8 - Icons8 旗下的超丰富图标资源库，部分免费

iconmonstr - 高质量的黑白现代图标库，并且持续更新ing

Material Icons - Google 官方的 Material 图标库

useAnimations - 精致微动画交互的基本图标网站，多平台即下即用

Human Pictogram - 有趣的人体活动图标库，用在幻灯片里很方便，可用日文或英文搜索

seeklogo - 专门提供各大品牌 logo 的矢量素材，甚至涵盖了历史版本

🎨 Illustrations

Freepik - 从矢量图案到插画再到 PSD 模板（包含平面及UI），应有尽有

Ouch! - Icons8 旗下拥有超多免费精致小插画的网站，还有多种分类场景

IsoFlat - 高质量免费 2.5D 风格矢量素材库

Mixkit - 高质量免费插画素材网站，同时也有高清视频素材姊妹站

IRA Design - 主打渐变风格的矢量人物插画素材网站，支持在线更改渐变色

Biodiversity Heritage Library - 10 万余张来自十九世纪生物多样性图鉴的精美手绘插画

USDA Pomological Watercolors - 美国农业部公开的 7500 余张绘于百年前的精美水果水彩画

💻 Mockups & Templates

Facebook Design - Facebook 出品的设计资源，机型全而标准，包括 Sketch 及 PNG 格式文件

Dimmy.club - 在线生成界面展示透明模板图

MockupPhotos - 在线生成 UI 及印刷品等的场景展示图

GoodMockups - PSD 模板文件下载，除了手机模板还包括各类生活用品模板，十分丰富

Istore Graphics - 新颖富有创意的高质量样机网站

🔧 Tools

Coolors - 简洁而强大的色彩搭配网站

Khroma - 根据用户选择的 50 种颜色利用 AI 生成一系列色彩搭配方案，以文字、渐变、图片等形式展现

WebGradients - 上百个迷人的渐变，每个都被赋予了名字，且打开即用

Space Type Generator - 输入英文在线生成超酷动图

Fluid Simulation - 超酷炫的流体模拟器，能一键生成烟尘、液化等神奇效果

Color Claim - 设计师 Tobias van Schneider 的私人配色收藏站

Archetype - 利用 Google Web Fonts 在线自定义预览字体搭配效果，还可一键导出

Smooth Shadow Generator - 调节参数即可自动生成多层的自然阴影效果，提供代码复制

🤯 Inspirations

The Outline - 设计排版极富创造力的新闻网站

Nick Jones - 极富创意的利用黄金分割的引导式导航设计

Bruno Simon - 3D交互的新世代网站形式

FontFace Ninja - 一个弹窗贯穿始终的独特创意

Bh - 来自巴黎的设计工作室官网，全屏大图形式的展现，细腻迷人的交互

💎 Sketch Plugins

Kitchen - 蚂蚁金服出品，包括图标库、智能排版、数据填充、色板管理等功能

Craft - InVision 旗下的多功能插件，类似 Kitchen

Gallery - Google 的 Material Design 官方插件

Easing Gradient - 自动生成过渡更加自然的渐变

Chart - 一键生成各类统计图表（部分免费）

Rename-It - 利用通配符批量修改图层名

Prism - 将文档色一键生成美观的色卡组

Select Similar Layers - 快捷选择有相同自定义属性的图层

Symbol Organizer - 快速整理文档内所有的组件