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

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

2017/12/15 5991评论区

编者按:今天给大家分享的两个超棒的网站,一个专注分享 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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/dribbble-color-palette-mockups

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch UI 转场动效 界面设计 平面设计 交互设计师 设计师 扁平化设计 排版布局 设计师专访 职场 视觉设计 设计流程 用户体验设计 素材下载 配色 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 产品设计 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里