湖南室内设计学校,如何为网站和应用创建设计准则
长沙平面设计培训学校,长沙平面设计培训,湖南室内设计学校,湖南室内设计培训学校 (0731-85504949 www.z*** )
专业的设计师在每个项目开始之前就会创建一套设计指南与标准,如作者所说,这样可以优化工作流程,使设计保持统一,是每个严谨的设计该有的职业态度,也是成为专业设计师的奠基石之一。长沙室内设计培训学校——中南设计教育集团在此文中还推荐了很多实用方便的利器帮你创建这样一个指南呦。
从创建3种主要类型的文档开始:样式指南;组件文档;页面标注。这套流程不推荐兼任前端开发的设计师采用。如果是这种情况,你需要多做一步,通过代码写出的风格指南和组件,创建一个单独的平台。你甚至会想在第二步就开始编写代码,省去剩余的步骤。
1、样式指南
样式指南明确了一个设计项目中每个元素的样式。它基本上是开发者普遍的样式手册。在这个文档中,颜色、字体、表格、列表项、图标使用、分隔线和其他元素都有详尽的定义。一旦你创建好并设立了每种元素的相应规范,就可以拖放使用了。
2、组件文档
在许多方面,这个文档与样式指南完全相同,却是另一个层次的东西。组件是指类似于登录框、轮播图、旋转木马、页头、页尾等等。这不同于通常意义的样式指南,这个文档有助于在整个设计过程中保持一致性。它能使开发者更轻易地辨认出重复的元素,使流程加速。
从上面可以看出,在设计响应式项目时,将每个元素的“表现”包含进来是有好处的。再说,通常开发们不会关注这些事情(也不该由他们来关注)。
3、标注文档
后一步是页面标注。既然已经定好了元素和组件的样式。剩下的就是引用这些组件,定义外边距(名称和间距)。
像下面这样将其分解真的很有帮助,我们之前把这种方法用在adidas网上商城和同等规模的平台上分别导出多个页面用到的组件。
所幸,有些很棒的插件可以帮你节省一些时间。specKing 就是其中之一。这个工具可以标注之前提到的所有东西,它可以用来标注间距和标签。
此文章由长沙室内设计培训学校——中南设计教育集团编辑完成!
湖南平面设计培训学校,长沙平面设计培训学校,长沙室内设计培训班,长沙室内设计培训学校
地址:中南大学本部计量局三楼
电话: 0731-85504949
联系人:龙老师
:www.z***
专业的设计师在每个项目开始之前就会创建一套设计指南与标准,如作者所说,这样可以优化工作流程,使设计保持统一,是每个严谨的设计该有的职业态度,也是成为专业设计师的奠基石之一。长沙室内设计培训学校——中南设计教育集团在此文中还推荐了很多实用方便的利器帮你创建这样一个指南呦。
从创建3种主要类型的文档开始:样式指南;组件文档;页面标注。这套流程不推荐兼任前端开发的设计师采用。如果是这种情况,你需要多做一步,通过代码写出的风格指南和组件,创建一个单独的平台。你甚至会想在第二步就开始编写代码,省去剩余的步骤。
1、样式指南
样式指南明确了一个设计项目中每个元素的样式。它基本上是开发者普遍的样式手册。在这个文档中,颜色、字体、表格、列表项、图标使用、分隔线和其他元素都有详尽的定义。一旦你创建好并设立了每种元素的相应规范,就可以拖放使用了。
2、组件文档
在许多方面,这个文档与样式指南完全相同,却是另一个层次的东西。组件是指类似于登录框、轮播图、旋转木马、页头、页尾等等。这不同于通常意义的样式指南,这个文档有助于在整个设计过程中保持一致性。它能使开发者更轻易地辨认出重复的元素,使流程加速。
从上面可以看出,在设计响应式项目时,将每个元素的“表现”包含进来是有好处的。再说,通常开发们不会关注这些事情(也不该由他们来关注)。
3、标注文档
后一步是页面标注。既然已经定好了元素和组件的样式。剩下的就是引用这些组件,定义外边距(名称和间距)。
像下面这样将其分解真的很有帮助,我们之前把这种方法用在adidas网上商城和同等规模的平台上分别导出多个页面用到的组件。
所幸,有些很棒的插件可以帮你节省一些时间。specKing 就是其中之一。这个工具可以标注之前提到的所有东西,它可以用来标注间距和标签。
此文章由长沙室内设计培训学校——中南设计教育集团编辑完成!
湖南平面设计培训学校,长沙平面设计培训学校,长沙室内设计培训班,长沙室内设计培训学校
地址:中南大学本部计量局三楼
电话: 0731-85504949
联系人:龙老师
:www.z***