思缘教程网欢迎你! 思缘旧版思缘图库思缘论坛软件下载网站登陆加入思缘

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

文章来源于 shejidaren,感谢作者 设计达人 给我们带来经精彩的文章!
思缘教程/前端设计/前端设计2017-12-17
今天给大家分享的两个超棒的网站,一个专注分享 Dribbble 当天最流行的配色方案,知晓设计趋势就这么简单。另一个是能在线制作样机的网站,特别之处在于它能提供模拟真实场景的样机,让你的作品看起来更有质感。

Colorbook

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

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

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

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

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

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

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

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

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

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ Forgot your password?

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ More Illustrations for the 2018 Calendar

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ El Famoso, Brand Specimen

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ EVE Online – Frontpage

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ Fame Lab Profile

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ Big Jazz

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ landing page

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ UI/UX Case: My Car parking

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ ¡Gordo!

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ Blockchain powered VR

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ Canonical forms in design

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ Get New Gear

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ Travel 3D app

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ landing page

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

△ Voysis – AI platform for e-commerce

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

Fotomock

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

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

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

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

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

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

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

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

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

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

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

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

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

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

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

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

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

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

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

流行配色板合集和在线mockup制作网站,PS教程,思缘教程网

值得一试的三个理由:

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

超过百张免费图库素材。

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

你可能感兴趣的教程
版权所有思缘教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa