15款方便的网站风格指南工具

创建网站并不像看起来那么简单。你的网站必须在网页设计软件的进步和不断变化的消费行为的发展。几年前，我们创建的只是静态网站。现在的网站已经变得更加有活力，吸引客户，提高他们的互动。它已成为一个正在进行的过程，以改变，更新和添加到网站跟上当前的市场状况。这当然是不可能与一个人。一组专业人员在这样的项目上工作。他们中间有些人走到中间去做新的人。在这种情况下，它变得非常重要，以确保一些方面，如标识，字体，颜色等仍然是一致的。

网站风格指南是最简单的方法之一，以确保旧的和新的团队成员在同一个地方。同样重要的是要确保所有在单独网页上工作的团队成员都有一个共同的参照点，以确保整个网站的标准化和项目的期限。这里有15个方便的网站指南工具，可以帮助您为您的网站创建指导方针，以节省大量的时间和努力。

1.Stylify Me

Stylify Me是为了帮助设计师快速获得一个网站的风格指南的概述，包括颜色，字体，大小和间距。

在线预览

2.Documentcss

创建生活风格指南的互动式的例子，改变你的设计。

在线预览

3.Styleguide.js

生成你的CSS风格，在评论添加YAML数据。它生成一个独立的HTML文件。伟大的作品为基于组件的CSS。

在线预览

4.Fabricator

从您的工具箱代码中生成一个样式指南。在降价使你的工具包，便于其他开发者使用写文件。

在线预览

5.Aigis

Aigis是一个js封装解析评论你的CSS和自动生成格式指南。

在线预览

6.Hologram

Hologram是红宝石的宝石，将在你的CSS注释，可以帮助你变成一个美丽的风格指南。

在线预览

7.Uspto

一个开源的用户界面风格指南、模式库和引导主题。

在线预览

8.KSS

用于记录styleguides CSS和生成方法。

在线预览

9.Web Design Standards

美国政府网站的开源用户界面组件和视觉风格指南。

在线预览

10.Kalei

这个项目的目的是确保你的样式表是完全记录在你的网页风格同步。这样做实际上是用你的生活样式，在任何时候，你可以回顾一下你的风格看起来。

在线预览

11.Yelp

Yelp的风格是一种资源的设计师，产品经理和开发者，在Yelp的用户界面模式提供了一种通用的语言。

在线预览

12.Solid

BuzzFeed的CSS样式指南。通过这样的框架basscss影响，固采用一成不变的，原子的CSS类的快速原型开发的功能，提供一致的造型的选择与灵活性，创建新的布局和设计，而不需要编写额外的CSS。

在线预览

13.Styleguides

Styleguides创建前端样式指南和模式库的协作集合。

在线预览

14.Pattern Lab

Pattern Lab是一个收集工具，帮助您创建原子设计系统。在其核心，模式实验室是一个自定义的静态网站生成器，构建一个接口，通过拼接的原子，分子和生物体一起形成模板和页面。它作为你的项目的模式库和前端风格指南，但你同时能够在语境中抽象看成分。

在线预览

15.SC5

SC5风格指南发生器是一个方便的小工具，可以帮你在样式表使用KSS符号生成漂亮的风格指南。它可以用来作为一个命令行工具，大口咕噜的任务或任务（需要grunt-gulp）以最小的努力。

在线预览

未经允许不得转载：爱前端网 » 15款方便的网站风格指南工具