1.humaaans

humaaaans,混合并匹配人与设计库的插图。人物插画素材是今年以及2019年都会火爆的设计风格，可以为你的内容增加一些氛围，提供了很多的免费素材可供大家选择搭配。

2.drawkit.io

drawkit是一系列免费、美观、可定制的麻省理工学院授权插图，有两种风格，可用于您的下一个网站，应用程序或项目。

3.undraw.co/illustrations

undraw，打开网页就是不同类型的图像，点击下载之后就可以利用彩色图像生成来匹配您的品牌标识。类型真的非常多。

4.avataaars

avataaars，将头像与草图库混合搭配。没有一个个性的头像怎么能行？在网站里你可以使用很多的免费素材创建头像插画。

5.christmashq

圣诞节就快来了，甲方粑粑有没有让你做些什么呢？每个节日虽然只有一天，但是提前预热的节日氛围真的让人感觉很温暖。网站提供了大量的免费假日设计资源、圣诞食谱、传统、装饰品、颂歌等等。很多种的圣诞元素让人眼花缭乱呢。

6.cruip

cruip，有很多种的风格可供选择，每种模板可以点击进去了解更多。

这是基础篇的结尾，还是那句老话，工欲善其事，必先利其器。这 篇来和大伙聊聊推荐一下有哪些工具或网站能快速高效地找到合适的设计创作素材。

网络上这类文章太多了，所以不打算推荐太多，只推精品！

其中包含以下几个类型：

1.图片

2.图标

3.素材合集

4.字体

5.微视频

适合人群：射鸡师、程序猿、运营汪、地球人……

一.图片

Pixabay

国外传统大牌CCO版权可商用的免费大型图库网站。优点在于更新速度快，中文界面并可精确各类搜索条件。

如同它所提昌的精神：可在任何地方使用的免费图片和视频，也可在商业应用程序中使用它们，不需要归属权。

这才是我们大爱的共产主义精神嘛^^

二.图标

图标终极必杀大器：iconninja

一个超过90W+的免费图标资源国际性网站，可一键下载到生成Css sprite全套免费服务，就问你服不服？

三.素材合集

有利可图网：16ketu

设计素材合集超强资源包下载，AI智能系统收集全球精品素材，一键打包下载，设计师的后花园，套模板必备！

四.字体

字体管理工具：Rightfont

很多人对这款工具很陌生，但它对字体管理功能的强大超乎你想象，可惜仅限于MAC系统下载使用。

五.微视频

免费用源可商用微视频：Coverr

是不是很羡慕别人网站的首页BANNER经常能看到动态的微视频效果？这个网站带给你新的视觉应用和享受。

总结：

要设计一个糖酷的平面或动态图，只靠设计师的小脑洞也许无法快速捕捉住灵感，以上能让设计效率事半功倍的小工具或者网址，赶紧收藏吧！有了这些PS素材和工具辅助，让自己的设计作品更加完美！

相关搜索

• logo图片
• ps模板素材
• ps素材人物

推荐一款适用于产品经理和设计师的原型工具——墨刀。相对于axure等传统设计软件，它最大的特点是轻、快，不需要下载，打开浏览器就能使用，没有复杂的中继器、函数概念，上手非常快，可以满足大部分场景的原型和交互设计。

近期，墨刀又推出了4.0版本，新增加了用户可以自定义和批量管理的组件库、素材库，并且完善了企业级的协作功能。这对于产品经理来说是个利好消息，可以创建团队的设计系统库，不管是版本之间，还是多个团队之间都可以保持步调一一致。

下面分享一下墨刀4.0的使用方法，一起加油~

Step1:快速创建应用

*官网推荐大家使用墨刀桌面客户端进行操作，能带来更好的使用体验。

*如使用网页版，可以用chrome浏览器（最新版）登录，使用IE、360浏览器等可能产生兼容性问题。

注册/登录墨刀后，首先到达的是「项目管理页」，创建的项目都会展示在这个页面。

点击左上角，可以切换个人空间和企业空间。

点击下方，可以选择「使用模板项目」还是「创建空白项目」。

使用模板项目：墨刀内置了丰富的模板项目，可先预览模板效果，挑选成功后点击「使用模板」即可。通过编辑模板你可以更快地掌握页面设计、交互设计的方法，也可在此基础上完善个人产品原型。

创建空白项目：有手机、平板、自定义等多种平台，创建后可以编辑页面，还可上传启动图标和启动界面图。

Step2 : 创建页面结构

在偏好设置-推荐模式下，页面列表位于工作区的左侧，与元素列表并排。

你可以在页面列表下添加新页面、子页面、创建副本、移动当前页到其他项目、删除等操作。

在页面列表下方，有「页面回收站」，14天内误删除的页面可以在回收站进行找回。

PS：良好的页面结构如同一个清晰的脑图，能够帮助制作者在复杂的产品原型中理清思路。

Step3 ： 创建页面内容

墨刀创建页面内容非常的简单：从组件区拖出组件到页面设计区，对齐进行大小、颜色、外观等属性设置就可以了。

墨刀有两个组件区：

高频组件区：位于左侧，当您画网页原型时，可以将页面列表收拢起来，空间会大很多。

右侧组件区：包括墨刀内置的组件、我的组件（你可以将高复用的组件添加到这里）、图标、母版（有继承性，一改全改）

快捷键A或者在上方工具栏点击「素材库」，您还可以对素材进行批量的管理。

Step4：添加页面交互

页面间交互

页面设计好以后，要建立页面间的交互，只需要点击组件，将组件旁边的圆形链接按钮拖动（链接）到相应的页面就可以啦！

在添加链接时，还可根据需求，设置不同的触发手势、定时器及动效。

页面内交互

页面交互可以用动态组件来制作，制作诸如加载动画、分页器、组件神奇移动等效果。墨刀也内置了WEUI动态组件、AntDesign组件，可以直接使用。

组件神奇移动

素材库内置的动态组件

自己制作动态组件

更为深入的交互可以查看官网状态的使用方法。

Step5：项目预览、分享及下载

原型制作过程中，不但可以随时检查原型在pc或移动设备上的真实运行效果，还可以将原型分享给你的同事或朋友，让大家第一时间看到设计成果。

预览

工作区点击“运行”按钮，即可进入原型演示模式。

在“预览“页面，你还可以设置原型是否带真机外壳，链接区域是否高亮，是否显示批注，内容区是否滚动。

还可以点击右上角的“全屏模式”，带来更有沉浸感的演示体验。并支持切换黑白背景色。这个演示效果非常棒！

分享

在墨刀，你可以轻松分享原型项目给你的同事或客户，或者在进行用户测试时分享给用户查看。

只要点击该项目的“分享”按钮，你就可以获取一个二维码和分享链接。

将分享链接或二维码传给对方，对方就能在电脑端或者手机上查看你的原型了。

你还可以在分享页面设置“权限”和“效果”，保证项目预览的私密性和顺畅性。

下载

常用的图片、html格式墨刀都又提供。不过离线文件可供演示、查看，但是不能用于编辑，墨刀的文件必须在线编辑。一般来说，你可以将已经定稿的项目下载下来，存档或者交付给开发。

免费模板素材包

登录墨刀，点击创建项目即可免费使用这些模板素材。

包括网易考拉原型模板、支付宝原型模板、今日头条模板、招商银行模板、京东模板、网易云音乐模板等。

相关搜索

• logo图片
• 原型设计
• 我的家乡网页模板
• 公司网站模板下载
• 公司网页模板
• 原型和原形

近年来，设计网站千图网在“有趣”方面做足了功夫。不仅每天会随最新热点更新作品，而且还积极为用户创造良好的互动体验，给用户带来更多的福利。

千图网作为一家专注于创意内容分发的平台，在成立5年以来，已经拥有注册用户超过4800万，累计创意作品超过960万张，满足了国内外4亿多人次的图片需求，其庞大的作品库、良好的服务品质一直深受用户好评。

千图网是一个丰富多彩的设计素材库，设计素材每天都保持更新10000多张，且素材涉及广泛，不仅涵盖平面广告、电商淘宝、装饰装修、网页UI、产品工业、视频音效等11大主流设计内容，也包括PPT模板、Excel模板、文库模板等5大办公素材，成为设计行业的标杆服务平台。

其实，千图网除了拥有海量设计素材，更怀有一颗“有趣”的心灵。除了常规的平面广告、电商淘宝等设计素材，千图网还增加了文章配图、创意教程等引领趋势的创新性内容，满足了新媒体用户和设计师进阶的需求。

除此之外，千图网每个月都会与用户进行互动，激发用户的参与热情，给予用户更有趣的使用体验和更实在的用户福利。像五一劳动节、世界杯、七夕这些节日，千图网都会在网站上线活动，采用新颖独特的活动形式来吸引用户参与，从而增强用户对千图网品牌的喜爱度和忠诚度。尤其是最近的中秋特别活动——画圆月大比拼，既好玩有趣，又迎合了节日热点。根据画圆的得分，会得到相应的折扣，圆月越圆，折扣越大，最高立减300元，吸引了众多用户参与。据千图网工作人员回答，“画圆月大比拼”活动上线当天，就有76.4万用户参与，在新媒体平台的互动量也达到了1.8万次，取得了很好的开门红。目前，该活动仍在继续，为中秋节增添了喜乐色彩。

未来，千图网将会继续保持这种“有趣”的心态，创作出更出色的作品，成为更受欢迎的设计平台。

离回家过年还有不到20天了

和发小的 饭局 约起来了吗？

应对大姑大姨们的 话术 更新完毕了吗？

给爸妈带的 年货 准备好了吗？

给侄子外甥弟弟妹妹的 红包 钱挣到了吗？

没钱就去赶设计稿、拍照赚钱啊~~~~

福利不停发~【新年设计】模板礼包（内含源文件模板50多个）关注摄图WX号，可以免费领取啦！

新年海报

新年红包

新年年会折页设计

新年展板展架设计

作为网页设计师，你的作品就是你专业水平的最好体现方式。所以，无论是参加面试还是个人作品展示，你的网页模型是否能让人眼前一亮，是否能在交互设计或视觉设计方面突出任何一点的优势，是你取得面试机会和赢得客户的关键。

在网页设计的初始阶段，原型/线框/模型设计必然是一个关键步骤。如何通过网页模型呈现设计思路，如何设计出优秀的网页模型，如何取得设计灵感？

这里，Mockplus为大家整理了一些设计精细并且优质的免费网站设计模型，或许可以为你下一次的网页模型设计提供一些思路。

免费网页模型

在参考阶段，免费的网页模型往往是初学者的首选。毫不犹豫，我们为大家奉上一批免费的网页模型案例，拿走不谢！

1. Amcharts - 工具类网页模型

参考点：登陆界面设计

下载地址：http://doc.mockplus/wp-content/uploads/2018/04/Amcharts.zip

该网站模型的原型是Amcharts公司开发的JavaScript Charts，是兼容性好的JavaScript、HTML5图表开发工具，能满足大部分的开发需求。

此模板中有Products，Download，Support，Buy，Demos等5个页面，网站设计采用了悬浮导航栏和footer的效果，可用于订单购买，登陆，图标展示等网页界面设计参考。

2. Dribbble - 设计类网页设计模型

参考点：多资源多链接页面布局

下载地址：http://doc.mockplus/wp-content/uploads/2018/04/Dribbble.zip

Dribbble是一个面向创作家、艺术工作者、设计师等创意类作品的人群的社区网站。作为设计平台类的佼佼者，此网页设计模板很好的展示了如何处理多资源多链接，图文结合，图文链接的网页排版模式，是一个非常值得学习和参考的优秀模板。可以参考的页面有：主页、设计师页面、找工作页面等。

3. BBC - 新闻类网页设计模型

参考点：信息排版布局

下载地址：http://doc.mockplus/wp-content/uploads/2018/04/BBC.zip

BBC是英国最大的新闻广播机构，属于新闻类的网站，所以网站没有过多花哨的内容，网站布局以信息排版为主。可以参考的页面有：主页、新闻页面、天气页面、视频页面等。

4. Shopify - 电子商务类网页设计模板

参考点：电子商务信息布局

下载地址：http://doc.mockplus/wp-content/uploads/2016/12/Shopify.zip

作为一个典型的在线电子商务平台，Shopify不仅仅只是提供专业的电子商务网站建设服务，同时也开展基于社交网络的电子商务，即卖家通过Shopify在Facebook、Pinterest、Twitter等几个主流社交网络平台上就可以开店。

此网页模型主要展示了登录页面、主页、销售方法页面、价格页面、博客页面等。是制作电子商务类网站必看的模板之一。

5. edX - 教育类网页设计模板

参考点：列表视图布局

下载地址：http://doc.mockplus/wp-content/uploads/2017/01/edX1.zip

edX是一家在线课程提供商，为世界各地的学生提供了各种学科的在线大学课程，其中也包括一些免费的课程。整个网页模板设计元素以图片组件和文字组件为主，逻辑清晰，简明直观。

主要页面有：主页、课程列表页面、课程详情页面、程序页面、关于页面。此模板适用于教育机构网站或在线课程类网站。课程介绍页面的设计思路尤其值得学习。

6. Pexels - 图片素材类网页设计模板

参考点：图片瀑布流设计

下载地址：http://doc.mockplus/wp-content/uploads/2018/04/Pexels.zip

Pexels是一个高清图片下载服务站点，为用户提供海量共享图片素材的网站，每周都会定量更新。网站首页采用悬浮设计，将菜单栏和底部栏都是悬浮在固定位置，内容区域滚动。首页图片排列采用瀑布流的方式，多图片滚动。包含的页面有：浏览页，下载页，注册页，登陆页。

PSD透视网站模型

拥有透视效果的网站设计模型可以让你从不同角度展示你的设计布局，让你的设计看起来更像真实的产品，而不是静态的模型。

7. Perspective Website Mockup

参考点：等距角度切换

下载地址：https://dribbble/shots/1507002-Perspective-Website-Mockup

该透视网站模型是个简单的模型，可以在一个透视展示中展示你的作品。这个PSD模型允许你在一个等距的角度切换设计。无论您是否需要一个页面或更多的页面，您都可以更改模板中的视图数量。

8. Perspective Website PSD Mockup

参考点：智能物体改变侧面外观、背景

下载地址：

https://graphicriver/item/perspective-presentation-web-mockup-09/19342170?ref=slidesmash

此案例以绝佳的独特视角演示了网页设计模板，多样化的图层设计和让人眼前一亮的视觉体验使整个设计充满了高级感。通过智能对象改变背景，即可自动透视。

9. The Screens Perspective PSD Mockups

参考点：支持阴影、尺寸调整

下载地址：https://dribbble/shots/4034063-Freebie-The-Screens-Perspective-PSD-Mockups

The Screens是一个Behance和Dribbble上的设计师们用来展示他们的项目的免费PSD模型模板。高分辨率的视觉效果使其极具现代风格。作为一个智能PSD网站透视图，您可以轻松地将自己的设计添加到智能图层中，轻松实现阴影、尺寸的调整、屏幕编辑，以及自定义背景。

10. Misocial – Free Website PSD Mockup Template

参考点：智能元素+谷歌字体

下载地址：https://dribbble/shots/3400116-MISOCIAL-Free-PSD-Template

MISocial是一个免费的音乐网站类PSD模板，在Behance上深受好评，获得大量分享。 它可以帮助很多人更轻松，更快地创建新网站。

“我们精心制作了7个网页，其中包含对开发新网站至关重要的元素。这些图像都是免费的，并包含在智能对象中。我们使用的字体是免费的Google字体。”

11. Free Isometric Website Mockup

参考点：等距透视

下载地址：https://dribbble/shots/2819112-Free-isometric-mock-up-for-website-1280x720px

这个网站模型旨在以优雅、独特而有吸引力的方式展示您的Web截图。 这个模型由等距的Smart objects组成，这样您就可以将您的独特设计结合到2个模型中。这个模型有一个透视图，并且文件是通过智能对象分层的，也就是说你可以通过自己定制页面的元素来使用模板。

12. Perspective Presentation Web Mockup

参考点：主题定制

下载地址：

https://zippypixels/product/mockups/perspective/superb-free-perspective-website-mockup/

这个模型可以提供关于你的网站设计中的一个视角的特写。该模板的分辨率达到了3000×2000px，可以完全分层的智能对象和多变的背景，便于你定制不同的主题。它还包括一个预先设计好的模板，以帮助你快速入门。

网站模型设计工具

这部分的内容主要是回答如何设计出优秀的网页模型。关于这个问题，主要是取决于网页模型设计工具的选取。作为前期工作，网页模型设计可低保真，也可高保真，可快速设计，也可慢工出细活。以下，为大家整理几个好用的网页模型设计工具。

1. Mockplus - 简单快速的网页模型设计工具

作为一款桌面端的网页设计工具，Mockplus在原型/线框设计方面也同样具有出色的表现。较其他在线网页模型设计工具而言，Mockplus不仅仅是擅长于静态模型的制作，在交互设计方面也尤其独特的无法比拟的优势。

其最新发布的格子和数据自动填充功能针对多图文的网页布局案例来说十分便捷，例如Dribbble。设计师设计者可以快速填充：姓名、日期、文本（句子或段落）及邮箱等文本类型，常用的头像（写实/卡通）、办公、美食及其他多种多样主题的高清图片。为设计师省去了大量的查找素材的时间。

2. Moqups - 在线网页模型设计工具

Moqups是一个非常好的、免费的HTML5应用，通过它可以创建朴素的线框图、实体模型和UI概念图。该程序使用起来非常简单，内置的模板可以直接使用（模板包括单选按钮、链接、图像占位符、文本框以及滑块等）。缺点在于它只能制作静态的网页展示，不能在实际演示中进行动态的操作。

3. Mockingbird - 在线网页模型设计工具

Mockingbird是另一个流行的基于网络的线框应用程序，其中包含了一些功能强大的功能，用于链接和分享您的网页模型。Mockingbird允许您使用拖放编辑器快速创建界面。

1、UI设计模板PSD素材：电商购物APP，配色很棒，元素设计很巧妙。

非常潮流的购物UI界面素材。而且这些ui设计元素也是可以运用到APP界面设计上面的。

2、UI设计模板PSD素材：旅游类的UI设计模板, 浅黄色的主色调。很温馨很暖的配色。

适合出去旅游所住的酒店，给用户的感觉就是温馨，踏实。

3、UI设计模板PSD素材：记录运动数据类的UI 设计模板素材。

包含各种运动相关的设计元素和UI组件。是不错的运动类APP ui kit。

你如果喜欢以上这些APP 模板素材，可以转发给你的朋友，或者设计群里。

PSD源文件下载地址：

链接: https:///s/1dJI6718VDkaKLDtQlWBbLQ

提取码: kfnv

还想要更多优质的APP设计模板，可以私聊 老谭酸菜 或者给我留言。一一满足各位看官 的需求。

软件介绍

一款挺好的浏览器插件，需要chrome内核的浏览器（360安全、360极速、QQ、猎豹、2345及其他chrome内核的浏览器）支持，用得到的朋友们自己拿走。如果侵害了作者的权益，请联系我及时删除！

千图网资源介绍

2013公司成立，930万+共享+原创作品，3900万+注册用户！ 千图网是国内领先的设计&办公创意服务平台。2013年3月千图网正式上线运营，隶属于上海品图网络科技有限公司。 经过4年的素材积累和数据沉淀，千图网搭建了一个以创意作品库为核心，围绕着设计人群及泛办公人群提供优质创意服务的共享平台。服务内容涵盖了平面广告、电商淘宝、装饰装修、网页UI、产品工业7大主流设计服务，以及PPT模板、Excel模板、文库模板、高清配图、视频音频5大办公人群常用服务，共计60多项细分服务。

千库网资源介绍

做设计 不抠图！千库网隶属于上海品图网络科技有限公司。千库网成立于2015年9月，是国内首家专注提供免抠PNG图片的素材网站。“做设计 不抠图，终止加班”是千库网的愿景，目前已获得超万条用户的口碑好评。 经过2年的高速发展，目前网站不仅仅拥有500万优质PNG免抠元素，还有200万精品背景素材和700万模板素材。获得930万设计师的喜爱和20000多家企业的信赖，致力于满足全国2000多万设计师素材下载的需求。 千库网自创办以来一直保持着高速下载、绿色无广告、高度口碑认可的特色，我们会一如既往的为设计师提供更好地服务！私信获取下载地址！

unsplash

免费的高清图片，海量资源下载。

大作

大作是专为各行业设计师度身定制的设计灵感搜索引擎,聚合全球众多知名设计网站,目前在库21.2亿创意设计、设计素材、摄影大图,并且保持每日更新量在25万张以上。

千图网

千图网是专注免费设计素材下载的网站,提供国画素材, 国画素材模板等免费下载服务!

easyicon

提供超过五十万个图标搜索、图标下载服务。

昵图网

提供海量原创素材,图片、AI,CDR,EPS等高清图片下载。

摄图网

摄图网是一家专注于正版摄影高清图片素材免费下载的图库作品网站,提供手绘插画,海报,ppt模板,科技,城市,商务,建筑,风景,美食,家居,外景,背景等好看的图片设计素材。

1.图片素材

Pixabay

一个优质的免费高清图库，可以通过中文关键字进行搜索，网站收录了超过一百万张高清图片，类型主要以照片、矢量文件和艺术插图为主。Pixabay里的图片全部支持免费下载和修改，可以任意使用在任何地方，愁设计图片素材找不到的同学可以来这个网站。

500px

一个优质的摄影图片发布的网站，聚集了很多摄影大牛，网站分为免费和付费两种账户，你可以在这里上传出售自己的照片，喜欢的用户可以进行购买。

2.矢量素材

NounProject

https://thenounproject/

一个集众人之力为所有名词绘制矢量图形的项目，同时开放下载（所有图形全为矢量可以编辑），同上建议英文搜索。

Dribbble

https://dribbble/

设计师与灵感的聚集地，也是一个很好的矢量素材库。

3.懒人必备网站

fotor

https://fotor/index_mobi.html

在线提供设计模板供你使用，提供海量海报，邀请函，贺卡，banner,名片等免费素材模板，你也可以上传自己的模板，成为一名fotor设计师。