设计师必备！71个爆火的神器、模板、素材、资源网站推荐

时间：2022-08-07 16:03:01 | 来源：网站运营

时间：2022-08-07 16:03:01 来源：网站运营

2021 年了，你还在为没有设计灵感而头疼吗？你还在为寻不到素材而苦恼吗？你还在为不会配色而焦虑吗？别急，优优倾情选择了 71 个设计师必备网站，包含设计师及团队、样机素材、模板下载、插画图标等等，每个网站都附带网址链接，一站式解决你的工作需求！

设计师及团队

1. Tran Mau Tri Tam

Dribbble 主页：Tran Mau Tri Tam

Tran Mau Tri Tam 是一名越南的 UI 设计师，将丰富的色彩以及流畅的动效运用在网页中。无论是复杂的 3D 效果还是简约的扁平插画，都运用地得心应手。







2. Gleb Kuznetsov

Dribbble 主页：Gleb Kuznetsov

Gleb Kuznetsov 是一个拥有超过 15 年的 UI 和 UX 设计经验的设计师。Gleb 的设计工作获得了全球关注，并且是设计界最受欢迎和追随者之一。







3. Zhenya Rynzhuk




Dribbble 主页：Zhenya Rynzhuk

个人网站：Zhenya Rynzhuk

Zhenya Rynzhuk 是一名网页动效做的十分自然流畅的 UI 设计师。排版和动效都十分具有参考价值。她个人的网站的交互动效设计也十分有她自己独特的风格，有兴趣的朋友可以去看看。







4. Eddie Lobanovskiy

Dribbble 主页：Eddie Lobanovskiy

Eddie Lobanovskiy 是一名优秀的设计师和插画家。他的图标设计将丰富的色彩与图形结合得十分巧妙，不仅如此，他的拟物图标也是做到极致的逼真。







5. Yoga Perdana

Dribbble 主页：Yoga Perdana

Yoga Perdana 是一名优秀的 Logo 设计师。他的 Logo 多是由多个色块拼接而成，配色清新淡雅。运用的切割和渐变的手段也使他的 Logo 更加有空间感，同时也形成了他独特的设计风格。







6. Cuberto

Dribbble 主页：Cuberto

工作室网站：Cuberto

Cuberto 是俄罗斯的一个设计工作室。他们的 UI 设计在色彩上就很吸睛,大多都是十分明亮的颜色，而在动效设计上更是流畅且精致，用户体验感是极好的。他们自己的工作室网站的交互做的非常有趣，感兴趣的朋友也可以去看看。







7. Ramotion

Dribbble 主页：Ramotion

Ramotion 是一个从事品牌和 UX 设计的工作室，服务客户包括 Adobe、Xero、Opera 等知名企业。他们的很多作品都是从手绘入手，并且有一套强大及完整的设计框架。







8. Alexey Savitskiy

Dribbble 主页：Alexey Savitskiy

Alexey Savitskiy 是一名来自乌克兰的 UI 设计师。他的设计能直观且精准地展现品牌的特性，无论是色彩还是排版都很值得学习。

背景素材

1. CSS Background Pattern

网站链接：CSS Background Pattern

CSS Background Pattern 能让你在几秒钟之类，创建出无限的背景。有相当多的几何图形，可自由调节其大小、缩放、旋转、颜色等来创造出属于你自己的独特的背景。







2. Bg Patterns

网站链接：Bg Patterns

Bg Patterns 是一个日本的纹理背景素材网站，有非常多扁平化的纹理图案。有素材分类让你更快找到想到的背景，同时还可以调整尺寸、添加杂色和支持不同格式下载。







3. Patterninja

网站链接：Patterninja

Patterninja 是一个可以在线设计图案背景的网站。有丰富的图案可以选择，网页里图案的颜色密度、角度位置也可以调整。支持 SVG 和 PNG 格式下载。







4. The Pattern Library

网站链接：The Pattern Library

The Pattern Library 有相当多的平铺图案背景的网站。种类多样，纹理、插图、质感等可以自行选择下载。







5. Paper-co

网站链接：Paper-co

Paper-co 是一个日本的免费可商用的素材网站。有纸张、笔记本、木材、布纹理等，还有各种的标签。提供不同尺寸和格式下载。







6. http://Trianglify.io

网站链接：Trianglify.io

免费的多边形壁纸生成网站，颜色和尺寸大小都可以调整。

PNG 素材

1. Stick PNG

网站链接：Stick PNG

Stick PNG 是一家免费下载 PNG 素材的网站。素材包含范围非常广，且图片质量非常高。目前提供超过 36000 张透明背景图片，同时允许创作者上传素材。







2. Free PNGimg

网站链接：Free PNGimg

Free PNGimg 是一家提供免费下载的 PNG 素材网站。分类十分细致，且可以通过颜色进行筛选。







3. Free PNG Image

网站链接：Free PNG Image

Free PNG Image 是可以免费下载的 PNG 素材网站，其中矢量插画素材非常多。网站同时还有相当多的海报、卡片、徽标等模板素材。提供 PNG 格式下载的同时还提供 PSD 文件下载。







4. Freepik

网站链接：Freepik

Freepik 是免费可商用高质量的素材网站，有非常丰富的素材。分类十分详细，还可通过颜色、日期、画幅等进行搜索。有矢量图和 PSD 文件下载。







5. Free pngs

网站链接：Free pngs

Free pngs 里拥有超过 17 万张免费的 PNG 图片可供下载。图片分类多、质量高，还可以批量下载某一类别的 PNG 图片素材。







6. Mr cutout

网站链接：Mr cutout

Mr cutout 是一个提供各种人物动态 PNG 素材的网站。值得一提的是，网站可以通过场景、视角、动态、年龄等来进行人物素材的筛选。此外，网站还有植被、交通工具、物件等其他各类素材。







7. Clean PNG

网站链接：Clean PNG

Clean PNG 是一个拥有适用于多种不同的场景的 PNG 素材的网站。有水彩画、漫画、植物、节日、蔬菜等多种类型的素材可供下载。







8. Subpng

网站链接：Subpng

Subpng 是拥有超过一百万免费 PNG 素材的网站。其中矢量插图素材数量占比非常之多。同时允许创作者上传素材。

3D 网站

1. Handz

网站链接：Handz

Handz 是一个 3D 手势库。拥有 320 种手势组合。12 只手的手势，有 9 种颜色的皮肤和3种不同的袖子。下载时将价格改成 0 即可免费下载。







2. shapefest

网站链接：shapefest

shapefest 拥有多种材质的高质量 3D 图形。粘土和塑料、玻璃、金属、纺织等多种材质的基本形状和数字字母图案等可供免费下载。







3. iconshock

网站链接：iconshock

iconshock 拥有 1000 多个高质量 3D 图标，色彩明快吸引眼球，尤其适合办公、学习场景使用。







4. Isoflat

网站链接：Isoflat

Isoflat 拥有超多 2.5D 风图标素材，点进去可以直接下载。值得推荐的是，下载的是源文件，个人可以再进行修改。







5. Isometriclove

网站链接：Isometriclove

Isometriclove 不仅有 2.5D 视角的物品，还有像素体积和 gif 动画可供下载。选择了图像后还可以在网页上自行调节大小、角度、灯光效果来保存PNG图片。







6. Avatarz

网站链接：Avatarz

Avatarz 是一个可爱的 3D 人物库，拥有超过 8000+ 可能的人物组合。同时，还有可以自己创作的 3D 人物生成器、源文件及教程。







7. bemore.graphics

网站链接：bemore.graphics

bemore.graphics 有各种视角各种颜色各种手势的 iPhone 的高质量 3D 模型可供下载。







8. 3D Christmas

网站链接：3D Christmas

3D Christmas 有多种圣诞元素的 3D 模型可以免费下载，网页里提供 5 种颜色以便自行调节手部颜色。另还可以下载源文件以根据需要定制更多手势。

字体网站

1.求字网

网站链接：求字网

求字网是全球首个支持中英文等多语种字体识别的搜索引擎。可以免费提供上传图片找字体、字体实时预览及字体下载服务。







2. What The Font

网站链接：What The Font

What The Font 可以快速查找不认识的字体。只需上传图像，单击要识别的字体，然后就可以查看结果。







3.字由

网站链接：字由

字由不仅向用户提供字体，还展示每款字体的应用案例、字体介绍以及字体设计的背景信息等。同时还分享技巧教程、设计趋势、素材合集等。







4. Free Typography

网站链接：Free Typography

Free Typography 不仅提供许多高质量的免费字体，同时还有字体设计师的介绍以及字体的应用展示。







5. Fontself

网站链接：Fontself

Fontself 是 IlluStrator 和 Photoshop CC 的扩展插件，可以快速将任何字母转换为 OpenType 字体。Fontself 还可以把图标、笑脸、符号等全部转化为可使用的字体文件。这意味着你可以创建属于你自己的字体。







6. Right font app

网站链接：Right font app

RightFont 5 是一个创新的，漂亮的和专业的 Mac 字体管理应用，可以帮助我们预览，安装，同步和管理我们的字体文件。







7. What Font is

网站链接：What Font is

What Font is 拥有自己的数据库，包括超过 280,000 种字体。只需要上传图片然后优化图片输入字体就能够帮助我们识别陌生字体。如果没有找到，则会匹配相似的字体。还提供文字筛选功能，可以选择免费或者付费字体。







8. Size Calculator

网站链接：Size Calculator

Size Calculator 能通过输入观看距离、物理尺寸和感知尺寸，来直观地展示不同字体大小和距离给人带来的不同的观看效果。

灵感网站

1. Designspiration

网站链接：Designspiration

Designspiration 号称小 pinterest 。有艺术、摄影、插画、UI 设计、海报设计等相当丰富的设计灵感资源，可以根据颜色查找相应的作品。







2. Best Website Gallery

网站链接：Best Website Gallery

Best Website Gallery 是一个分享网页设计和网页创作灵感的网站。可以根据颜色、风格、框架等来筛选优秀的网页设计作品。







3. Awwwards

网站链接：Awwwards

Awwwards 是一个展示网页设计的网站。同时，它还会邀请优秀的设计师及团队举办一些比赛。网站上还会发布一些职位信息以及售卖一些设计相关课程。







4. CSS Nectar

网站链接：CSS Nectar

CSS Nectar 是一个网页设计网站，网站有详细的分类以便快速找到。在网站上看到的网页底部的数值是 CSS Nectar 的设计社区在编码、设计和创造力三个不同的类别中，对每个站点进行的投票得分。







5. Abduzeedo

网站链接：Abduzeedo

Abduzeedo 会分享很多关于设计、摄影、插图和 UX 的文章。吸引了超过百万的设计爱好者，几乎每天 300 万访问量，已经成为了全球最受欢迎的设计创意资源与教程网站之一。







6. sitelnspire

网站链接：sitelnspire

sitelnspire 收集了很多风格各异创意十足的优秀网页设计。同时也支持各个风格、类型、学科来进行搜索。







7. Io3000

网站链接：Io3000

日本的一个网页设计网站。网站设计简洁明了。同样可以根据色彩、标签和主题选择。







8. OLLY MOSS

网站链接：OLLY MOSS

OLLY MOSS 收录了相当多优秀的海报设计。点进海报会有相应的海报来源、作者及介绍。

配色网站

1. Nippon Colors

网站链接：Nippon Colors

Nippon Colors 是一个日本传统色网站。直观地标注了颜色的名字和 CMYK、RGB 以及 HEX 值。同时，点击某一个颜色网站页面也会变成相对应的颜色。







2.优设色彩导航

网站链接：优设色彩导航

优设的色彩导航有超齐全的中日传统色彩，当然还有丰富的色卡、渐变色以及配色参考和相关文章，是一个非常全面的色彩网站。







3. Happy Hues

网站链接：Happy Hues

当不知道在设计中应该使用什么颜色或者在哪里使用它们时，Happy Hues 作为一个色彩调色板灵感网站，向我们展示了在真实世界的设计项目中可以如何使用颜色。







4. Scheme Color

网站链接：Scheme Color

Scheme Color 有相当多的色卡。可以根据应用场景、季节、色彩等进行色卡的筛选。点进色卡会有具体的色彩名称和色值。







5. Pigment

网站链接：Pigment

Pigment 里有丰富的双色色卡。有直接从自然环境种提炼出来的颜色。还可以直接在选择色彩的同时，改变色彩的饱和度和明度。







6. Color Box

网站链接：Color Box

Color Box 可以通过调整色调、饱和度和亮度得到一个多色色卡。意味着我们可以迅速拥有任何一个可能出现的色值。







7. Palettelist

网站链接：Palettelist

Palettelist 非常适合常常为选择某一个颜色而纠结的朋友。在 Palettelist 里，你只需要挑选 12 个颜色中任意 2 个颜色，就会出现成百上千种颜色组合。提供 CSS、SASS、SVG 格式免费下载。







8. Khroma

网站链接：Khroma

Khroma 会在第一步让你选择 50 个心仪的颜色，以便于了解你喜欢的和不喜欢的颜色。然后会分别分为字体配色、海报配色、渐变、图片配色、色板组合几个大类生成成百种色彩方案。







9. Web Gradients

网站链接：Web Gradients

Web Gradients 是一个拥有 180 个线性渐变的色彩网站。可以轻松复制 CSS3 跨浏览器代码，并且还有线性渐变的 PNG 文件。

插画网站

1. Undraw

网站链接：Undraw

Undraw 是一个提供高质量插图的网站。最值得推荐的是可以在网站里直接修改插图的颜色，这极大地提高了插图的适用性。







2. humaaans

网站链接：humaaans

在 humaaans 可以通过改变人物发型、服装、颜色和其他元素等自由创作出不同动态的人物插画。







3. Open Doodles

网站链接：Open Doodles

Open Doodles 是一个涂鸦风格的插画网站，有不同构图的插画和应用场景实例，提供 PNG 和 SVG 文件下载。







4. Ouch illustration

网站链接：Ouch illustration

Ouch illustration 包含了多个多种风格的插图。可以根据关键词搜索插图，也有一些主题分类，每一个主题类别下都会有相当多的插图选择。可以免费下载 PNG 格式和 SVG 格式的插图。







5. Mixkit

网站链接：Mixkit

与其他插图网站不同，Mixkit 都是一幅幅完整的插图而不是单个元素。Mixkit 同样可以通过关键词搜索，所有的插图都可以免费下载。







6. Vector Creator

网站链接：Vector Creator

Vector Creator 有 20 种风格 9000 多个素材组件，可根据喜好自行搭配。最后的成果可免费下载 PNG 和 SVG 两种格式。







7. Openpeeps

网站链接：Openpeeps

openpeeps 是一个涂鸦人物矢量插图库。提供不同人物表情、发型、服装、配饰、动态等元素，可以随意组成拥有超过 584668 个可能的组合。







8. Blush

网站链接：Blush

Blush 中包括人物、植物、涂鸦、建筑等多类插图，均可以在线调节相应的元素，以创造出属于你的独特的插图。

Logo网站

1. Hatchful

网站链接：Hatchful

Hatchful 能快速简单的生成好看专业的 logo。只要选择使用场景、设计风格和产品名字和 slogan 就可以快速生成 logo，选中 logo 后还可以在线对 logo 进行调整。







2. Designevo

网站链接：Designevo

Designevo 提供 10000 多个模板，可以直接搜索或者分类查找 logo 模板。选择 logo 模板后还可以查找相似模板，更可以在线对 logo 进行调整。







3. Logo

网站链接：Logo

在网站里输入品牌名称后，选择一款经过设计的字体与你想要使用的图形就会自动排列组合来生成 logo。







4. Looka

网站链接：Looka

只需先输入 logo 行业类型，再选择 5 种或以上你喜欢的风格、颜色，输入 logo 名和 slogan 再选择最多 5 个符号即可生成多个 logo。







5. Instant Logo Search

网站链接：Instant Logo Search

Instant Logo Search 收集了上千个世界流行的品牌 logo，提供 PNG 和 SVG 格式下载。







6. Name Cheap

网站链接：Name Cheap

只需选择你喜欢的字体和图标，就可以自由组合形成新的 logo，并可以免费下载。







7. Fiverr Logo Maker

网站链接：Fiverr Logo Maker

在 Fiverr Logo Maker 输入品牌名，选择行业和元素就可以在线生成 logo，还可以改变元素的排列位置以及颜色。







8. Logo Rank

网站链接：Logo Rank

Logo Rank 是一个人工智能系统。上传你的 logo，就会显示出这个 logo 与其他图标的相似性、logo 的可读性、logo 的色彩以及总体的评分。







大家还有什么优秀的网站推荐呢，欢迎在评论区留言交流~

看完这篇网站的朋友还在看