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

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

Colorbook

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

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

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

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

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

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

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

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

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

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

△ Forgot your password?

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

△ More Illustrations for the 2018 Calendar

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

△ El Famoso, Brand Specimen

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

△ EVE Online – Frontpage

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

△ Fame Lab Profile

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

△ Big Jazz

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

△ landing page

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

△ UI/UX Case: My Car parking

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

△ ¡Gordo!

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

△ Blockchain powered VR

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

△ Canonical forms in design

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

△ Get New Gear

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

△ Travel 3D app

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

△ landing page

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

△ Voysis – AI platform for e-commerce

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

Fotomock

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

值得一试的三个理由:

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

优设人气专题

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

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

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

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

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

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

收藏 18
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。