qt 设计师 清空样式表_使用样式指南和样式图块的设计师指南

创建品牌标识绝非易事。 这需要艰苦的努力，但它也是最有价值的创造性任务之一。 Web项目通常将品牌与界面设计结合在一起 。 这可能会造成混淆，因为在这两个方面都要做很多事情。 样式指南和样式图块是Web设计师的重要资源，尽管听起来确实相似，但它们完成了两项不同的任务 。

在这篇文章中，我想对两者进行深入探讨，并介绍这些创意资产可以带来的好处。 并非每个人都需要（或喜欢）创建样式指南或样式图块。 但是每个设计师至少应该了解它们是什么以及它们如何工作。

Web样式指南

我已经阅读了有关样式指南的各种意见。 一些人说这些是数字模型，而另一些人说基于代码的样式指南最有用。

无论哪种方式，样式指南的目标在网络上都与其他任何项目相同。 它定义了设计过程中使用的一致模式，UI模块和创意偏好 。 您可以获取非常具体的信息并规定某些元素的完美像素测量，也可以保持宽松，并提供带有视觉示例的准则。

没有唯一正确的方式来制作样式指南。 唯一错误的方法是创建一个根本无法被别人理解的资源。

目的是创建一种经得起时间考验的资产。 如果创建了新资源，则应将其打开以进行编辑 。 加入团队的任何人都应该可以轻松访问该指南。

样式指南应根据项目需要而详细 。 它通常包括可重复使用的资产 ，例如版式，按钮，色样，纹理和通用页面元素。

最近，我们介绍了生活方式指南工具 ，可帮助您从头开始构建生活方式指南。 这些生活指南更适合前端开发人员，但对设计师也同样有用。 您可以在Smashing Magazine的这篇文章中阅读有关此主题的更多信息 。

我绝对喜欢的资源是StyleGuides.io 。 它涵盖了网络样式指南的基础 ，包括实时示例和案例研究 。

MailChimp的模式库是您可以在StyleGuides.io上找到的最佳示例之一。 这是一个在线实时样式指南， 用于定义MailChimp的网格，版式和页面元素 。