/Dribbble 最流行配色板合集+在线工具(优秀网页推荐02期)

Dribbble 最流行配色板合集+在线工具(优秀网页推荐02期)


今天给大家分享的两个超棒的网站,一个专注分享 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 制作的模型样板,看起来非常逼真,而且也很适合使用于展示产品或网络服务,有兴趣的话不妨照着本文教学,通过这项服务动手做做看吧。




值得一试的三个理由:


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

  • 超过百张免费图库素材。

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


本文来自微信公众号“优秀网页设计”(ID:youshege)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。