1

设计师网址

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=madewithunsplash

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-d83b3e729c93

①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

大家在看规范的时候不要机械的去套，每个规范给出的时候后面基本都会有一小段解释来说