设计类网站及工具

作者给大家提供了一个关于设计类网站及工具的思维导图，内容丰富画面精美，包括了许多实用的网站内容。

设计师常用网站

• 优优网
  • https://uiiiuiii.com/
• Fotor在线图片编辑软件
  • https://www.fotor.com/cn/
• 设计神器Pattern monster！一键生成超精美无缝纹理平铺背景
  • https://pattern.monster/
• 设计师及团队
  • Tran Mau Tri Tam
    • https://dribbble.com/tranmautritam
      • 3D 效果还是简约的扁平插画
  • Gleb Kuznetsov
    • https://dribbble.com/glebich
      • UI 和 UX
  • Zhenya Rynzhuk
    • https://zhenyary.com/
      • 排版和动效
  • Eddie Lobanovskiy
    • https://dribbble.com/lobanovskiy
      • 图标设计将丰富的色彩与图形结合得十分巧妙 拟物图标
  • Yoga Perdana
    • https://dribbble.com/yoga
      • Logo 多是由多个色块拼接而成，配色清新淡雅
  • Cuberto
    • https://dribbble.com/cuberto
      • 色彩上就很吸睛,大多都是十分明亮的颜色，而在动效设计上更是流畅且精致
    • https://cuberto.com/
  • Ramotion
    • https://dribbble.com/Ramotion
      • 手绘
  • Alexey Savitskiy
    • https://dribbble.com/alexey_savitskiy
      • 色彩、排版
• 背景素材
  • CSS Background Pattern
    • https://www.magicpattern.design/
      • CSS Background Pattern 能让你在几秒钟之类，创建出无限的背景。有相当多的几何图形，可自由调节其大小、缩放、旋转、颜色等来创造出属于你自己的独特的背景。
  • Bg Patterns
    • http://bg-patterns.com/
      • Bg Patterns 是一个日本的纹理背景素材网站，有非常多扁平化的纹理图案。有素材分类让你更快找到想到的背景，同时还可以调整尺寸、添加杂色和支持不同格式下载。
  • Patterninja
    • https://patterninja.com/
      • Patterninja 是一个可以在线设计图案背景的网站。有丰富的图案可以选择，网页里图案的颜色密度、角度位置也可以调整。支持 SVG 和 PNG 格式下载。
  • The Pattern Library
    • http://thepatternlibrary.com/
      • The Pattern Library 有相当多的平铺图案背景的网站。种类多样，纹理、插图、质感等可以自行选择下载。
  • Paper-co
    • https://free-paper-texture.com/
      • Paper-co 是一个日本的免费可商用的素材网站。有纸张、笔记本、木材、布纹理等，还有各种的标签。提供不同尺寸和格式下载。
  • Trianglify.io
    • https://trianglify.io/
      • 免费的多边形壁纸生成网站，颜色和尺寸大小都可以调整。
• PNG 素材
  • Stick PNG
    • https://www.stickpng.com/
      • Stick PNG 是一家免费下载 PNG 素材的网站。素材包含范围非常广，且图片质量非常高。目前提供超过 36000 张透明背景图片，同时允许创作者上传素材。
  • Free PNGimg
    • https://freepngimg.com/
      • Free PNGimg 是一家提供免费下载的 PNG 素材网站。分类十分细致，且可以通过颜色进行筛选。
  • Free PNG Image
    • https://pngtree.com
      • Free PNG Image 是可以免费下载的 PNG 素材网站，其中矢量插画素材非常多。网站同时还有相当多的海报、卡片、徽标等模板素材。提供 PNG 格式下载的同时还提供 PSD 文件下载。
  • Freepik
    • https://www.freepik.com/
      • Freepik 是免费可商用高质量的素材网站，有非常丰富的素材。分类十分详细，还可通过颜色、日期、画幅等进行搜索。有矢量图和 PSD 文件下载。
  • Free pngs
    • https://www.freepngs.com/
      • Free pngs 里拥有超过 17 万张免费的 PNG 图片可供下载。图片分类多、质量高，还可以批量下载某一类别的 PNG 图片素材。
  • Mr cutout
    • https://www.mrcutout.com
      • Mr cutout 是一个提供各种人物动态 PNG 素材的网站。值得一提的是，网站可以通过场景、视角、动态、年龄等来进行人物素材的筛选。此外，网站还有植被、交通工具、物件等其他各类素材。
  • Clean PNG
    • https://www.cleanpng.com
      • Clean PNG 是一个拥有适用于多种不同的场景的 PNG 素材的网站。有水彩画、漫画、植物、节日、蔬菜等多种类型的素材可供下载。
  • Subpng
    • http://subpng.com/
      • Subpng 是拥有超过一百万免费 PNG 素材的网站。其中矢量插图素材数量占比非常之多。同时允许创作者上传素材。
• 3D网站
  • Handz
    • https://www.handz.design
      • Handz 是一个 3D 手势库。拥有 320 种手势组合。12 只手的手势，有 9 种颜色的皮肤和3种不同的袖子。下载时将价格改成 0 即可免费下载。
  • shapefest
    • http://www.shapefest.com
      • shapefest 拥有多种材质的高质量 3D 图形。粘土和塑料、玻璃、金属、纺织等多种材质的基本形状和数字字母图案等可供免费下载。
  • iconshock
    • https://www.iconshock.com/3d-icons/
      • iconshock 拥有 1000 多个高质量 3D 图标，色彩明快吸引眼球，尤其适合办公、学习场景使用。
  • Isoflat
    • https://isoflat.com/
      • Isoflat 拥有超多 2.5D 风图标素材，点进去可以直接下载。值得推荐的是，下载的是源文件，个人可以再进行修改。
  • Isometriclove
    • https://isometriclove.com
      • Isometriclove 不仅有 2.5D 视角的物品，还有像素体积和 gif 动画可供下载。选择了图像后还可以在网页上自行调节大小、角度、灯光效果来保存PNG图片。
  • Avatarz
    • http://www.avatarz.design
      • Avatarz 是一个可爱的 3D 人物库，拥有超过 8000+ 可能的人物组合。同时，还有可以自己创作的 3D 人物生成器、源文件及教程。
  • bemore.graphics
    • http://www.bemore.graphics
      • Avatarz 是一个可爱的 3D 人物库，拥有超过 8000+ 可能的人物组合。同时，还有可以自己创作的 3D 人物生成器、源文件及教程。
  • bemore.graphics
    • http://www.bemore.graphics
      • bemore.graphics 有各种视角各种颜色各种手势的 iPhone 的高质量 3D 模型可供下载。
• 字体网站
  • 求字网
    • http://www.qiuziti.com
      • 求字网是全球首个支持中英文等多语种字体识别的搜索引擎。可以免费提供上传图片找字体、字体实时预览及字体下载服务。
  • What The Font
    • https://www.myfonts.com/WhatTheFont/
      • What The Font 可以快速查找不认识的字体。只需上传图像，单击要识别的字体，然后就可以查看结果。
  • 字由
    • https://www.hellofont.cn
      • 字由不仅向用户提供字体，还展示每款字体的应用案例、字体介绍以及字体设计的背景信息等。同时还分享技巧教程、设计趋势、素材合集等。
  • Free Typography
    • https://freetypography.com/
      • Free Typography 不仅提供许多高质量的免费字体，同时还有字体设计师的介绍以及字体的应用展示。
  • Fontself
    • https://www.fontself.com
      • Fontself 是 IlluStrator 和 Photoshop CC 的扩展插件，可以快速将任何字母转换为 OpenType 字体。Fontself 还可以把图标、笑脸、符号等全部转化为可使用的字体文件。这意味着你可以创建属于你自己的字体。
  • Right font app
    • https://rightfontapp.com/
      • RightFont 5 是一个创新的，漂亮的和专业的 Mac 字体管理应用，可以帮助我们预览，安装，同步和管理我们的字体文件。
  • What Font is
    • http://www.whatfontis.com
      • What Font is 拥有自己的数据库，包括超过 280,000 种字体。只需要上传图片然后优化图片输入字体就能够帮助我们识别陌生字体。如果没有找到，则会匹配相似的字体。还提供文字筛选功能，可以选择免费或者付费字体。
  • Size Calculator
    • https://sizecalc.com/
      • Size Calculator 能通过输入观看距离、物理尺寸和感知尺寸，来直观地展示不同字体大小和距离给人带来的不同的观看效果。
• 灵感网站
  • Designspiration
    • https://www.designspiration.com/
      • Designspiration 号称小 pinterest 。有艺术、摄影、插画、UI 设计、海报设计等相当丰富的设计灵感资源，可以根据颜色查找相应的作品。
  • Best Website Gallery
    • https://bestwebsite.gallery/
      • Best Website Gallery 是一个分享网页设计和网页创作灵感的网站。可以根据颜色、风格、框架等来筛选优秀的网页设计作品。
  • Awwwards
    • http://www.awwwards.com
      • Awwwards 是一个展示网页设计的网站。同时，它还会邀请优秀的设计师及团队举办一些比赛。网站上还会发布一些职位信息以及售卖一些设计相关课程。
  • CSS Nectar
    • https://cssnectar.com
      • CSS Nectar 是一个网页设计网站，网站有详细的分类以便快速找到。在网站上看到的网页底部的数值是 CSS Nectar 的设计社区在编码、设计和创造力三个不同的类别中，对每个站点进行的投票得分。
  • Abduzeedo
    • https://abduzeedo.com
      • Abduzeedo 会分享很多关于设计、摄影、插图和 UX 的文章。吸引了超过百万的设计爱好者，几乎每天 300 万访问量，已经成为了全球最受欢迎的设计创意资源与教程网站之一。
  • sitelnspire
    • http://www.siteinspire.com
      • sitelnspire 收集了很多风格各异创意十足的优秀网页设计。同时也支持各个风格、类型、学科来进行搜索。
  • Io3000
    • https://io3000.com
      • 日本的一个网页设计网站。网站设计简洁明了。同样可以根据色彩、标签和主题选择。
  • OLLY MOSS
    • http://ollymoss.com
      • OLLY MOSS 收录了相当多优秀的海报设计。点进海报会有相应的海报来源、作者及介绍。
• 配色网站
  • Undraw
    • https://undraw.co/
      • Undraw 是一个提供高质量插图的网站。最值得推荐的是可以在网站里直接修改插图的颜色，这极大地提高了插图的适用性。
  • humaaans
    • https://www.humaaans.com
      • 在 humaaans 可以通过改变人物发型、服装、颜色和其他元素等自由创作出不同动态的人物插画。
  • Open Doodles
    • http://www.opendoodles.com
      • Open Doodles 是一个涂鸦风格的插画网站，有不同构图的插画和应用场景实例，提供 PNG 和 SVG 文件下载。
  • Ouch illustration
    • https://icons8.com/illustrations
      • Ouch illustration 包含了多个多种风格的插图。可以根据关键词搜索插图，也有一些主题分类，每一个主题类别下都会有相当多的插图选择。可以免费下载 PNG 格式和 SVG 格式的插图。
  • Mixkit
    • https://mixkit.co/free-stock-art/
      • 与其他插图网站不同，Mixkit 都是一幅幅完整的插图而不是单个元素。Mixkit 同样可以通过关键词搜索，所有的插图都可以免费下载。
  • Vector Creator
    • https://icons8.com/vector-creator
      • Vector Creator 有 20 种风格 9000 多个素材组件，可根据喜好自行搭配。最后的成果可免费下载 PNG 和 SVG 两种格式。
  • Openpeeps
    • http://www.openpeeps.com
      • openpeeps 是一个涂鸦人物矢量插图库。提供不同人物表情、发型、服装、配饰、动态等元素，可以随意组成拥有超过 584668 个可能的组合。
  • Blush
    • https://blush.design
      • Blush 中包括人物、植物、涂鸦、建筑等多类插图，均可以在线调节相应的元素，以创造出属于你的独特的插图。
• Logo网站
  • Hatchful
    • https://hatchful.shopify.com/
      • Hatchful 能快速简单的生成好看专业的 logo。只要选择使用场景、设计风格和产品名字和 slogan 就可以快速生成 logo，选中 logo 后还可以在线对 logo 进行调整。
  • Designevo
    • http://www.designevo.com/
      • Designevo 提供 10000 多个模板，可以直接搜索或者分类查找 logo 模板。选择 logo 模板后还可以查找相似模板，更可以在线对 logo 进行调整。
  • Logo
    • https://logo.shapefactory.co/
      • 在网站里输入品牌名称后，选择一款经过设计的字体与你想要使用的图形就会自动排列组合来生成 logo。
  • Looka
    • https://looka.com/
      • 只需先输入 logo 行业类型，再选择 5 种或以上你喜欢的风格、颜色，输入 logo 名和 slogan 再选择最多 5 个符号即可生成多个 logo。
  • Instant Logo Search
    • http://instantlogosearch.com/
      • Instant Logo Search 收集了上千个世界流行的品牌 logo，提供 PNG 和 SVG 格式下载。
  • Name Cheap
    • https://www.namecheap.com/logo-maker
      • 只需选择你喜欢的字体和图标，就可以自由组合形成新的 logo，并可以免费下载。
  • Fiverr Logo Maker
    • https://www.fiverr.com/logo-maker
      • 在 Fiverr Logo Maker 输入品牌名，选择行业和元素就可以在线生成 logo，还可以改变元素的排列位置以及颜色。
  • Logo Rank
    • https://brandmark.io/logo-rank/
      • Logo Rank 是一个人工智能系统。上传你的 logo，就会显示出这个 logo 与其他图标的相似性、logo 的可读性、logo 的色彩以及总体的评分。