每日坚果vi设计的核心价值在于为企业打造独特的品牌,每日坚果vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“每日坚果vi设计”配图为本公司设计作品
使用生活风格指南(LSG)来驱动开发是一种越来越流行的实践,因为它有很多优点,包括代码效率和用户界面一致性。但是,你怎么能创造一个呢?你应该包括什么?你从哪里开始?在本教程中,我将深入探究使用文档CSS创建生活方式的本质细节。
生活风格指南与标准风格指南相似,生活风格指南为应用程序提供了一套使用和创建风格的标准。在标准风格指南的情况下,目的是保持品牌凝聚力,防止图形和设计元素的误用。同样,lsg也用于维护应用程序的一致性,并指导应用程序的实现。但是使aLSG与众不同和更加强大的是,它的许多信息都直接来自源代码,这使得它能够轻松有效地反映应用程序的发展状态。即使在今天,得知您可以使用应用程序的源代码来构建您的样式指南也是令人兴奋的。如果你看下面的例子,你会发现aLSG的共同点是:
记录的元素列表
包含代码片段和交互式用户界面演示的简洁文档
孤独星球风格指南
销售人员风格指南的另一个关键要素是,您可以使用样式指南生成器来自动化该过程Astyle指南生成器将使用您的应用程序源代码来提供大量的英国法定标准线规(Legal Standard Gange)文档,并观察代码中的任何更改,在应用程序发生变化时负责更新样式指南文档。
样式指南生成器有许多风格可供选择,这取决于您想要记录的代码语言或您的项目设置。以下是一些可供选择的地方:
生活方式指南工具的深入概述罗伯特哈里托诺夫,太棒了杂志
模式库生成器概述,David Hund,GitHub
风格指南生成器综述
风格指南工具,网站风格指南资源
在本教程中,我将向你展示如何使用文档CSS来创建你的LSG .比托维创建的这个工具是开源的,可以在任何项目中用来记录CSS(也支持较少的和厚颜无耻这样的预处理程序)。如果您对编写java描述语言和其他语言的文档感兴趣,您可以使用文档JSs轻松完成,因为这个工具是文档的子集。我不会在本教程中讨论这一部分,但是记住这一点是有好处的。
规划你的风格指南在开始创建你的英国法定标准线规(Legal Standard Gange)之前,第一步是规划里面会有什么。像任何好的网站一样,一个好的结构化信息架构(即)是关键。因此,让我们从下面一组名为“古董店”的示例应用程序的设计开始,并观察用户界面中的持久元素:古董店模型在这一点上,我建议从更大的元素组开始,如导航、购物车或表单。例如,我们将把我们的设计分成三组:步数指示器、迷你手推车和购物车中的产品:有了这些更大的元素组,你就可以开始进入更多的细节,并确定持续的"风格"。例如,一般来说,有一个排版的约定,更具体地说,有一个标题、副标题和链接相对于普通文本的约定。按钮的颜色也会在页面上保持不变。把所有这些放在一起,让我们用图表写下这些组:更深入地观察这些组,你可以微调它们,并把它们分成类别,随着它的增长,你可以在你的风格指南中使用它们。例如:
"元素"是一个非常模糊的术语,可以指任何超文本标记语言元素,所以这个组的更好的名称可能是"组件"或"模块"。这些仍然是宽泛的术语,但在所涵盖的元素类型的性质上更加具
注:本文“每日坚果vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐