酷站两连发！Dribbble 最流行的配色板合集+在线mockup 制作

编者按：今天给大家分享的两个超棒的网站，一个专注分享 Dribbble 当天最流行的配色方案，知晓设计趋势就这么简单。另一个是能在线制作样机的网站，特别之处在于它能提供模拟真实场景的样机，让你的作品看起来更有质感。

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

值得一试的三个理由：

• 将网页截图或应用程序画面整合到计算机或手机屏幕中。
• 超过百张免费图库素材。
• 免费下载低分辨率的模型样板照片。

优设人气专题

iPhone X 学习指南丨优设独家专访丨在线抠图神器丨灵感大全

样机素材 | Sketch神器 | 免费图库丨配色神器丨读书计划丨PPT 神器丨鲁班设计

iOS 11 学习指南丨人工智能丨PS 教程丨AI 教程丨C4D 教程 | 3D教程

================明星栏目推荐================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备：http://hao.uisdc.com