哈喽，大家好，我是萤柳！以前看到好用的网站，顺手一点星标，心里想着下次一定用得上。结果时间一长，几百个网页堆在那里，真正要找的时候反而像在大海里捞针，甚至连当初为什么收藏都忘得一干二净。昨天没更新是因为整理这些网站花了比较多时间，想把这些网站全部通通都整理出来分享给大家。它们分成了几个大类，覆盖了我们日常工作的方方面面，特别是找灵感和搞副业赚钱这两个大家最关心的点。 一、 灵感参考
做设计最怕对着空白画板发呆。这几个网站是我日常刷得最多的，涵盖了从网页、APP到创意视觉的各个方面。1. Mobbin (mobbin.com)这里收录了大量真实上线APP的UI截图。最棒的是它支持按流程筛选，比如你想看各家的“登录注册”或“购物车”怎么设计，直接搜就行，不用自己一个个下载APP去截图，做竞品分析非常省心。2. Pinterest (pinterest.com)大家都很熟悉的图片流网站。它的算法非常厉害，你点开一张喜欢的图，它就会给你推荐一大堆风格相似的高质量图片，做情绪板的时候特别好用。3. Dribbble (dribbble.com)全球设计师的聚集地。虽然现在很多图偏向概念稿，实际落地有难度，但它的配色和视觉风格确实很前卫，很适合在项目初期找视觉方向。4. Behance (behance.net)相比Dribbble的单图，这里更多是完整的项目案例。你可以看到别人是怎么从草图到成品，再到最后的包装展示，非常适合学习怎么排版自己的作品集。5. Awwwards (awwwards.com)这里的网页设计代表了行业的高水准。很多获奖作品的动效和交互都非常有创意，虽然开发实现起来有难度，但用来开拓眼界、提升审美是非常有必要的。6. Pageflows (pageflows.com)专注于收集用户交互流程的录屏网站。它全是动态的视频，能让你清楚地看到一个按钮点击后的反馈、页面跳转的过渡效果，做动效设计时参考价值很高。7. Lapa Ninja (lapa.ninja)专门收集优秀的落地页设计。如果你经常需要做营销推广页或者官网首页，这里的排版布局能给你很多启发。8. SiteInspire (siteinspire.com)这里的网站风格偏向极简、艺术和时尚感。很多设计不按常理出牌，如果你想做一些比较显逼格、有个性的小众项目，来这里逛逛会有收获。9. Godly (godly.website)正如它的名字一样，这里收集的都是神仙级的网站。收录数量不多，但每一个都极具创意，质量把控非常严，适合寻找高端设计的灵感。10. Land-book (land-book.com)也是一个做网页设计的灵感库，更新频率很高。它有很好的标签分类，可以根据产品类型快速找到对应的网页案例。
二、 插画与3D素材
项目赶时间的时候，现成的优质素材能救命。这些网站提供了很多风格的插画和3D元素，大部分都能免费商用。11. Ira Design (iradesign.io)这个网站的插画风格非常现代，主打渐变色。你可以自定义渐变的颜色，去匹配你的UI界面，看起来非常有科技感。12. DrawKit (drawkit.com)更新很勤快的一个插画库，质量很稳。它既有彩色的矢量插画，也有黑白线稿，覆盖的场景特别多，做日常的UI配图完全够用。13. Open Doodles (opendoodles.com)一套非常有性格的涂鸦风格插画。画风很随性，就像随手在笔记本上画出来的一样，用来打破界面的死板感特别好。14. Undraw (undraw.co)一个非常有名的开源插画库。最实用的功能是它支持在线换色，你只需要输入你的品牌色号，所有的插画都会自动变成你的品牌色，下载下来直接就能用。15. Humaaans (humaaans.com)这个库像玩乐高一样有趣。你可以自由拼装人物的头部、身体、腿部，还有背景元素，能组合出各种姿势和场景，不用担心和别人撞图。16. Ouch! (icons8.com/illustrations)Icons8出品的插画库，质量非常高。它按风格分类，从3D立体到扁平手绘应有尽有，如果你不擅长画画，这里能帮你快速提升画面的丰富度。17. Blush (blush.design)它有一个很好用的Figma插件。你可以在设计软件里直接调用各种艺术家的插画系统，还可以自定义人物的表情和动作，非常灵活。18. IconScout (iconscout.com)这里除了插画，最好用的是它的3D资产库。它有一个在线编辑器，可以让你调整3D素材的角度和颜色，即使不会C4D也能做出漂亮的3D渲染图。19. Storyset (storyset.com)如果你需要做PPT或者演示Demo，这个网站很棒。它的插画可以自定义颜色，最重要的是支持添加简单的动效，导出GIF或视频，让画面瞬间动起来。20. Open Peeps (openpeeps.com)一套手绘风格的人物头像库。画风有点像涂鸦，非常有性格，适合用在一些年轻化、比较活泼的产品设计中。
三、 配色与字体
颜色搭配不好容易显脏，字体选不对气场就没了。这些工具能帮你做决定。21. Coolors (coolors.co)这个配色神器非常解压。你只需要按空格键，它就会随机生成一组配色。遇到喜欢的颜色可以点锁定，然后继续按空格随机其他的，直到凑出一组完美的方案。22. WebGradients (webgradients.com)这里全是调好的神仙渐变色。不用你自己慢慢拉曲线，看到喜欢的直接复制CSS代码，或者下载图片，用在背景里非常有质感。23. Nippon Colors (nipponcolors.com)专门展示日本传统色的网站。每个颜色都有一个很好听的名字，点击颜色时网页背景会慢慢渐变，光是看着就很享受，适合做国风或东方美学的设计。24. Color Hunt (colorhunt.co)这是一个社区型的配色网站，可以看到大家都在用什么颜色。它是按热度排序的，如果你不知道现在的流行色是什么，来这里看看点赞高的准没错。25. Google Fonts (fonts.google.com)谷歌字体库，是免费开源字体的宝库。做海外项目或者需要英文字体时，首选这里，不用担心版权问题，而且网页加载速度也优化得很好。26. 字由 (hellofont.cn)国内很多设计师都在用的字体管理工具。它可以直接预览字体在设计软件里的效果，也收录了很多免费可商用的中文字体，激活一下就能用，不用安装字体包。27. Fontsinuse (fontsinuse.com)如果你不知道选什么字体，可以来看看这个网站。它会展示很多优秀的现实设计案例（海报、包装、书籍），并告诉你它们具体用了什么字体，很有参考价值。28. Khroma (khroma.co)一个利用AI来生成配色的工具。刚开始它会让你选择50个你喜欢的颜色，学习你的审美偏好，然后生成无限种符合你口味的配色组合，比随机生成更懂你。29. Adobe Color (color.adobe.com)专业的配色轮工具。如果你懂得色彩理论（比如互补色、三角色），用这个调色非常精准。它还支持上传图片，自动提取图片里的关键颜色生成色卡。30. BrandColors (brandcolors.net)这里收集了世界各大知名品牌的官方配色代码。如果你想知道Facebook的蓝到底是多少，或者Airbnb的红是哪个色值，这里一查便知。
四、 图片素材
做UI经常需要填充图片，随便百度一张很容易侵权。这几个站全是高清无版权的，放心用。31. Unsplash (unsplash.com)应该是目前质量最高的免费图库之一。很多摄影师会上传自己的作品，图片非常有“大片感”和意境，不像那种摆拍的假图，随便拿一张做背景都很显高级。32. Pexels (pexels.com)除了海量的高清图片，这里还有很多免费的竖屏短视频素材。如果你在做APP的引导页或者视频背景，这里的资源非常合适。33. Pixabay (pixabay.com)一个老牌的免费图库，最大的优点是支持中文搜索。虽然图片风格比较杂，但胜在量大管饱，除了照片还有很多矢量图和插画。34. Gratisography (gratisography.com)这个网站的图片风格非常搞怪、脑洞大开。如果你厌倦了那些一本正经的商业假笑图，想找点有幽默感、能吸引眼球的素材，这里绝对能给你惊喜。35. Moose (photos.icons8.com)Icons8旗下的图库，主打人物照片。这里的模特照片很有意思，很多都是在绿幕前拍的或者背景很干净，非常方便抠图合成。36. Kaboompics (kaboompics.com)这个网站的博主品味很好，拍摄的图片风格统一且干净。最贴心的是每张图都附带了色板，你可以直接吸取图片里的颜色来做设计延展。37. New Old Stock (nos.twnsnd.co)专门收集复古风格的老照片。全是黑白或者做旧的色调，非常有历史感，如果你的项目需要这种怀旧氛围，这里是最好的素材库。38. Burst (burst.shopify.com)Shopify专门为电商卖家出的图库。里面的图片偏向商业和生活方式，非常适合用来做电商Banner或者产品落地页的配图。39. Visual Hunt (visualhunt.com)这个网站可以通过颜色来搜索图片。比如你的主色调是红色，点一下红色色块，它就会筛选出所有以红色为主的图片，找素材效率很高。40. Iso Republic (isorepublic.com)虽然图片数量不如大厂多，但每一张都经过挑选，质量很稳定。图片风格比较现代和都市化，很适合科技或商业类的设计。
五、 样机与展示
设计做得好，包装也很重要。把界面放进真实的手机或电脑模型里，过稿率会高很多。41. LS Graphics (ls.graphics)这里的样机质感非常好，光影处理得很真实。虽然有些要收费，但它提供的免费部分已经非常够用了，而且很多都是高分辨率的PSD文件。42. Shots (shots.so)一个在线生成样机的神器。不用打开PS，直接把你的设计图拖进浏览器，就能套上各种手机、浏览器外壳，还能调整背景颜色和阴影，速度超快。43. Mockup World (mockupworld.co)这其实是一个样机搜索引擎，它收集了网上各种免费样机的下载链接。分类很细，从手机、电脑到名片、T恤、广告牌都有。44. Rotato (rotato.app)如果你想展示APP的3D旋转效果，用这个软件很方便。它可以生成那种很酷的设备展示视频，不需要懂复杂的3D动画，拖拽几下就能搞定。45. Artboard Studio (artboard.studio)一个在线的场景化包装工具。你可以在浏览器里把各种物品（如咖啡杯、文具、设备）摆放在一起，搭建一个真实的桌面场景来展示你的设计。46. Mockerie (mockerie.io)这个网站比较特别，它支持你输入一个网址，然后直接把这个网页的实时画面生成在各种设备样机里，非常适合展示网页设计作品。47. Dimmy.club (dimmy.club)这里提供的是那种只有设备轮廓的样机，风格非常极简。通常只有黑白灰或者纯色，不会抢了界面的风头，适合放在干净的落地页里。48. Morflax (morflax.com)这是一个非常强大的在线3D样机工具。你可以像玩游戏一样随意旋转设备的角度，调整光照和阴影，生成那种很有立体感的展示图，不用再去学复杂的3D软件了。49. Cleanmock (https://cleanmock.com/)主打干净、扁平化风格的样机展示。操作非常简单，很适合用来快速制作社交媒体上的分享图。50. Previewed (previewed.app)提供了很多带3D动效的样机模板。你可以生成那种手机在空中漂浮、旋转的视频，用在作品集或者演示文档里非常吸睛。
六、 效率工具与黑科技
这些工具就是为了省时间而生的，处理杂活特别快，帮你把精力留给创意。51. Remove.bg (remove.bg)全自动抠图神器。以前用PS抠头发丝要半天，这里上传图片几秒钟就搞定，对于人像和物体的识别率非常高，谁用谁知道。52. TinyPNG (tinypng.com)也是设计师必备的图片压缩工具。它能在几乎不损失画质的前提下，把图片体积减小50%-80%，无论是发给客户还是上传网站都非常好用。53. Squoosh (squoosh.app)谷歌推出的图片压缩工具。它的优势是可以一边调整参数，一边实时对比压缩前后的效果，而且支持很多新型的图片格式，处理速度极快。54. Waifu2x (waifu2x.udp.jp)如果你手头只有一张模糊的小图，可以用这个工具来无损放大。它利用AI算法进行降噪和插值，特别适合放大动漫风格或者线条清晰的图片。55. Shape Factory (shapefactory.co)这是一系列极简设计工具的集合。包含了Logo生成、配色生成等小工具，界面设计得非常有意思，不仅好用，光是玩这个网站都能玩很久。56. Haikei (haikei.app)专门用来生成各种SVG背景波浪、斑点和不规则形状。做网页背景时，用它生成的矢量图形既清晰又轻量，不用再自己用钢笔工具慢慢勾了。57. Tabbied (tabbied.com)如果你觉得纯色背景太单调，这个网站可以用简单的几何图形生成好看的图案。用来做卡片或者Banner的底纹非常合适，看着很清爽，不会喧宾夺主。58. Getwaves (getwaves.io)这个工具功能很单一，就是生成波浪分割线。你可以调整波浪的起伏程度，主要用在网页不同板块之间的过渡，比生硬的直线要柔和很多。59. Gridzzly (gridzzly.com)如果你喜欢在纸上画草图，这个网站可以生成各种网格纸（点阵、方格、六边形）。调整好间距打印出来，就是一张完美的草稿纸。60. Carbon (carbon.now.sh)很多设计师需要把代码贴在作品集或文章里，这个工具能把代码变成带有高亮颜色和Mac窗口样式的漂亮图片，看起来非常专业。
七、 接单与变现
61. Fiverr (fiverr.com)一个国际化的自由职业平台，服务起价通常是5美元。虽然单价看起来不高，但如果你有一技之长（比如快速抠图、做Logo），走量也是很可观的。62. Upwork (upwork.com)相比Fiverr，这里的项目通常更长期、专业度要求更高，单价也更好。如果你英语沟通没问题，这里有很多欧美的高质量外包项目。63. 99designs (99designs.com)这个平台主要是通过“比稿”的方式接单。客户发布需求，设计师提交方案，被选中的人拿钱。虽然竞争激烈，但很适合新手磨练技能，一旦中标收入不错。64. Creative Market (creativemarket.com)你可以把平时做的图标、UI模板、字体、笔刷整理好，放在这里售卖。这是一次制作、永久售卖的被动收入模式。65. 稿定设计 (gaoding.com)国内现在很流行的在线设计工具。你可以去申请做他们的供稿设计师，专门做各种海报、公众号封面的模板。因为用户量大，只要你的模板实用，通过审核后的收入还是很稳定的。66. Gumroad (gumroad.com)一个非常自由的数字产品售卖平台。不仅可以卖设计素材，如果你有独家的设计教程、电子书或者插件，都可以放在这里卖给你的粉丝。67. Etsy (etsy.com)虽然它是以卖手工品闻名，但其实上面的数字打印品（如可打印的装饰画、手账页、规划表）也非常火。设计师只需要上传文件，不需要负责物流。68. Pikbest (pikbest.com)这是一个涵盖了海量设计素材的平台。不仅可以下载，作为设计师你也可以上传自己的UI模板、插画或者PPT模板来赚钱。它的后台支持中文，对国内设计师的入驻门槛相对友好，提现也比较方便。整理这些网站的时候，我发现工具再多，最重要的还是用起来。大家不需要一下子把这68个网站都记住。建议可以在浏览器里建一个文件夹，把今天觉得最有眼缘的几个先存进去。哪怕其中有一个网站能帮你下次做图时省下半小时，或者给你提供了一个新思路，这篇文章就没有白写。设计这个行业更新很快，工具也在不断迭代。以后我也还会继续挖掘新的好东西，到时候再来和大家同步。如果觉得这些网站对你有帮助，动动手指点个赞或者在看，让我知道这篇整理是有用的。
优网科技，优秀企业首选的互联网供应服务商
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
