网站设计如何通过Dexy来生成设计文档,一旦你掌握了技巧,你可以让它按照你的想法来做任何事,深圳网站设计公司下面给大家分享是怎么来生成设计文档的。
首先切换你的项目目录下,并在命令行输入:
现在Dexy就运行起来了,同时对应的相关文件和日志文件夹一并生成了。在项目目录下创建一个叫_header.html的文件。
还要添加一个文件名为_footer.html的文件,里面的内容如下:
现在有了一头一尾两个文件,还差主体文件。可以给它起名叫guidelines.markdown。即设计规范,简单明了。然后找到_header.html和_footer.html对应的项目路径,在该目录下新建该文件,最终,Dexy就会将这三个文件合并成一个完整的设计手册。
1.动手写文档
不管使用什么工具什么技巧,软件都不可能帮你写文档。建议以文字内容开始响应式设计流是一样的道理。内容之于设计规范就像之于原型。
2.添加各种形式的实例
比如:插图,如断点图。整页或某一模块元素的截图。代码段,如CSS。代码最终运行效果,如按钮或者动画。
3.生成截图。
4.配置Dexy
Dexy通过读取配置文件来执行任务。这个配置文件是每个Dexy项目都必不可少的。
5.测试整个Dexy项目
6.捕获特定元素的屏幕截图
7.引入能渲染出效果的HTML
8.包含高亮的代码
9.动手做一个自己的文档
网站设计公司本文关于“网站设计如何通过Dexy来生成设计文档”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。