使用Speculo在线可视化调色板

您必须在Photoshop(或Sketch)之间切换以更改颜色,字体,样式,并将它们全部进行比较以查看您最喜欢的内容。

典型的模型设计过程可能感觉很琐碎。

如果您使用Speculo之类的工具,则可以在浏览器中动态研究和比较调色板

使用Speculo在线可视化调色板

它演示了设计为线框的六种不同类型的登录页面

这个程序是完全免费的,并且可以在从Chrome到Edge的所有主流浏览器中运行。

您可以轻松更改任何一种颜色,它们会在页面上自动更新

默认情况下,他们使用模仿Bootstrap样式的简单配色方案

如果您可以添加自己的字体,但该网站仅支持7种不同的字体,那就太酷了:

您还可以更改字体以查看它们在每个设计中的外观。

  • Arvo
  • 拉托
  • 开山
  • 机械手
  • 蒙特塞拉特
  • Helvetica Neue
  • 布洛克·纽埃

着陆页线框图不是很详细,因此此应用在设计过程的后期阶段可能无济于事。

它允许您使用十六进制代码更改任何颜色,甚至可以使用自定义共享链接将其导出。

但是,只想捕捉快速创意的设计师会立即爱上此Web应用程序。

使用Speculo在线可视化调色板

它将自动缩放为全屏视图,因此您可以近距离查看字体和颜色。

如果将鼠标悬停在任何线框上,则可以单击以放大并仔细观察。

但是,如果您被各种想法束缚,而只是想与色彩玩耍, Speculo是一个了不起的工具。

同样,我真的认为这些模板不够详细,无法在开发的后期阶段为项目提供帮助。

如果您对Specculo有任何想法或建议,请随时与该网站的创建者Ben Howdle分享

您可以浏览GitHub上源代码以了解其制作方式。


翻译自: https://www.hongkiat.com/blog/visualize-color-palettes-speculo/