流行配色板合集和在线mockup制作网站

Colorbook

酷站链接：https://colorbook.me/

一个好的作品，至少要把握好颜色，才会让作品更有吸引力。想看看大神们的配色吗?Colorbook 可能会帮到你。

我们打开网站后，可以看到 Most popular 和 Timeline，前者是看最受欢迎的颜色方案，后者是看当天最受欢迎的配色。

点击某一个配色方案，就会显示对应配色的作品图像以及16进制值。

点击配色方案正面的链接，可以转到官网对应页面。根据网站提示，日后还会开放 .aco 格式的色板文件下载，这样就更加方便了。

下面小编分享几个截图给大家欣赏下，更多请自己浏览官网。

△ Forgot your password?

△ More Illustrations for the 2018 Calendar

△ El Famoso, Brand Specimen

△ EVE Online – Frontpage

△ Fame Lab Profile

△ Big Jazz

△ landing page

△ UI/UX Case: My Car parking

△ ¡Gordo!

△ Blockchain powered VR

△ Canonical forms in design

△ Get New Gear

△ Travel 3D app

△ landing page

△ Voysis – AI platform for e-commerce

这么多大神们的配色方案，还怕配不好色吗?

Fotomock

酷站链接：http://www.fotomock.com/

有时候我们会看到很有质感的样机(Mockups)，可能是将网页或应用程序画面整合到 Macbook 或 iPhone 手机上，但其实这些照片并不是真正通过相机拍摄而成，而是以在线服务加以合成，让它看起来很特别、很不一样。

「Fotomock」是一款让用户免费制作模型样板的在线工具，可快速将截图上传、整合到免费图库素材，打造出更完美的样板。在 Fotomock 里可选择台式机(iMac)、平板(iPad)或笔记本电脑(Macbook)及智能手机(iPhone、Samsung 等等)，通过用户上传的图片，将画面整合到这些设备的屏幕中，使照片看起来更出色。

虽然 Fotomock 使用方法很简单，而且无须注册，但它仍有一些限制存在，例如免费方案只能下载低画质图片(及部分高画质图片)，不过对于网页使用来说，其实低画质图片就已经相当足够(宽度大约在 800px 左右)。目前 Fotomock 收录的照片大约有一百多张，如果刚好需要将画面合成到图库样板，可以试试这个免费服务，或许能够解决你当前的问题。

开启 Fotomock 网站后，从左侧选单找到你要使用的设备类型，有手机、平板、台式机和笔记本电脑可选择，或者依照类型、场景等标签来筛选出特定素材，和一般免费图库一样都会列出目前最热门、最新的模型样板。

点击要使用的模型样板后，会有更大张的预览图及详细信息，可以看到下面这张图提供免费下载低分辨率样板，但如果要下载高分辨率 3500×2338 图片必须付费，此外，还能从页面中找到授权信息。

点击右上角「Upload Image」即可把你要合成到模型样板的图片上传上去。

上传后需要等待一段时间，Fotomock 会产生你的模型样板。

我试着上传一张网页截图，可以看到 Fotomock 已经将它整合到图库图片中的笔记本电脑屏幕里，看起来就像是直接开启网页然后拍摄而成的照片。

从右上角点击「Download Mockup」下载成品，低分辨率的素材可以免费获取，高分辨率的话部分免费提供，但如果后方标记黄色感叹号代表必须付费才能获取。

下图是另一张 Fotomock 提供的素材，可以看到在这张素材中，无论低分辨率或高分辨率的模型样板皆可免费下载，Fotomock 每张素材定价不太一样，不过对于一般使用来说，其实低分辨率素材就可以用于网页用途，除非要拿来印刷可能才会需要用到更大的图片。

这是我通过 Fotomock 制作的模型样板，看起来非常逼真，而且也很适合使用于展示产品或网络服务，有兴趣的话不妨照着本文教学，通过这项服务动手做做看吧。

值得一试的三个理由：

将网页截图或应用程序画面整合到计算机或手机屏幕中。

超过百张免费图库素材。

免费下载低分辨率的模型样板照片。