5个在线设计网站，不会ps也能快速上手

每次看到那些不常联系的微信好友消息：梯梯，在吗”，都会有一种危险即将来临的感觉。这种情况要么是找你借钱，要么就是找你帮忙做东西：听说你学过PS，可以帮我设计一张海报吗？”

学过是学过，但只学了个PS的基础，还没达到可以自主设计海报的水平”，就算你这样回复照样没什么卵用，对方可能会觉得你是真谦虚。

就算真的帮忙用PS套个模板也是超级麻烦，但是如果选择在线设计海报，效率能提高很多，只需要简单拖拽就可以，最快10秒就能完成海报的设计和修改，没有任何PS基础依然可以快速上手，整理了5个在线设计网站供大家敷衍帮忙：

1.稿定设计

稿定设计官网：

稿定设计最大的特点是无需登录就可以使用，可以进行在线设计的包含：电商素材、新媒体配图和手机海报，常用的平面设计基本上都涵盖了，而且现在还是完全免费使用下载。

本次的推送首图就是通过稿定设计制作的，在现有模板的基础上进行修改，前后10秒左右就完成了。

2.创客贴

创客贴官网：

创客贴的操作界面非常简洁，但是在线设计需要登录，不过微信扫码也是瞬间的事。它设计的内容包含了社交媒体、广告印刷、工作文档、生活、电商，简历和名片也是一大特点，种类非常多，还可以自定义尺寸。

但是很多模板都需要开通会员或者付费才可以使用，网站还附带印刷业务，可以直接将设计好的海报直接购买印刷。

3.懒设计

懒设计官网：

懒设计包含的种类有社交媒体、生活、电商、横幅广告，还有个值得一说的海外平台”：Facebook、Twitter、Google等平台要求尺寸封面图，都可以在懒设计找到进行设计修改。

不过懒设计依然需要登录才能下载，一些好看的海报也是需要开通会员才能使用，网站也提供了印刷服务，可以直接购买。

4.图帮主

图帮主官网：

图帮主需要登录关注公众号才可以进行下载，可以设计的内容包含了社交媒体、广告印刷、网站电商、商务办公、创意生活。大多数模板的使用也是需要开通会员。

不过相比前面三个平台，我个人不是很喜欢图帮主整体的模板风格。

5.图怪兽

图怪兽官网：

图怪兽的设计种类相比前面4个平台，多出了企业运营管理、教育、培训/留学、旅游观光、宠物等，每天只有一次免费下载的机会，下载第二个就需要开通会员了。

虽然种类多，但是这样的模板水平就有点太敷衍了，我一个只会点PS基础的都比这里很多模板做得好。

5个在线设计网站基本可以满足基础需求了。不过，如果真的有好友找你帮忙设计海报，其实从你刚开始回复在”的时候就已经输了。

聪明人都惯用黑科技”办公来提高工作效率

对于经常和产品设计打交道的朋友来说，有个好的工具软件，可以极大的提升工作效率，达到事半功倍。古人云独乐乐不如众乐乐”，今天小编就来和大家一起乐乐，分享一些实用性较强的工具软件，希望对大家的工作和生活有所帮助。

01.Worktile —— 项目管理

官网地址：

简要介绍：Worktile是企业在线协作管理办公平台，致力于解决企业员工工作效率，加强团队成员之间协作与沟通，进而提升企业核心竞争力。 解决 30-1000 人规模公司的协作、办公和管理痛点，帮助企业实施项目管理、规范流程、搭建知识库以及辅助管理决策。主要功能包括：项目管理 、消息、任务、日历、网盘、工作汇报、审批、目标管理、CRM等应用 。

适用情景：项目开发管理，任务分配，版本测试等

02.石墨文档 —— 需求管理

官网地址：

简要介绍：石墨文档是中国第一款支持云端实时协作的企业在线文档协作办公软件（功能类比于Google Docs、Quip），可以实现多人同时在同一文档、表格、导图、画板等进行编辑和实时讨论，同步响应速度达到毫秒级，是团队协作的最佳选择。在赋予产品高协作性功能的基础上，石墨文档还是一款具有中国式美感的科技产品，2015年获得极客公园评选的最佳互联网创新产品50强。

适用情景：内部需求文档及时沟通查阅

03.Axure —— 界面交互

官网地址：

简要介绍：Axure RP是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的 线框图 、 流程图 、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

适用情景：产品原型交互设计

04.Visio —— 流程设计

官网地址：

简要介绍：Office Visio 是office软件系列中的负责绘制流程图和示意图的软件，是一款便于IT和商务人员就复杂信息、系统和流程进行可视化处理、分析和交流的软件。使用具有专业外观的 Office Visio 图表，可以促进对系统和流程的了解，深入了解复杂信息并利用这些知识做出更好的业务决策。

适用情景：产品功能流程逻辑说明

05.Sketch —— UI设计

官网地址：

简要介绍：Sketch 是一款适用于所有设计师的矢量绘图应用软件。矢量绘图也是目前进行网页，图标以及界面设计的最好方式。但除了矢量编辑的功能之外，Sketch同样添加了一些基本的位图工具，比如模糊和色彩校正。其特点是容易理解，上手简单，对于有设计经验的设计师来说，入门门槛很低。对于绝大多数的数字产品设计，Sketch 都能替代 Adobe Photoshop，Illustrator 和 Fireworks。

适用情景：产品界面设计，矢量图制作

06.易企秀 —— 宣传推广

官网地址：

简要介绍：易企秀是一款针对移动互联网营销的手机幻灯片、H5场景应用制作工具，将原来只能在PC端制作和展示的各类复杂营销方案转移到更为便携和展示的手机上，用户随时随地根据自己的需要在PC端、手机端进行制作和展示，随时随地营销。

适用情景：手机产品动图宣传、H5分享

07.麦客CRM —— 数据调查

官网地址：

简要介绍： 麦客CRM是一款数据信息收集、客户关系管理和市场营销服务SaaS产品，最初于2013年9月发布，为企业、机构和个人用户提供在线表单制作与发布、数据采集分析、客户与联系人管理、会员管理、邮件营销、短信营销及互联网广告推广等服务。

适用情景：线上问卷调查、建议征集等

08.蓝湖软件 —— 规范设计

官网地址：

简要介绍：蓝湖是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图，使之在团队内达到规范统一。蓝湖的Axure插件可以在线展示Axure,自动生成设计图标注,与团队共享设计图,展示页面之间的跳转关系，此外，还有强大的Sketch插件、Photoshop插件、Adobe XD插件，都可以非常方便的共享和管理软件文件资料。

适用情景：产品设计中团队规范设计标准

09.懒设计 —— 封面海报

官网地址：

简要介绍：Fotor是高效的在线设计神器，包括壁纸、插图、海报、邀请函等，而且还免费提供海量可商用的模板和简单易用的工具，帮你快速完成平面设计和图片编辑。

适用情景：产品海报/宣传图制作

10.爱设计 —— 封面海报

官网地址：

简要介绍：爱设计也是高效的在线设计神器，包括壁纸、插图、海报、邀请函等，而且还免费提供海量可商用的模板和简单易用的工具，帮你快速完成平面设计和图片编辑。

适用情景：产品海报/宣传图制作

这科技到这就说完了，至于黑不黑”还是大家说了算，如果你也有好的工具软件，求分享~

全网最全平面设计网站合集，有需要的一定要收藏。

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

设计师网址

Laws of UX：一系列交互原则的介绍，配合极简风格的插图。

国外设计网站

?goto=2&k=rocket&order=2&vars=2

GIF 垂直搜索引擎，不支持中文搜索， 网址

分享几个平时常用的网页设计参考可根据配色筛选设计网站集锦：

优站精选 -

全球优秀网站集锦 -

清爽简约风格的网页模板 -

界面简洁的网页设计汇集 -

日本网页设计欣赏 -

日本网页设计汇总网站 - （）

日本网页设计欣赏 -

韩国设计欣赏 -

优秀网页设计欣赏 -

这个网上软件类似 ps 哦

平面纹理素材，网址：

分享一批化妆品集团网站：

爱茉莉：

IOPE：

自然堂：

日本资生堂：资生堂：

佳丽宝： ，

海报网址：

广告营销

欧美电影

inspiration ：?s=poster

国产电影

字体图形

Picjumbo：很有格调的图片网站

Studio Details：分享超现实主义美学应用

创意－广告传播－品牌

#hjem/ecogrid

平面设计

摄影－影像

设计灵感

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

云端：高品质设计素材与资讯集合站。C4D 、PS 、PPT 、Sketch 、平面、影视、笔刷等资源应有尽有

Niice： 创建情绪版的最佳灵感网站用于创意初期脑爆、产品风格设定时收集各种讨论素材的网站，没看懂，或 者没用过的，可以去看看。

背景纹理：

科技网站推荐 :

这个也是一个类似于花瓣的

Dribbble：把大把的灵感，不得不说，平时我做设计的很多灵感都来自于此，年轻，有活力，独特，新 颖，潮流。

Pixabay：免费，激发灵感。

Illusion：提供灵感的高规格网站。

DADA：你可以与其他艺术家通过创意视觉图像的联结进行对话。也就是说用图像图画代替文字交 流，炒鸡有趣哦。

插画网址

给大家分享一个扁平插画集，可用于个人和商业，可调整颜色：

一个很多插画教程 的网站：

今天给大家推荐几个插画设计网址

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

Ouch！（免费 可商用）：

Lukaszadam :

图片网址

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

Kaboompics（）KaboomPics 是一个为博主、网站主、自由职业者、网页设计师提供高品质图片素材的网站， 所有的图片都可以应用于任何项目，没有版权限制。（这个网站，它居然有配色方案！而且，配色方案还可以下载下来。）

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

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

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

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

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

://www.polayoutu.com（修图网站，图片可免费下载）

（）

://travelcoffeebook.com

isorepublic.com

www.pexels.com

www.freeimages.co.u

kmmtstock.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/

freepicjumbo.com

nos.twnsnd.co

deathtothestockphoto.com

www.lifeofpix.com

superfamous.com

复古图库：

风景图库：

黑白图库：

美食图库：

人物图库：

综合图库：

日系图库：

京东图库：

摄影图库：

trendlist： ，几乎全是画册、海报 note&point： ，PPT 灵感素材站。

Flat Design 必不可少， Old Stock： ，提供大量的老照片。

Superfamous： ，艺术家 Folkert Gorter 站点，很适合 web 设计，和壁纸使用。

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

视觉 ME 设计社区：

（天空之城）

（星空，宇宙）

（汽车）

（不要钱高清大图）

（不要钱的高清大图）

电商网址

致设计：

黄蜂网：

大美工：

趣味网址

#各种有趣的晶格小动物

Emmit Fenn：一个有趣的交互式音乐视觉网站。（第一次打开网页的时候会比较慢，可能需要在当前页面 等一会儿）

把静态图片自动生成故障风格，还可以保存成 gif

晶格化背景网站推荐Trianglify ：

Lowpoly：低多边形制作工具，简单几步即可创作一幅艺术作品。

Wagerfield：平面着色器

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

放射粒子 Stars-Emmision 网址：

几个练习设计能力的游戏网站

测试你对像素宽度的识别能力

method.ac/让你练习排版

配色练习测试色感的小游戏 钢笔工具小游戏

锻炼你的字体造型能力 看原型图猜网站

设计神器（） duotone.shapefactory.co（双色调）

weavesilk.com（镜像眩光生成器）

各种特效生成器

demo.marpi.pl/biomes（体素生成器）

pissang.github.io/voxelize-image（图片体素化生成器）

pissang.github.io/papercut-box-art（剪纸风格生成器）

wangyasai.github.io/Stars-Emmision（biubiubiu 生成器）

分享个萌酷有趣的星球生成器

多边形在线制作器 网址：

多种场景背景发生器 网址：

背景质感纹理生成器Noisetexturegenerator 网址：

Ps 精修后创意图网址：

?ulm_source=Unspiash&utm_medium=website&utm_campaign=ma dewithunsplash

Icon 图标

图标搜索阿里巴巴矢量图标库网址：

网址：

后台界面

契合平台系统类以及可视化设计，分享一些常看得不错的网站

这篇文章讲的后台挺详细的

demo 网站（后台管理系统）

花瓣 B/S 后台界面：

配色资源

灵感网站，可以自己选择搭配 5 种颜色来搜索具有特定调色板的设计方案

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

Chinese colors 各种中国传统颜色一览，美得一塌糊涂。

今天给大家推荐一波比较小众但很好用的色彩网站

0 to 255—www.0to255.com

Adobe Kuler Color Wheel—

Color Scheme Designer —www.colorschemedesigner.com

Hex to RGB Converter—

Coleure— （）

Colllor—

色彩网站小集合 "色彩猎人"每天收集并策划发布美丽的配色方案
让寻找配色方案成为信手拈来的事情 推荐！帮助设计师们快速选到自己喜爱的配色方案

1 实用！成千上万的配色方案#Selenium 今年流行的渐变！点击屏幕两侧按钮可选更多色彩

网页设计师配色的最佳之选 日本酷站索引，近 6000 个 ！必备酷站 从图片中提取颜色参考 以主色调确定其它颜色

?ref=producthunt 可以创建修改，抓取渐变

依照关键词抓配色 Fatuicolorpicker 网址：

动效网址

icon 的动效参考网站

UI设计

APP 启动页1 、 分享一个启动图合集的网站

矢量素材1 、PNG 素材网址PNGALL 网址：觅元素网址：

freepngs 网址： Slick PNG 网址：

2 、抽象矢量图搜索

Veclteezy 网址： Freeplk 网址：

3 、一个矢量图下载站 - QVectors - 整站都是矢量的素材下载 - vecteezy -

免费的矢量、PSD 、图标和照片下载 - freepik - 矢量插画源文件 - 無料 -

免费矢量和 PSD 图片！ - VectorHQ.com - Free PSD & Graphics, Illustrations - 全部为免费下载的矢量素材（动物偏多） -

设计元素的灵感图库 - 扁平矢量插画集 - 免费矢量 PSD 素材 | Freepik - 免费的矢量、PSD 、图标和照片下载 -

背景生成器 - Star Emission - 在线下载背景素材网站 - #magnus-2050

无缝纹理背景的素材站 - #design-tools 免费的 SVG 模板海报背景 -

4 、Hero patterns：支持大量图案下载

Logo 设计1 、 - 关于 LOGO 设计的博文

2 、 - 很优秀的国外 LOGO 设计机构，提供了很多 LOGO 作 品

3 、 - 高品质的标志设计作品4 、 - 一个设计灵感图库旗下的 logo 设计欣赏

5 、 - 扁平化的 logo 库

6 、 - logo 设计精彩集锦

7 、 - 超过 17 万例的 LOGO 设计资源网站

8 、 - 国内外 Logo 灵感神器

9 、 - LOGO 品牌包装灵感站

10 、 - LOGO 品牌标志设计理念趋势及案例展示

11 、 - 深度解释和展示 LOGO 设计

12 、 - 每天更新精品 LOGO

13 、

14 、 、Logopond：全是 logo

地图网址1 、地图和图标网址://www.mapbox.com/maps/

2 、Stadia MapsStadia Maps 可以为你提供出色的地图绘制体验，借助其中的矢量地图模块和栅格可以更好 地绘制视觉效果出色的静态地图。

3 、 分享一个可以定制地图样式的网站，让地图 不再枯燥范围。

4 、多风格地图工具网址： Mapboxmap.html/

数据分析1 、数据分析网站

工具推荐1 、 键入相关参数就能导出 PNG 的栅格系统图

2 、xclient.info waitsun.分享三个 MAC 很全面的软件免费下载网址，最后一个注册一下就可以下载了，免费注册

3 、

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

4 、图表

5 、

sketch 插件，在 sketch 中默认 Shift + →移动的距离是 10 px ，当你在一个 8px 的网格上工作 时，这将是非常恼人的。幸运的是，Anthony Collurafici 制作了一个名为 Nudg 的应用，可以 设置最小和最大移动距离

6 、关于网格选择 8 的倍数的原因和应用 （文章是英文的，大家可以用有道翻译官辅助哈）

7 、

贝塞尔工具，做动效时，与程序员哥哥对接对接确实是让人头疼的事情，但是用这个贝塞尔 工具可以把相应的参数对接给程序员使用，很方便

7 、 AI 人工智能图片放大 放大效果非常出色， 色彩保留较好， 图片边缘 也不会有毛刺和重影， 。更重要的是，影响画质的噪点基本在放大的图片上看不出来。

9 、蚂蚁金服推出提升工作效率的 Sketch 插件「Kitchen」 下载地址：

10 、 Google 动效团队出品的两款插件，优化从 Sketch 到 AE 的动效设计流程

9c93①Sketch2AE：导入 Sketch 画板到 AE 的 Sketch 插件 出品，易用度还是可以的。

值得一提的是，这个插件和早先国内西西开发的 Sketch2AE 插件撞名了： ② Inspector Spacetime：AE 标注插件，读取动画参数生成文本信息

11 、 之前前端给我们推荐了一个 Lottie

的 AE 插件，可以直接把动效生成 Json 文件给前端使用，这样部分简单的动效就不需要作序 列图或让前端去调。

12 、 快捷键的分享（同时这个网站上所有内容都是围绕 sketch 软件做的各类教程及素材）

13 、分享一个栅格小工具，可以提升设计效率 。

14 、安利一个做 3D 版像素的小软件

15 、Eagle 这个桌面端软件

样机模板网站推荐① 去云端下吧，样机比较多 ②③④?s=/index/index/pid/2⑤分享个样机模板 网页直接编辑可以导出图片

压缩网址

1 、图片压缩网站 ://optimizilla.com/zh/（可离线压缩） ://tinypng.com/ 转 PDF：

2 、PDF 压缩

3 、GIF 压缩

综合性网站1 、设计导航推荐中国设计网址导航：

腾讯设计导航：#!index/feed 大狮搜索导航：

创造师导航： 牛大拿导航：

奇目设计师导航： 设计师导航：

SDC 设计师网址导航： 设计导航：

前端设计导航： NAV80 导航：

优设网的设计师网址导航 图翼网的设计导航：

2 、推荐几个设计师能用到的综合网站设计导航。这些网站汇聚了各种网页、logo 、界面、 ui 等优秀的网址与社区。常见的 dribbble 、banchen 、视觉中国等都有收集。 个性导航 #/

2 、最后再分享一个 ppt 导航类网址，我觉得挺不错的

3 、这是综合类素材网站

这个网站主要是集合网页设计、iphone APP 界面设计、icon 设计；设计作品质量相对较高。 网站可以根据所选颜色来匹配搜索的资源。

4 、 这个网站特别好用 ，采集的是 dribbble 上的作品，打开速度 比 dribbble 快，分类也多，强烈推荐

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

字体网址1 、 识字体网

2 、把图片放到求字体网试试

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

教程学习类1 、教你手绘 freestyle 卡通涂鸦！ 121211292.html

2 、7 分钟教你实现手写字体动效

3 、制作炫酷文字人像效果 121212454.html

4 、AverageJoseph 制作钻石字的方法

3 、 分钟教你学会骨骼动画

6 、 自学 C4D ，不要错过这些教程 - 专栏?utm_medium=social&utm_source=weibo

7 还有一套 ps 笔刷，适合手绘用的，里面有每种笔刷的使用方式

8 、 这个讲材质很不错

9 、滴滴的这篇文章有系统讲解组件化的思维

设计规范1 、弹窗规范：

2 、切图命名规范：

3 、Adele：设计系统/规范库，收集了目前各大公司公开的设计系统。

4 、设计规范

一安卓的设计规范 #principles iPhone 尺寸规范 分享一个规范网站 #/zh-CN/component/icon腾讯 ISUX ，腾讯系的产品品牌规范都可以查看、下载 #

5 、分享个移动应用图标生成工具，一键生成所有尺寸的应用图标

6 、弹窗规范

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

设计网站

综合类设计

网页设计

设计

设计

艺术创意

平面类

设计网

设计网

设计师综合网址推荐://hao.uisdc.com/://www.ubuuk.com/

设计辅助网站推荐图片压缩：

图片压缩网站：

转PDF：

图片压缩工具：（可离线压缩）

故障艺术工具地址：photomosh.com