当你完成一个网站设计的时候你是开心的,因为你的设计作品被客户认同了。可是在设计完成后你需要整理它,把你的成果放到该放的地方,方便以后修改时能更快捷,方便其他人修改时简单明了。下面有5个整理技巧,希望对你有所帮助。
1、清理你的图层
如果你在任何图形应用程序中做了大量的设计工作,无论是草图、Photoshop、Affinity Designer还是一些随机的线框图应用,你都希望确保这些东西易于理解。当你快速迭代时,很容易得到一长串没有名称的层列表,或者由于你认为以前的方法看起来不太正确而被隐藏起来。确保每个层都被命名,并且没有不需要的层或元素。将对象组织成组、层组和文件夹。
2、清理你的代码
当你进行迭代和实验时,HTML、CSS和JavaScript也可以很快地加起来。也许你最后从一个不需要的元素中保留了一些HTML。也许你为那个元素写了样式,却忘了把它们放在里面。当你不注意的时候,随机的类名肯定会堆积起来。
仔细检查一下代码,以确保不会在其中留下任何无关的内容。如果你有很多CSS可以通过,你可以尝试一个像JitBit这样的工具来帮助你找到你没有使用的CSS。
3、清理你的文件
获取选择的文件管理器并进行排序。也许你下载了一个像Bootstrap这样的框架,或者像jQuery这样的库,然后才意识到你不需要它们来完成这个项目。也许你做了一些实验的文件,但是那些实验已经结束了。
坦率地说,文件管理是我一直推迟到以后的任务之一,因为它很烦人,但即便如此,它也需要完成。你必须删除那些多余的文件,在服务器上放置未使用的文件是一种糟糕的做法,当你或多或少忘记了如何将所有东西组合在一起时,你不希望尝试猜测在三年内哪些文件实际上是重要的。
4、考虑你的存储选项
在存储过去的工作时,硬盘上有一堆随机命名的文件夹并不能解决问题,你需要一个系统。至少,你可以从将完成的项目与当前的项目分开开始。然后,开始寻找备份文件的方法。无论你是使用本地外部驱动器还是第三方服务,一个好的备份解决方案都可以防止丢失,并在需要时释放本地驱动器上的一些空间。
这一点特别重要,因为客户端总是丢失文件。有时他们会雇佣别人来改变事情,他们会把事情搞砸。有时数据在服务器崩溃中丢失。在紧要关头拯救客户网站的人是与客户保持良好关系的好方法。
5、文档
现在我们进入“收拾你的东西102”。除非你的项目是人类已知的最简单的HTML/CSS模板,否则它可以帮助你写下一些事情:
由客户端定义的项目的原始目标
你做设计决策的原因
你使用了哪些CSS技巧
代码的哪些部分看起来是有效的,只要你不敢碰它们
你使用了哪些库和框架,以及它们的版本号
也可以将客户给你的任何资源包括在内,比如风格指南、情绪板和他们提供的任何内容。你永远不知道什么时候你需要回去查阅这些资料,把所有的资料放在一个地方会让你更容易重新开始一个旧的项目。
最后
不要低估你的能力,忘记哪个文件包含最新的设计,或者为什么CSS样式会覆盖另一个样式。一旦你开始下一个项目,所有这些精神组织就会消失。