平面设计网(平面设计网课)

写在前面的话:这些网站基本上都是能正常访问的，关于网页为什么加载慢，有些网站是国外的，不需要采用科学上网的方式已经不错了，就不要太多要求了。

 

写在前面的话：这些网站基本上都是能正常访问的，关于网页为什么加载慢，有些网站是国外的，不需要采用科学上网的方式已经不错了，就不要太多要求了至于网站怎么使用，这个就需要大家慢慢摸索，因为很多网站平时自己也是了解了一下，还有一些是收集整理的，也没有去过多地使用，也不是了解得很透彻，但是我相信大家通过自己慢慢地摸索，一定能找到自己需要的。

最后，收集整理不容易，希望大家多多点赞

设计师网址Laws of UX：https://lawsofux.com/一系列交互原则的介绍，配合极简风格的插图国外设计网站https://www.iconfinder.comhttps://unsplash.com。

https://audiojungle.nethttps://www.freepik.com/index.php?goto=2&k=rocket&order=2&vars=2http://bm.straightline.jp/

GIF 垂直搜索引擎，不支持中文搜索， 网址 https://giphy.com/分享几个平时常用的网页设计参考可根据配色筛选设计网站集锦：https://reeoo.com/优站精选 - http://www.youzhan.org/

全球优秀网站集锦 - https://www.siteinspire.com/websites清爽简约风格的网页模板 - http://stockholmlanding.select-themes.com/

界面简洁的网页设计汇集 - http://siiimple.com/日本网页设计欣赏 - http://muuuuu.org/日本网页设计汇总网站 - http://bm.straightline.jp/ （https://tters.jp/）

日本网页设计欣赏 - http://4db.cc/韩国设计欣赏 - http://inagblog.com/优秀网页设计欣赏 - http://www.webdesignfile.com/http://www.uupoop.com/这个网上软件类似 ps 哦

平面纹理素材，网址：http://www.heropatterns.com/分享一批化妆品集团网站：爱茉莉：http://www.amorepacific.com.cn/IOPE： http://www.iope.com/cn/zh/skincare_makeup.html

自然堂：https://www.chandogroup.com/news/176.html日本资生堂：http://www.shiseido.com.cn/资生堂：https://zh.shiseido.com/

佳丽宝：https://www.kanebo-cosmetics.co.jp/ ，http://www.kanebo.com/cn/海报网址：广告营销 http://www.adsoftheworld.com/

欧美电影 http://www.joblo.com/movie-posters/inspiration ：https://www.inspirationde.com/?s=poster国产电影 https://movie.douban.com/

字体图形 https://www.typographicposters.com/postersPicjumbo：https://picjumbo.com/很有格调的图片网站Studio Details：http://www.details.co.jp/分享超现实主义美学应用

创意－广告传播－品牌http://www.2plus1.dk/#hjem/ecogridhttp://www.dragonrouge.com/http://www.bbdo.ca/平面设计http://carpentercollective.com/

http://www.depotwpf.ru/http://www.bibliothequedesign.com/http://www.julia.uk.com/http://designarmy.com/

摄影－影像http://www.ronhaviv.com/http://karsh.org/http://www.barryackroyd.com/http://www.jessicadimmockphotography.com/

http://gregwilliams.com/https://www.photock.jp

设计灵感Fotor（懒设计）：https://www.fotor.com.cn/templates探索海量模板 发现设计灵感这是一个主打在线做平面设计却又不务正业地提供了大量互联网运营相关设计案例、模板的 神奇网站，你可以把它当作“花瓣 ”来用。

云端：https://www.yrucd.com/category/designresources高品质设计素材与资讯集合站C4D 、PS 、PPT 、Sketch 、平面、影视、笔刷等资源应有尽有Niice：https://niice.co/ 创建情绪版的最佳灵感网站用于创意初期脑爆、产品风格设定时收集各种讨论素材的网站，没看懂，或 者没用过的，可以去看看。

背景纹理：http://www.heropatterns.com/科技网站推荐 :https://www.bocweb.cn/这个也是一个类似于花瓣的 https://www.iguoguo.net/Dribbble：https://dribbble.com/把大把的灵感，不得不说，平时我做设计的很多灵感都来自于此，年轻，有活力，独特，新 颖，潮流。

Pixabay：https://pixabay.com/免费，激发灵感Illusion：http://illusion.scene360.com/提供灵感的高规格网站DADA：https://dada.nyc/home你可以与其他艺术家通过创意视觉图像的联结进行对话。

也就是说用图像图画代替文字交 流，炒鸡有趣哦插画网址给大家分享一个扁平插画集，可用于个人和商业，可调整颜色： https://undraw.co/illustrations一个很多插画教程 的网站：http://www.16xx8.com/photoshop/shuhuijiaocheng/chahua/95_2.html

今天给大家推荐几个插画设计网址http://apeonthemoon.com/http://www.creativeboom.com/http://www.itsnicethat.com/http://www.folioart.co.uk

http://artand.cn/https://illustrationage.com/VECTOR CREATOR（免费矢量插图 可商用）https://icons8.com/vector-creator/lcons8最新免费矢量插图设计工具Vector Creator，内置超过3000可免费使用的设计元素，拥有人物、动物、植物、物体、装饰、背景、文字等多种分类，并支持在线自由组合，拖拽即可创建漂亮的插画，一键导出PNG格式。

Ouch！（免费 可商用）： https://icons8.com/ouchLukaszadam :https://lukaszadam.com/illustrations图片网址

Foodiesfeed（https://www.foodiesfeed.com/）FoodiesFeed 的宗旨就是一心一意提供专业美食相关的免费图库，所以，这个网站只有与美 食相关的图片这比那些图片分类多，但每一个分类下图片数量很少的网站专一多了。

（这个网站有个缺点就是广告有点多）Kaboompics（https://kaboompics.com/）KaboomPics 是一个为博主、网站主、自由职业者、网页设计师提供高品质图片素材的网站， 所有的图片都可以应用于任何项目，没有版权限制。

（这个网站，它居然有配色方案！而且，配色方案还可以下载下来）Magdeleine:https://magdeleine.co/Magdeleine 号称“免费高清灵感系图片网 ”，它是一个每天分享免费高分辨率照片的网站， 由文森特创办。

该网站也是一个激发你灵感的图库站点，每天手工挑选高分辨率的各种图片，主要类别： 自然、城市建筑、动物、食品、技术等 （通过情绪找图，我也是第一次见，可以说很 6 了图库主打黑白图片，喜欢这类图片的朋友赶紧收藏吧。

）别样网:https://www.ssyer.com/别样网，是国内较大的无版权高清图片网站，提供各类高质量的无版权图片图片由用户自 行上传，后台审核，优秀摄影师的交流平台，现已成立沙沙野俱乐部（喜欢摄影的小伙伴，可以收藏哦。

）Gratisography:https://gratisography.com/Gratisography 是免费高分辨率摄影图片库，所有图片都可以用于个人或者商业用途，图片每周更新一次（适合开脑洞）。

Pexels:（https://www.pexels.com/）Pexels 是一个致力于为用户提供海量共享高清图片素材的网站，每周都会定量更新它所有 的图片都会显示详细的信息，例如：拍摄的相机型号、光圈、焦距、ISO 、图片大分辨率等， 高清大图质量很不错的。

Stocksnap（https://stocksnap.io/）StockSnap 由多位摄影师创办，拥有丰富的免费照片StockSnap 的图片都是日更的， 由摄 影师找出高品质、高清晰度的照片，上传发布，他们是想让更多的人免费使用高质量图片。

http://freenaturestock.com/http://isorepublic.com/https://stocksnap.io/https://visualhunt.com/https://unsplash.com/

https://pixabay.com/https://www.shopify.com/stock-photoshttps://www.sitebuilderreport.comhttp://www.polayoutu.com（修图网站，图片可免费下载）

https://www.publicdomainarchive.comhttps://wallpaperscraft.comhttp://zoommyapp.comhttp://cupcake.nilssonlee.se

https://everypixel.comhttp://superfamous.com（https://folkert.cargo.site/）http://pngimg.comhttp://moveast.mehttp://travelcoffeebook.com

https://foodiesfeed.comhttp://kaboompics.comhttp://fancycrave.comhttp://www.gratisography.comhttp://freelyphotos.com

http://realisticshots.comhttp://www.designerspics.comhttps://picjumbo.comhttp://jeshoots.comhttps://stocksnap.io

http://skuawk.comhttps://barnimages.comhttps://picjumbo.com/http://en.freejpg.com.arhttp://www.stockvault.net

https://www.goodfreephotos.comhttps://stock.tookapic.comhttp://publicdomainarchive.comhttp://thestocks.im

http://allthefreestock.comhttps://stocksnap.ioisorepublic.comwww.pexels.comwww.freeimages.co.ukmmtstock.com

kaboompics.commakerbook.netjaymantri.comstock.tookapic.compicography.conegativespace.cowww.splitshire.com

littlevisuals.cofreestocks.orggetrefe.comsnapwiresnaps.tumblr.comimcreator.com/freepicjumbo.comnos.twnsnd.co

deathtothestockphoto.comwww.lifeofpix.comsuperfamous.comhttps://barnimages.com/复古图库：http://www.raumrot.com

风景图库：http://unsplash.com黑白图库：http://magdeleine.co美食图库：http://foodiesfeed.com人物图库：http://picography.co

综合图库：http://www.gratisography.com日系图库：https://www.pakutaso.com京东图库：http://www.tokyo-date.net摄影图库：http://nos.twnsnd.co

trendlist： http://www.trendlist.org/ ，几乎全是画册、海报 note&point： http://noteandpoint.com/ ，PPT 灵感素材站Flat Design 必不可少，。

http://www.flatuicolorpicker.com/New Old Stock： http://nos.twnsnd.co/ ，提供大量的老照片Superfamous： http://superfamous.com/ ，艺术家 Folkert Gorter 站点，很适合 web 设计，和壁纸使用。

古田路 9 号：http://www.gtn9.com以品牌为核心，集创意作品分享、活动招聘发布、广告推广、正版字体素材下载等多元化的 交流分享平台也是国内各大设计组织活动的官方媒体，并与国内各大品牌设计公司形成战 略合作伙伴。

视觉 ME 设计社区：https://ishijue.com/https://www.skypixel.com/（天空之城）http://psiupuxa.com/（星空，宇宙）https://www.netcarshow.com（汽车）

http://barnimages.com/（不要钱高清大图）http://librestock.com/（不要钱的高清大图）电商网址致设计：http://www.zhisheji.com/黄蜂网：http://woofeng.cn/

大美工：http://dameigong.cn/趣味网址http://www.species-in-pieces.com/#各种有趣的晶格小动物Emmit Fenn：https://emmitfenn.com/一个有趣的交互式音乐视觉网站。

（第一次打开网页的时候会比较慢，可能需要在当前页面 等一会儿）https://photomosh.com/把静态图片自动生成故障风格，还可以保存成 gif晶格化背景网站推荐Trianglify ：https://trianglify.io/

Lowpoly：http://www.shejidaren.com/examples/tools/low-poly/低多边形制作工具，简单几步即可创作一幅艺术作品Wagerfield：http://matthew.wagerfield.com/flat-surface-shader/平面着色器。

https://segmentfault.com/a/1190000010963326?_ea=2474007 一个网页上实现动态霓虹文字效果的实现方法，你们可以拿去让你们的开发小哥看，如此一来，你们在设计 web 海报的时候，又多了一种选择哦

放射粒子 Stars-Emmision 网址：https://wangyasai.github.io/Stars-Emmision/几个练习设计能力的游戏网站http://pixact.ly/测试你对像素宽度的识别能力

http://type. method.ac/让你练习排版http://color.method.ac/配色练习http://game.ioxapp.com/eye-test/game.html测试色感的小游戏

http://bezier.method.ac/钢笔工具小游戏http://shape.method.ac/锻炼你的字体造型能力 http://dedesigntheweb.com/ 看原型图猜网站设计神器（

https://mp.weixin.qq.com/s/Fv0oVY06Uj3_2BVmw7GVdw） duotone.shapefactory.co（双色调）weavesilk.com（镜像眩光生成器）

https://codepen.io 各种特效生成器demo.marpi.pl/biomes（体素生成器）pissang.github.io/voxelize-image（图片体素化生成器）pissang.github.io/papercut-box-art（剪纸风格生成器）

wangyasai.github.io/Stars-Emmision（biubiubiu 生成器）分享个萌酷有趣的星球生成器 http://oskarstalberg.com/game/planet/planet.html

多边形在线制作器 网址：http://matthew.wagerfield.com/flat-surface-shader/多种场景背景发生器 网址：http://yiwenl.github.io/Sketches/

背景质感纹理生成器Noisetexturegenerator 网址：http://www.noisetexturegenerator.com/Ps 精修后创意图网址：http://halfheartmedia.com/?ulm_source=Unspiash&utm_medium=website&utm_campaign=ma dewithunsplash

Icon 图标图标搜索阿里巴巴矢量图标库网址：http://www.iconfont.cn/网址：http://www.icons8.com/http://iosicongallery.com/https://thenounproject.com/

http://www.iconninja.com/https://www.iconfinder.com/http://www.iospirations.com/http://www.iconarchive.com/

http://iconka.com/en/stickers-for-imo-messenger/https://iconsmind.com/http://www.iconwerk.com/http://fontawesome.io/icons/

后台界面契合平台系统类以及可视化设计，分享一些常看得不错的网站 https://themeforest.net/category/site-templates/admin-templates这篇文章讲的后台挺详细的

https://zhuanlan.zhihu.com/p/28787738demo 网站（后台管理系统）https://shapebootstrap.net/items/category/html-templates/11-admin-templates

花瓣 B/S 后台界面：http://huaban.com/boards/291013/配色资源http://taou.cn/5lpmK灵感网站，可以自己选择搭配 5 种颜色来搜索具有特定调色板的设计方案

material design palette自动配色网站，任意选择两个你喜欢的颜色就能在瞬间生成一个比较全面的配色方案了，这 个方案除了告诉你都有哪些颜色，并且提供简单的示例之外，还帮你安排好了主色、辅色、 甚至文字标题的颜色等你没想到的其他细节！

http://www.materialpalette.comChinese colors 各种中国传统颜色一览，美得一塌糊涂 http://zhongguose.com今天给大家推荐一波比较小众但很好用的色彩网站。

0 to 255—www.0to255.comAdobe Kuler Color Wheel— https://kuler.adobe.com/create/color-wheel/Color Scheme Designer —www.colorschemedesigner.com

Hex to RGB Converter—http://hex.colorrrs.comColeure— http://coleure.com/（https://www.webfx.com/web-design/color-picker/）

Colllor— http://colllor.com/色彩网站小集合http://colorhunt.co/ "色彩猎人"每天收集并策划发布美丽的配色方案https://colordrop.io/ 让寻找配色方案成为信手拈来的事情

https://www.materialui.co/ 推荐！帮助设计师们快速选到自己喜爱的配色方案https://coolors.co/browser/latest/ 1 实用！成千上万的配色方案https://uigradients.com/#Selenium 今年流行的渐变！点击屏幕两侧按钮可选更多色彩

https://color.adobe.com/zh/ 网页设计师配色的最佳之选http://bm.straightline.jp/ 日本酷站索引，近 6000 个 ！必备酷站http://colrd.com/ 从图片中提取颜色参考http://www.colorhexa.com/ 以主色调确定其它颜色

https://webkul.github.io/coolhue/https://webgradients.com/https://www.grabient.com/?ref=producthunt 可以创建修改，抓取渐变

依照关键词抓配色 Fatuicolorpicker 网址：http://www.flatuicolorpicker.com/动效网址https://www.lottiefiles.com/ icon 的动效参考网站

UI设计http://www.appanimations.com/APP 启动页1 、http://iconsfeed.com/ 分享一个启动图合集的网站矢量素材1 、PNG 素材网址PNGALL 网址：http://www.pngall.com/觅元素网址：

http://gradient.quasi.ink/freepngs 网址：http://www.freepngs.com/ Slick PNG 网址：http://www.stickpng.com/2 、抽象矢量图搜索

Veclteezy 网址：https://www.vecteezy.com/ Freeplk 网址：https://www.freeplk.com/3 、一个矢量图下载站 - QVectors - https://www.vexels.com/整站都是矢量的素材下载 - vecteezy - https://www.vecteezy.com/

免费的矢量、PSD 、图标和照片下载 - freepik - https://www.freepik.com/ 矢量插画源文件 - 無料 - https://www.ac-illust.com/免费矢量和 PSD 图片！ - VectorHQ.com - http://cn.vectorhq.com/ Free PSD & Graphics, Illustrations - https://cn.365psd.com/全部为免费下载的矢量素材（动物偏多） -

https://publicdomainvectors.org/设计元素的灵感图库 - http://thedesigninspiration.com/ 扁平矢量插画集 - https://undraw.co/illustrations免费矢量 PSD 素材 | Freepik - https://www.freepik.com/免费的矢量、PSD 、图标和照片下载 - https://www.freepik.com/

背景生成器 - Star Emission - https://wangyasai.github.io/Stars-Emmision/ 在线下载背景素材网站 - http://thepatternlibrary.com/#magnus-2050

无缝纹理背景的素材站 - http://thepatternlibrary.com/#design-tools 免费的 SVG 模板海报背景 - http://www.heropatterns.com/

4 、Hero patterns：http://www.heropatterns.com/支持大量图案下载Logo 设计1 、https://www.logodesignlove.com/ - 关于 LOGO 设计的博文

2 、https://99designs.com/logo-design - 很优秀的国外 LOGO 设计机构，提供了很多 LOGO 作 品3 、http://logofaves.com/ - 高品质的标志设计作品4 、

http://thedesigninspiration.com/category/logos/ - 一个设计灵感图库旗下的 logo 设计欣赏5 、https://www.logomoose.com/ - 扁平化的 logo 库

6 、https://logopond.com/ - logo 设计精彩集锦7 、https://www.logolounge.com/ - 超过 17 万例的 LOGO 设计资源网站8 、http://instantlogosearch.com/ - 国内外 Logo 灵感神器

9 、http://bpando.org/ - LOGO 品牌包装灵感站10 、http://underconsideration.com/ - LOGO 品牌标志设计理念趋势及案例展示11 、http://www.logogala.com/ - 深度解释和展示 LOGO 设计

12 、http://logospire.com/ - 每天更新精品 LOGO13 、http://findguidelin.es/14 、http://instantlogosearch.com/15 、Logopond：http://logopond.com/全是 logo

地图网址1 、地图和图标网址https://www.amcharts.com/https://www.mapbox.com/maps/ https://pixelmap.amcharts.com/2 、Stadia MapsStadia Maps 可以为你提供出色的地图绘制体验，借助其中的矢量地图模块和栅格可以更好 地绘制视觉效果出色的静态地图。

https://stadiamaps.com/3 、http://lbs.amap.com/getting-started/mapstyle 分享一个可以定制地图样式的网站，让地图 不再枯燥范围4 、多风格地图工具网址：。

http://chiangbt.bithub.io/webcontent/ Mapboxmap.html/数据分析1 、数据分析网站http://echarts.baidu.com/theme-builder/

http://echarts.baidu.com/index.html工具推荐1 、http://gridcalculator.dk/ 键入相关参数就能导出 PNG 的栅格系统图2 、xclient.info

waitsun.comhttp://www.tuyiyi.com/tool-8348-1.html分享三个 MAC 很全面的软件免费下载网址，最后一个注册一下就可以下载了，免费注册3 、https://zhuanhuan.supfree.net/

分享一个网站，在线进行各种文件格式转换的，里面除了常规的商务办公文档、图片、工业 制图等的格式转换外，还有咱们设计师，进场用到的矢量文件格式转换4 、图表https://www.hcharts.cn/demo/highstock

http://echarts.baidu.com/examples/5 、http://nudg.itsketch 插件，在 sketch 中默认 Shift + →移动的距离是 10 px ，当你在一个 8px 的网格上工作 时，这将是非常恼人的。

幸运的是，Anthony Collurafici 制作了一个名为 Nudg 的应用，可以 设置最小和最大移动距离6 、http://taou.cn/5lpm7关于网格选择 8 的倍数的原因和应用 （文章是英文的，大家可以用有道翻译官辅助哈）

7 、http://taou.cn/5lpm9贝塞尔工具，做动效时，与程序员哥哥对接对接确实是让人头疼的事情，但是用这个贝塞尔 工具可以把相应的参数对接给程序员使用，很方便7 、http://bigjpg.com/ AI 人工智能图片放大 放大效果非常出色， 色彩保留较好， 图片边缘 也不会有毛刺和重影， 。

更重要的是，影响画质的噪点基本在放大的图片上看不出来9 、蚂蚁金服推出提升工作效率的 Sketch 插件「Kitchen」 http://www.uisdc.com/sketch-plugin-kitchen下载地址：

http://sketch.im/plugins/14610 、 Google 动效团队出品的两款插件，优化从 Sketch 到 AE 的动效设计流程https://medium.com/google-design/bringing-sketch-and-after-effects-closer-together-d83b3e72 9c93①Sketch2AE：导入 Sketch 画板到 AE 的 Sketch 插件

https://google.github.io/sketch2ae/Google 出品，易用度还是可以的值得一提的是，这个插件和早先国内西西开发的 Sketch2AE 插件撞名了： https://zhuanlan.zhihu.com/p/28828769② Inspector Spacetime：AE 标注插件，读取动画参数生成文本信息。

https://google.github.io/inspectorspacetime/11 、https://airbnb.design/lottie/ 之前前端给我们推荐了一个 Lottie的 AE 插件，可以直接把动效生成 Json 文件给前端使用，这样部分简单的动效就不需要作序 列图或让前端去调。

12 、http://sketch.cm/shortcuts/sketch 快捷键的分享（同时这个网站上所有内容都是围绕 sketch 软件做的各类教程及素材）13 、分享一个栅格小工具，可以提升设计效率 。

http://grid.guide14 、安利一个做 3D 版像素的小软件 http://www.zcool.com.cn/article/ZNDQxOTc2.html15 、Eagle 这个桌面端软件

http://www.sketchchina.com/read-880.html样机模板网站推荐①https://www.yrucd.com 去云端下吧，样机比较多 ②https://placeit.net/③

https://medialoot.com/mockups/④http://www.uikit.me/index.php?s=/index/index/pid/2⑤分享个样机模板 http://threed.io/ 网页直接编辑可以导出图片

压缩网址1 、图片压缩网站 http://zhitu.isux.us/http://optimizilla.com/zh/https://imageoptim.com/mac（可离线压缩） https://www.iloveimg.com/https://tinypng.com/ https://www.jpeg.io/转 PDF：

https://smallpdf.com/cn/compress-pdf2 、PDF 压缩 https://smallpdf.com/ http://pdfcompressor.com/zh/3 、GIF 压缩 https://ezgif.com/

综合性网站1 、设计导航推荐中国设计网址导航：http://wz.cndesign.com/腾讯设计导航：http://idesign.qq.com/#!index/feed 大狮搜索导航：http://p.bigbigwork.com

创造师导航：http://www.chuangzaoshi.com/ 牛大拿导航：http://www.niudana.com/奇目设计师导航：http://www.qisumu.com/ 设计师导航：http://www.foolo.cn/

SDC 设计师网址导航：http://hao.uisdc.com/ 设计导航：http://hao.shejidaren.com/前端设计导航：http://nav.templatesy.com/ NAV80 导航：http://nav80.com/

优设网的设计师网址导航 https://hao.uisdc.com/ 图翼网的设计导航：http://www.tuyiyi.com/hao/2 、推荐几个设计师能用到的综合网站设计导航这些网站汇聚了各种网页、logo 、界面、 ui 等优秀的网址与社区。

常见的 dribbble 、banchen 、视觉中国等都有收集http://www.hiimii.com/hi/ http://hao.shejidaren.com/ http://hao.uisdc.com个性导航 https://creativemass.cn/#/

2 、最后再分享一个 ppt 导航类网址，我觉得挺不错的 http://www.hippter.com/3 、https://reeoo.com/这是综合类素材网站这个网站主要是集合网页设计、iphone APP 界面设计、icon 设计；设计作品质量相对较高。

网站可以根据所选颜色来匹配搜索的资源4 、http://collectui.com/designs 这个网站特别好用 ，采集的是 dribbble 上的作品，打开速度 比 dribbble 快，分类也多，强烈推荐

5 、推荐一个设计综合网站，里面不仅有主流的设计网站像 Dribbble 、Behance 、Pinterest 等 等，还有一些 H5 制作和 web 前端，还有一些书籍http://www.adobeedu.com/。

字体网址1 、http://www.likefont.com/ 识字体网2 、http://www.qiuziti.com/把图片放到求字体网试试3 、关于标题字体选用这块我有个软件推荐给你， hello font。

你可以先输入你要预览的文本，然后选择你想要的字体风格，选定字体后再根据字体的风格 和气质去设计页面其他元素当然这些字体都是有版权的，不过你可以用它来快速预览找灵 感，后期字体转为形状，然后自己做些更细致的修改。

教程学习类1 、教你手绘 freestyle 卡通涂鸦！https://uiiiuiii.com/draw/ 121211292.html2 、7 分钟教你实现手写字体动效 https://uiiiuiii.com/aftereffects/121211886.html

3 、制作炫酷文字人像效果 https://uiiiuiii.com/photoshop/ 121212454.html4 、AverageJoseph 制作钻石字的方法 https://www.yrucd.com/48955.html

3 、http://www.ui.cn/detail/361909.html5 分钟教你学会骨骼动画6 、 自学 C4D ，不要错过这些教程 - 知乎专栏https://zhuanlan.zhihu.com/p/26277569?utm_medium=social&utm_source=weibo

7 还有一套 ps 笔刷，适合手绘用的，里面有每种笔刷的使用方式 http://pan.baidu.com/s/1qYPrAVy8 、http://www.c4d.cn/3d-32244-1-1.html 这个讲材质很不错

9 、滴滴的这篇文章有系统讲解组件化的思维 http://www.zcool.com.cn/article/ZNjA0Mzky.html设计规范1 、弹窗规范：http://www.zcool.com.cn/article/ZMzkyOTQ0.html

2 、切图命名规范：http://www.qijishow.com/down/cutname.html3 、Adele：设计系统/规范库，收集了目前各大公司公开的设计系统 https://adele.uxpin.com。

4 、设计规范一安卓的设计规范 https://material.io/design/motion/#principles iPhone 尺寸规范 http://www.tuyiyi.com/cc/分享一个规范网站

http://element-cn.eleme.io/#/zh-CN/component/icon腾讯 ISUX ，腾讯系的产品品牌规范都可以查看、下载 https://isux.tencent.com/brands/#

5 、https://icon.wuruihong.com/分享个移动应用图标生成工具，一键生成所有尺寸的应用图标6 、弹窗规范 http://www.zcool.com.cn/article/ZMzkyOTQ0.html

7 、https://ant.design/index-cn大家在看规范的时候不要机械地去套，每个规范给出的时候后面基本会有一小段解释来说设计网站综合类设计 https://uiiiuiii.com网页设计

https://httpster.netlogo设计 http://www.logobook.comlogo设计 https://www.logomoose.com艺术创意 http://theinspirationgrid.com

平面类 https://www.itsnicethat.com设计网 https://dribbble.com设计网 https://www.webdesignclip.com设计师综合网址推荐http://hao.shejidaren.com/https://hao.uisdc.com/http://uicool123.com/https://www.ubuuk.com/

设计辅助网站推荐图片压缩：https://tinypng.com/图片压缩网站：https://www.jpeg.io/转PDF：https://smallpdf.com/cn/compress-pdf

图片压缩工具：https://imageoptim.com/mac（可离线压缩）故障艺术工具地址：photomosh.com