作为插画师时时更新自己的资料和知识储备。比如:样机又名mockup,已成为许多插画师必不可少的素材,我们平时消费的资源,80%出自这里。
本期我们将介绍插画师们值得收藏的创作灵感类、样机Mockup资源类、配色类等几大类优秀的网站。
创作灵感类
01
Design Matters
收录超全的艺术家访谈
推荐理由:网站「Design Matters」是较早的一批访谈类网站,可以在线查到许多插画家、艺术家、设计大师的访谈,可以学习和了解他们的创作想法和成长经历。
![](https://img.haomeiwen.com/i17989922/3759f1fcc78c4d5b.jpg)
![](https://img.haomeiwen.com/i17989922/f023ea64c19fca1a.jpg)
![](https://img.haomeiwen.com/i17989922/aafbbc9574af079c.jpg)
![](https://img.haomeiwen.com/i17989922/f8b62db8ddb9e0b8.jpg)
来源:www.designmatters.com
02
DesignBetter
帮助插画师开阔眼界
推荐理由:DesignBetter被很多人所熟知,因为它拥有世界顶尖设计师的故事、见解、书籍及作品实践,适合新手插画师及设计师开阔眼界。
![](https://img.haomeiwen.com/i17989922/7066cf4811c8fc60.jpg)
![](https://img.haomeiwen.com/i17989922/812ccdb9341abf40.jpg)
![](https://img.haomeiwen.com/i17989922/2fde78b77e86b657.jpg)
![](https://img.haomeiwen.com/i17989922/d585a38d71595b5d.jpg)
来源:designbetter.co
03
Abduzeedo
作品集展示&教程学习网站
推荐理由:Abduzeedo是你无灵感时必备的网站之一,它拥有的作品种类非常广泛且内容高质量,可供新手学习和参考。除了作品展示外,还有一些PS、AI的基础教程。
![](https://img.haomeiwen.com/i17989922/50ff45efc7a4cc0e.jpg)
![](https://img.haomeiwen.com/i17989922/9d6dd51cb573eb37.jpg)
![](https://img.haomeiwen.com/i17989922/98e862f95119b70b.jpg)
来源:https://abduzeedo.com/
Mockup资源类
04
Mr Mockup
超高质量的样机资源网站
推荐理由:Mr Mockup提供了很多高质量样机资源,因为这些样机是由国外众多优秀工作室提供的。并且该网站有着非常丰富的展示类别。其中分为免费和收费两个版块,免费的资源同样优秀,收费的资源是一次性提供永久使用权,可以说非常业良了。
![](https://img.haomeiwen.com/i17989922/f7bcb0f99d43bb95.jpg)
![](https://img.haomeiwen.com/i17989922/39289380ecfbf743.jpg)
![](https://img.haomeiwen.com/i17989922/493bd3760a4811a2.jpg)
![](https://img.haomeiwen.com/i17989922/ff5a9cc34a93340a.jpg)
来源:www.mrmockup.com
05
Mockup World
免费&种类丰富的样机网站
推荐理由:MockupWorld网站从基础样机到包装、杂志、服装、室外摆拍等等一应俱全,而且最诱人的是几乎全部免费且种类丰富,如果从事商业插画,非常值得收藏。
![](https://img.haomeiwen.com/i17989922/607d1c7f26c11911.jpg)
![](https://img.haomeiwen.com/i17989922/9d54c82c7a82f62d.jpg)
![](https://img.haomeiwen.com/i17989922/b940287b73443648.jpg)
![](https://img.haomeiwen.com/i17989922/5046847915c411bb.jpg)
![](https://img.haomeiwen.com/i17989922/b4f3454d88383d50.jpg)
来源:www.mockupworld.co
06
Mockupsjar
可以在线编辑的样机网站
推荐理由:不会PS也没关系,Mockupsjar是一个可以在线编辑的样机网站,仅需3步即可完成,该网站拥有超过500+款样机,操作便捷且种类丰富所以深受欢迎。
![](https://img.haomeiwen.com/i17989922/3081efd766805cc7.jpg)
![](https://img.haomeiwen.com/i17989922/f1b4c63616399e12.jpg)
![](https://img.haomeiwen.com/i17989922/98cba6c63c6348cc.jpg)
![](https://img.haomeiwen.com/i17989922/6fe3feb2ed199cc9.jpg)
来源:mockupsjar.com
07
MockupPhotos
专注印刷及数码设备的资源网站
推荐理由:该网站较其他样机网站的类别相对单一,主要开放的是印刷、数码设备两种样机资源。虽然类别较少但是内容丰富,已在线拥有超过800+款资源。
![](https://img.haomeiwen.com/i17989922/ddcf29b9e8e83a67.jpg)
![](https://img.haomeiwen.com/i17989922/f27cf5d545c5b3e6.jpg)
![](https://img.haomeiwen.com/i17989922/660505b6cb688a36.jpg)
来源:www.mockup.photo
08
Dimmy
支持查看各类设备的展示工具
推荐理由:如果你的甲方想看模拟笔记本电脑、PC机上的插画效果,那么Dimmy非常适合你了。Dimmy支持把屏幕截图或应用界面等图片放到各种设备上查看展示效果的工具。
![](https://img.haomeiwen.com/i17989922/611d31d0ef682c52.jpg)
![](https://img.haomeiwen.com/i17989922/2db1f6cf18b24977.gif)
配色类
09
Colorme
简易在线“调色”工具
推荐理由:这个网站对于设计网页的插画师非常实用。这是一个简单的在线“调试颜色”工具,网站特点是其强大的在线调节器,可以定义CSS Color值。
在线调节器有:透明度、饱和度、色调、亮度、着色、阴影、R/G/B、白色、黑色、对比度的设置,通过调节任何一个值都能实时输出RGB色值,相当神奇了。
![](https://img.haomeiwen.com/i17989922/b61780d2e7168874.gif)
![](https://img.haomeiwen.com/i17989922/8b9fbf64a1dba346.gif)
![](https://img.haomeiwen.com/i17989922/98a396fc9b90a61f.gif)
![](https://img.haomeiwen.com/i17989922/a4893a20e2b802c9.gif)
10
Colordrop
配色懒人的福音
推荐理由:Colordrop网站是配色懒人的福音,该网站结构设计的相当简单,提供多种色彩风格组合,插画师可以在ColorDrop中更换不同的背景颜色,预览画面在不同的背景配色中使用某种颜色的感觉。并且每个配色的色号都清楚标注。
![](https://img.haomeiwen.com/i17989922/51b5b4fc4808bbba.jpg)
![](https://img.haomeiwen.com/i17989922/587ef21c70929dd5.gif)
![](https://img.haomeiwen.com/i17989922/801c1160fb30b205.gif)
![](https://img.haomeiwen.com/i17989922/2c30cf0e3e952cbf.gif)
来源:https://colordrop.io/
11
Colorsupplyyy
展示大量优秀配色方案
推荐理由:ColorSupply收集了全世界大量艺术家及设计师们的优秀配色方案,并且根据五大配色进行基础分类。
打开网站后,可以看到网站三大区域,及五大配色方案类型:互补色、相似色、三色调、分离互补色、四色调。
![](https://img.haomeiwen.com/i17989922/89a3e4658b383765.jpg)
![](https://img.haomeiwen.com/i17989922/1159f49824097c67.jpg)
配色方案:在12色环右则是对应类型的配色方案。
效果图预览:网站下面的平面插图可以根据选中的配色方案自动上色,如此一来用户可以看到许多优秀配色方案的效果。
![](https://img.haomeiwen.com/i17989922/4da5fb6167fe2d6f.jpg)
![](https://img.haomeiwen.com/i17989922/d27892e1d4dbfc82.jpg)
有对UI感兴趣的或者想学习UI的小伙伴都可以“关注”老师 私信“学习”两字 就可以免费获取UI学习资料,跟老师一起学习哦!
网友评论