设计师常用网址

1、一个优秀的网页设计https://www.zg.com
2、Laws of UX：一系列交互原则的介绍，配合极简风格的插图。https://lawsofux.com/
3、CollectUI，UI 设计必备！100 多个分类，不用发愁没灵感了https://www.collectui.com/
4、分享一个种类丰富的UI 组件灵感库- http://collectui.com/
5、网格网站http://grid.guide/
6、按功能分类的设计网站https://www.collectui.com/challenges/admin-panel
7、国外设计网站
https://webgradients.com
https://www.iconfinder.com
https://unsplash.com
https://audiojungle.net
https://webgradients.com
https://www.freepik.com/index.php?goto=2&k=rocket&order=2&vars=2
http://bm.straightline.jp/
8、GIF 垂直搜索引擎，不支持中文搜索，下载GIF 网址https://giphy.com/
9、分享几个平时常用的网页设计参考
可根据配色筛选设计网站集锦- https://reeoo.com/
Bootstrap 优站精选- http://www.youzhan.org/
全球酷站中心- https://www.iiiimg.com/index.php
全球优秀网站集锦- https://www.siteinspire.com/websites
清爽简约风格的网页模板- http://stockholmlanding.select-themes.com/
界面简洁的网页设计汇集- http://siiimple.com/
日本网页设计欣赏- http://muuuuu.org/
日本网页设计汇总网站- http://bm.straightline.jp/
日本网页设计欣赏- http://4db.cc/
韩国设计欣赏- http://inagblog.com/
优秀网页设计欣赏- http://www.webdesignfile.com/
10、http://www.uupoop.com/ps/ 这个网上软件类似ps 哦
11、平面纹理素材，图色网址：http://www.hituyu.com/
Hero Pattems 网址：http://www.heropatterns.com/
Thepattemlibrary 网址：http://thepattemlibrary.com/
12、分享一批化妆品集团网站：
2
爱茉莉：http://www.amorepacific.com.cn/
IOPE： http://www.iope.com/cn/zh/skincare_makeup.html
韩佛：http://www.hanbul.com/?lang=zh-hans
伽蓝：http://www.jala.com.cn/index.html
资深堂：http://www.shiseido.com.cn/
资深堂：https://zh.shiseido.com/
高丝：http://www.kose.co.jp/company/cn/
佳丽宝：https://www.kanebo-cosmetics.co.jp/，官网：http://www.kanebo.com/cn/
13、海报网址：
餐饮http://www.weirujia.com/
商业展览http://www.ad518.com/
广告营销http://www.adsoftheworld.com/
韩国电影https://pygmn.com/7-_-The-Magnificent-Seven
欧美电影http://www.joblo.com/movie-posters/
国产电影https://movie.douban.com/
https://pick.mydesy.com/archives/category/graphic-design/poster
inspiration ：https://www.inspirationde.com/?s=poster
designspiration ：https://www.designspiration.net/
字体图形https://www.typographicposters.com/posters
14、Picjumbo：https://picjumbo.com/很有格调的图片网站
15、Studio Details：http://www.details.co.jp/分享超现实主义美学应用
16、The Dieline：http://www.thedieline.comDieline 包装设计方向
17、one page mania：http://www.onepagemania.com/简约格调设计网站，需要科学上网
18、创意-广告传播-品牌
http://www.2plus1.dk/#hjem/ecogrid
http://www.bellchinagroup.com/
http://www.dragonrouge.com/
http://www.daileyideas.com/
http://www.bbdo.ca/
19、平面设计
http://carpentercollective.com/
http://www.depotwpf.ru/
http://www.bibliothequedesign.com/
http://www.julia.uk.com/
http://designarmy.com/
20、摄影-影像
3
http://www.ronhaviv.com/
http://karsh.org/
http://www.barryackroyd.com/
http://www.jessicadimmockphotography.com/
http://gregwilliams.com/
21、关于iphone x
https://pan.baidu.com/s/1kVn96Kn
设计灵感
1、Fotor（懒设计）：探索海量模板发现设计灵感
这是一个主打在线做平面设计却又不务正业的提供了大量互联网运营相关设计案列、模板的
神奇网站，你可以把它当做“花瓣”来用
https://www.fotor.com.cn/templates
2、云端：高品质设计素材与资讯集合站。
C4D、PS、PPT、Sketch、平面、影视、笔刷等资源应有尽有
https://www.yrucd.com/category/designresources
3、Niice：创建情绪版的最佳灵感网站
https://niice.co/用于创意初期脑爆、产品风格设定时收集各种讨论素材的网站，没看懂，或
者没用过的，可以去看看
4、背景纹理
http://www.heropatterns.com/
http://www.heropatterns.com/
http://www.heropatterns.com/
5、科技网站推荐https://www.bocweb.cn/
6、这个也是一个类似于花瓣的https://www.iguoguo.net/
7、分享一个种类丰富的UI 组件灵感库- http://collectui.com/
8、给大家分享一个很有创意的网站,类似于日记类：http://i-remember.fr/en
9、http://goggles.wedze.com/winter-2017-2018/和大家分享个网站，构图很大气，用斑点元
素，然后选项卡也设计的比较有启发
10、Dribbble：https://dribbble.com/
把大把的灵感，不得不说，平时我做设计的很多灵感都来自于此，年轻，有活力，独特，新
颖，潮流。
4
11、Behance：https://www.behance.net/
设计创意交流，设计前卫，有手机APP 应用，支持中文。
12、Pixabay：https://pixabay.com/免费，激发灵感。
13、365 Awesome Designers：http://365awesomedesigners.com/
每天推荐一名优秀设计师作品，发散思维。
14、Booooooom：http://www.booooooom.com/脑洞大开的设计网站。
15、Illusion：http://illusion.scene360.com/提供灵感的高逼格网站。
16、DADA：https://dada.nyc/home
你可以与其他艺术家通过创意视觉图像的联结进行对话。也就是说用图像图画代替文字交
流，炒鸡有趣哦。
插画网址
1、给大家分享一个扁平插画集，可用于个人和商业，可调整颜色，
https://undraw.co/illustrations
2、http://www.16xx8.com/photoshop/shuhuijiaocheng/chahua/95_2.html 一个很多插画教程
的网站
3、今天给大家推荐几个插画设计网址
①http://apeonthemoon.com/
②http://www.creativeboom.com/
③http://www.itsnicethat.com/
④http://www.folioart.co.uk
⑤http://www.agent002.com/
⑥http://artand.cn/
⑦http://www.imagezoo.com/index.asp
⑧https://illustrationage.com/
⑨http://abduzeedo.com/
4、分享个随便画画就很漂亮的网站http://weavesilk.com/
免费商用图片网址
大多数都不需要科学上网。
1、Foodiesfeed（https://www.foodiesfeed.com/）
FoodiesFeed 的宗旨就是一心一意提供专业美食相关的免费图库，所以，这个网站只有与美
食相关的图片。这比那些图片分类多，但每一个分类下图片数量很少的网站专一多了。
（这个网站有个缺点就是广告有点多。）
5
2、Kaboompics（https://kaboompics.com/）
KaboomPics 是一个为博主、网站主、自由职业者、网页设计师提供高品质图片素材的网站，
所有的图片都可以应用于任何项目，没有版权限制。
（这个网站，它居然有配色方案！而且，配色方案还可以下载下来。）
3、Nasa（https://images.nasa.gov/）
我一直在思考要不要把这个网站推荐给你们，因为这是美国国家航空航天局的网站，上面的
图片涉及到美国的国家领导人。
4、Magdeleine（https://magdeleine.co/）
Magdeleine 号称“免费高清灵感系图片网”，它是一个每天分享免费高分辨率照片的网站，
由文森特创办。该网站也是一个激发你灵感的图库站点，每天手工挑选高分辨率的各种图片，
主要类别：自然、城市建筑、动物、视频、技术等。
（通过情绪找图，我也是第一次见，可以说很6 了。
图库主打黑白图片，喜欢这类图片的盆友赶紧收藏吧。）
5、Streetwill（http://streetwill.co/）
StreetWill 是一个干净整洁无任何广告的图片分享网站（这一点深入我心），提供超高分辨
率的图片资源，由众多摄影师提交分享，可以让你欣赏世界各地分自然风景、人物写真。
（很多创意、意境、人文地理、风土人情类的灵感系图片，一定可以满足你的需求。）
6、别样网（https://www.ssyer.com/）
别样网，是国内较大的无版权高清图片网站，提供各类高质量的无版权图片。图片由用户自
行上传，后台审核，优秀摄影师的交流平台，现已成立沙沙野俱乐部。
（喜欢摄影的小伙伴，可以收藏哦。）
7、Gratisography（https://gratisography.com/）
Gratisography 是免费高分辨率摄影图片库，所有图片都可以用于个人或者商业用途，图片
每周更新一次。（适合开脑洞）
8、Pexels（https://www.pexels.com/）
Pexels 是一个致力于为用户提供海量共享高清图片素材的网站，每周都会定量更新。它所有
的图片都会显示详细的信息，例如：拍摄的相机型号、光圈、焦距、ISO、图片大分辨率等，
高清大图质量很不错的。
9、LifeOfPix（https://www.lifeofpix.com/）
LifeOfPix 的图片多为欧洲景观，多为摄影师拍摄的生活类图片，所有的影像都是公共领域
捐赠而来。（适合旅游业的小伙伴）
10、Stocksnap（https://stocksnap.io/）
StockSnap 由多位摄影师创办，拥有丰富的免费照片。StockSnap 的图片都是日更的，由摄
影师找出高品质、高清晰度的照片，上传发布，他们是想让更多的人免费使用高质量图片。
6
11、推荐几个好用的国外免费的图片源站（都可以直接打开，就是有的有点慢）
http://freenaturestock.com/
http://isorepublic.com/
https://stocksnap.io/
https://visualhunt.com/
http://librestock.com/
https://unsplash.com/
https://pixabay.com/
12、TheStocks： http://thestocks.im/
涵盖Pixbay，Unsplash，Startup Stock，Gratisography，Pexels 在内的15 个免费高清图片网
站的资源。
13、最好的27 个高质量免费图片网站
isorepublic.com
www.bucketlistly.com
www.resplashed.com
www.pexels.com
www.freeimages.co.uk
mmtstock.com
kaboompics.com
makerbook.net
jaymantri.com
stock.tookapic.com
picography.co
negativespace.co
www.splitshire.com
littlevisuals.co
freestocks.org
getrefe.com
snapwiresnaps.tumblr.com
imcreator.com/free
picjumbo.com
nos.twnsnd.co
deathtothestockphoto.com
www.lifeofpix.com
superfamous.com
unsplash.com
gratisography.com
14、高清免费下载图片，尽量使用英文关键词搜索
https://alpha.wallhaven.cc/
https://barnimages.com/
https://gratisography.com/
7
https://stocksnap.io/
15、复古图库：http://www.raumrot.com
风景图库：http://unsplash.com
黑白图库：http://magdeleine.co
美食图库：http://foodiesfeed.com
人物图库：http://picography.co
欧洲景观：http://www.lifeofpix.com
综合图库：http://www.gratisography.com
日系图库：https://www.pakutaso.com
京东图库：http://www.tokyo-date.net
摄影图库：http://nos.twnsnd.co
16、trendlist： http://www.trendlist.org/ ，几乎全是画册、海报
note&point： http://noteandpoint.com/ ，PPT 灵感素材站。
The Pattern library： http://thepatternlibrary.com/ ，纹理素材。
Flat Design 必不少，http://www.flatuicolorpicker.com/
New Old Stock： http://nos.twnsnd.co/ ，提供大量的老照片。
Magdeleine： http://magdeleine.co/ ，可以通过颜色、情绪寻找图片。
foodiesfeed： https://foodiesfeed.com/ ，主打美食，吃货设计师站点。
Superfamous： http://superfamous.com/ ，艺术家Folkert Gorter 站点，很适合web 设计，
和壁纸使用。
17、古田路9 号：http://www.gtn9.com
以品牌为核心，集创意作品分享、活动招聘发布、广告推广、正版字体素材下载等多元化的
交流分享平台。也是国内各大设计组织活动的官方媒体，并与国内各大品牌设计公司形成战
略合作伙伴。
18、视觉ME 设计社区：http://shijue.me
19、https://mmtstock.com/ 免费的商业图库
https://www.skypixel.com/（天空之城）
http://psiupuxa.com/（星空,宇宙）
https://www.netcarshow.com（汽车）
https://foodiesfeed.com/(食物)
http://barnimages.com/(不要钱高清大图)
http://librestock.com/(不要钱的高清大图)
http://wallions.com/（文艺滤镜）
电商网址
1、http://www.zhisheji.com/
2、http://woofeng.cn/
3、http://dameigong.cn/
8
4、推荐大家一个时尚杂志网站：http://issuu.com/
这里汇总了世界上几乎所有的时尚杂志的封面设计和内页设计，还有很多国内外的设计师喜
欢把自己的简历或书籍封面设计也放上去，能够给排版参考带来不少的灵感
趣味网址
1、http://www.species-in-pieces.com/#各种有趣的晶格小动物
2、Emmit Fenn
一个有趣的交互式音乐视觉网站。(第一次打开网页的时候会比较慢，可能需要在当前页面
等一会儿)https://emmitfenn.com/
3、https://photomosh.com/把静态图片自动生成故障风格，还可以保存成gif
4、http://jsrun.net/MdYKp/edit 感受一下代码的魅力
5、晶格化背景网站推荐
Trianglify：https://trianglify.io/
Owpolygonart：http://www.lowpolygonart.com/?page_id=2026
lowpoly：http://www.shejidaren.com/examples/tools/low-poly/
Wagerfield：http://matthew.wagerfield.com/flat-surface-shader/
6、https://segmentfault.com/a/1190000010963326?_ea=2474007 分享一个网页上实现动态霓
虹文字效果的实现方法，你们可以拿去让你们的开发小哥看，如此一来，你们在设计web
海报的时候，又多了一种选择噢
7、万箭齐发毫发无伤背景生成器https://wangyasai.github.io/Stars-Emmision/
8、分享几个练习设计能力的游戏网站
http://pixact.ly/ 测试你对像素宽度的识别能力
www.rgbchallenge.com 测试你对RGB 的了解程度
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/ 看原型图猜网站
9、设计神器（https://mp.weixin.qq.com/s/Fv0oVY06Uj3_2BVmw7GVdw）
duotone.shapefactory.co（双色调）
photomosh.com（故障艺术生成器）
https://codepen.io/tsuhre/full/BYbjyg（炫光生成器）
weavesilk.com（镜像炫光生成器）
https://codepen.io/pissang/full/geajpX（渐变层生成器）
9
codepen.io/Yakudoo/full/rJjOJx/（流动渐变层生成器）
demo.marpi.pl/biomes（体素生成器）
pissang.github.io/voxelize-image（图片体素化生成器）
pissang.github.io/papercut-box-art（剪纸风格生成器）
wangyasai.github.io/Stars-Emmision（biubiubiu 生成器）
10、分享个萌酷有趣的星球生成器http://oskarstalberg.com/game/planet/planet.html
11、放射粒子Stars-Emmision 网址：http://wangyasai.github.io/Stars-Emmision/
光线绘画Weavesilk 网址：http://weavesilk.com/
多边形在线制作器1 网址：http://matthew.wagerfield.com/flat-surface-shader/
光效网址：https://codepen.io/tsuhre/pen/BYbjyg
粒子网址：https://codepen.io/vincentGareau/pen/pnlso
剪纸风格网址：https://pissang.github.io/papercut-box-art/
多种场景背景发生器1 网址：http://yiwenl.github.io/Sketches/
多种场景背景发生器2 网址：https://demo.mapi.pi
特效发生器网址：http://atteredqualia.com/xg/examples/nebula_artefact.htm
NASA 星空
网址：http://original.wlppr.co/
12、背景质感纹理生成器
Noisetexturegenerator 网址：http://www.noisetexturegenerator.com/
13、Ps 精修后创意图网址：
http://halfheartmedia.com/?ulm_source=Unspiash&utm_medium=website&utm_campaign=ma
dewithunsplash
14、4K 超高清背景图下载网址：https://walipapersite.com/
15、多种素材集合网址：http://thestocks.im/#
科技数字生成器网址：https://www.airightinteractive.com/demos/js/emsx/
故障艺术生成器网址：https://photomosh.com
渐变元素网址：https://glslb.in/s/03941523/
16、等高线渐变背景，Yakudoo 网址：https://codepen.io/Yakudoo/full/rJjOJx/
抽象渐变背景，QU 网址：http://gradient.quasi.ink/
Icon 图标
1、给大家推荐一个萌趣又脑洞大开的图标网址
https://www.swifticons.com/?from=groupmessage
2、图标搜索
阿里巴巴矢量图标库网址：http://www.iconfont.cn/
10
Easyicon 网址：http://www.easyicon.net/
icon8 网址：http://www.icons8.com/
多场景矢量图标网址：http://undraw.co/illustrations
3、图标除了阿里图标库之外的其他网站推荐
http://iosicongallery.com/
http://www.easyicon.net/
https://thenounproject.com/
http://www.iconninja.com/icon
https://www.iconfinder.com/
http://www.iospirations.com/
http://www.iconarchive.com/
http://www.iconsweets2.com/
http://iconka.com/en/stickers-for-imo-messenger/
http://icontoucan.com/
https://iconsmind.com/
https://goodstuffnononsense.com/
http://www.iconwerk.com/
http://fontawesome.io/icons/
后台界面
1、契合平台系统类以及可视化设计，分享一些常看的不错的网站
https://themeforest.net/category/site-templates/admin-templates
2、很不错的后台系统开发模版
https://themehunt.com/
3、https://preview.pro.ant.design/#/dashboard/analysis 常规类后台，可以参考这个
4、这篇文章讲的后台挺详细的https://zhuanlan.zhihu.com/p/28787738
5、分享一个demo 网站（后台管理系统）
https://shapebootstrap.net/items/category/html-templates/11-admin-templates
http://echarts.baidu.com/echarts2/doc/example.html
6、后台管理，themeforest 上面很多的哦，都有Live Demo 的
https://themeforest.net/category/site-templates/admin-templates
7、后台页面可参考的
①全面功能和流程：http://www.10oa.com/v8/function.htm
②这里是Ant Design 的React 实现，开发和服务于企业级后台产品：
https://ant.design/index-cn
https://ant.design/docs/react/introduce-cn
11
③Ant Design 后台：https://preview.pro.ant.design
④花瓣B/S 后台界面：http://huaban.com/boards/291013/
8、系统界面
http://thevectorlab.net/flatlab/
http://thevectorlab.net/slicklab/index.html
http://flatfull.com/themes/flatkit/
配色资源
1、http://taou.cn/5lpmK
灵感网站，可以自己选择搭配5 种颜色来搜索具有特定调色板的设计方案
2、http://taou.cn/5lpmi（用网页打开）
配色网站，可以通过对比色或者邻近色等来给出配色方案，还会给出一些小案例
3、material design palette
自动配色网站，任意选择两个你喜欢的颜色就能在瞬间生成一个比较全面的配色方案了，这
个方案除了告诉你都有哪些颜色，并且提供简单的示例之外，还帮你安排好了主色、辅色、
甚至文字标题的颜色等你没想到的其他细节！
http://www.materialpalette.com
4、Chinese colors 各种中国传统颜色一览，美得一塌糊涂。
http://zhongguose.com
5、Colorize photo：Ai 帮你给黑白图片上色。
输入图片链接，或者本地上传图片，网站会根据深度算法自动上色。
http://demos.algorithmia.com/colorize-photos/
6、今天给大家推荐一波比较小众但很好用的色彩网站
0 to 255 — www.0to255.com
Colour Lovers — www.colourlovers.com
Adobe Kuler Color Wheel — https://kuler.adobe.com/create/color-wheel/
Color Scheme Designer — www.colorschemedesigner.com
Hex to RGB Converter — http://hex.colorrrs.com
Coleure — http://coleure.com/
Colllor — http://colllor.com/
7、分享一个配色网站http://nipponcolors.com/#urayanagi
8、http://www.fancynode.com.cn/colorcube/home 根据图片生成色卡
9、色彩网站小集合
http://colorhunt.co/ “色彩猎人”每天收集并策划发布美丽的配色方案
12
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/ 以主色调确定其它颜色
http://www.peise.net/tools/web/ 在线配色器
http://skuawk.com/extractor.html 抓取图片颜色
http://www.colorfavs.com/ 看到配色好看的图片可以上传吸取颜色
10、给大家也推荐个网站https://uigradients.com/#MoonPurple 这个是可以在线预览渐变
颜色自己复制粘贴色值的
11、推荐几个不错的渐变配色网站
https://uigradients.com/#Shore（网站背景即渐变色，效果直观）
https://webkul.github.io/coolhue/
https://webgradients.com/
12、配色神器http://khroma.co/
这个是教程https://uiiiuiii.com/software/31505.html
13、云配色：http://card.qdsay.com
好色度：http://www.haosedu.com
扁平化配色：http://color.koya.io/
在线渐变色：http://uigradients.com
日本传统色：http://nipponcolors.com
中国色彩宝典：http://t.cn/RPDSJeq
日本色彩宝典：http://www.nicopon.com
抓取图片颜色：http://www.colorfavs.com
配色方案：http://t.cn/RcWStK9
色彩搭配思维：http://t.cn/RzDdHde
安全配色指南：http://t.cn/RAnjhDc
选色配色规律：http://t.cn/RUEOYWn
扁平插画配色：http://t.cn/RcWSMjQ
中国传统色谱：http://t.cn/RcWSVnh
14、https://www.grabient.com/?ref=producthunt 分享一个颜色工具可以创建修改，抓取渐变
15、纯色背景配色网
依照色相抓取配色Colorthunt 网址：http://www.colorhunt.co/
依照关键词抓配色Fatuicolorpicker 网址：http://www.flatuicolorpicker.com/
13
动效网址
1、https://www.lottiefiles.com/ icon 的动效参考网站
2、小动效网站
http://www.appanimations.com/
https://uimovement.com/
3、https://www.lottiefiles.com/aep
给大家分享一个动画素材源文件网站，里面所有的动画都可以下载到源文件，方便设计师和
开发二次创作，是可重复组合使用的动效素材喔
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/
14
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/ – 每天更新精品LOGO
13、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 Maps
Stadia 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
15
工具推荐
1、http://gridcalculator.dk/ 键入相关参数就能导出PNG 的栅格系统图
2、xclient.info
waitsun.com
http://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.it
sketch 插件，在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/146
10、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 标注插件，读取动画参数生成文本信息
16
https://google.github.io/inspectorspacetime/
11、https://airbnb.design/lottie/ 之前前端给我们推荐了一个Lottie
的AE 插件，可以直接把动效生成Json 文件给前端使用，这样部分简单的动效就不需要做序
列图或让前端去调。
12、http://sketch.cm/shortcuts/
sketch 快捷键的分享（同时这个网站上所有内容都是围绕sketch 软件做的各类教程及素材）
13、分享一个栅格小工具，可以提升设计效率。http://grid.guide
14、安利一个做3D 版像素的小软件http://www.zcool.com.cn/article/ZNDQxOTc2.html
15、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-pdf
2、PDF 压缩https://smallpdf.com/
http://pdfcompressor.com/zh/
3、GIF 压缩https://ezgif.com/
综合性网站
1、设计导航推荐
中国设计网址导航：http://wz.cndesign.com/
17
腾讯设计导航：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。
你可以先输入你要预览的文本，然后选择你想要的字体风格，选定字体后再根据字体的风格
和气质去设计页面其它元素。当然这些字体都是有版权的，不过你可以用它来快速预览找灵
感，后期字体转为形状，然后自己做些更细致的修改
18
教程学习类
1、教你手绘freestyle 卡通涂鸦！https://uiiiuiii.com/draw/121211292.html
2、7 分钟教你实现手写字体动效https://uiiiuiii.com/aftereffects/121211886.html
3、制作炫酷文字人像效果https://uiiiuiii.com/photoshop/121212454.html
4、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/1qYPrAVy
8、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.html
3、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
大家在看规范的时候不要机械的去套，每个规范给出的时候后面基本都会有一小段解释来说