酷站兩連發！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