典型的模型设计过程感觉像是一件琐事。 您必须在Photoshop(或Sketch)之间切换以更改颜色,字体,样式,并进行全部比较以查看您最喜欢的颜色。
如果您使用Speculo之类的工具,则可以在浏览器中动态地研究和比较调色板 。
这个程序是完全免费的,并且可以在从Chrome到Edge的所有主要浏览器中运行。 它演示了设计为线框的六种不同类型的登录页面 。
默认情况下,它们使用模仿Bootstrap样式的简单配色方案 。 您可以轻松更改任何一种颜色,它们会在页面上自动更新 。
您还可以更改字体以查看它们在每个设计中的外观。 如果您可以添加自己的字体,那将很酷,但是该网站仅支持7种不同的字体 :
- Arvo
- 拉托
- 开山
- 机械手
- 蒙特塞拉特
- Helvetica Neue
- 布洛克·纽埃
着陆页线框图不是很详细,因此此应用在设计过程的后续阶段可能无济于事。
但是,只想捕捉快速创意的设计师会立即爱上此Web应用程序。 它使您可以使用十六进制代码更改任何颜色,甚至可以使用自定义共享链接将其导出。
如果将鼠标悬停在任何线框上,则可以单击以放大并仔细观察。 它将自动缩放为全屏视图,因此您可以近距离查看字体和颜色。
再一次,我真的认为这些模板不够详细,无法在开发的后期阶段为项目提供帮助。 但是,如果您被各种想法所束缚,而只是想与色彩玩耍, Speculo是一个了不起的工具。
您可以浏览GitHub上的源代码以了解其制作方式。 如果您对Specculo有任何想法或建议,请随时与该网站的创建者Ben Howdle分享 。
翻译自: https://www.hongkiat.com/blog/visualize-color-palettes-speculo/