中山建站：如何创建网站或应用程序的指导方针和标准

2019.08.20 中山建站

129

中山建站虽然有些方法可能不同的一个最重要的起点对于任何项目是一组指南。

为每个项目创建指导方针和标准 (即使它不是最初的范围) 增加你的工作流程也会让你的设计一致,希望以正确的方式发展。

这真的是一个设计师的责任。你不能怪开发商没有像素狂。引导他们。

首先创建三个主要类型的文档。

这个过程是不推荐的设计师也做前端开发。如果是这样的话,添加另一个步骤中,您创建一个单独的平台与编码风格指南和编码组件。你甚至可能想在第2步和遗漏步骤开始编码。

这个过程的两个著名的例子引导和 Purecss 。是的,这些都是完整的前端框架和可能比你工作的项目,但你懂的对吧?

1. 风格指南

风格指南定义每个元素的风格在一个设计项目。它基本上是为开发人员一般风格指南。颜色、字体、表、列表项图标使用、分规和更多的都是在这个文档中详细定义。拖放元素一旦你创建和设置每个元素的规则。

中山建站

在线HTML电子邮件模板编辑器

与明信片你可以在线创建和编辑电子邮件模板没有任何编程技能! 包括100多个组件来帮助您创建自定义邮件模板的比以往任何时候都要快。现在试一试免费!

了解更多其他产品

*提示:元素的名字。即使开发人员最终可能使用不同的类,它可以引用这些元素时是有用的。假设你对一个网站有不同的主题颜色梯度的导航栏。这方式更容易参考# PrimaryThemeColor - # SecondaryThemeColor而不是命名不同的颜色。

中山建站本文在许多方面是相同的风格指南,但在一个不同的水平。组件元素,如登录框、滑块旋转木马,页眉,页脚,等等。

这不同于一般本文档格式指南,可以帮助你保持在整个设计过程的一致性。它的开发人员更容易识别重复的元素,这将加快这一进程。

Components document

如您所见,当工作在响应项目它有利于包括每个组件的“行为”。再次,一般开发人员不会关注这些类型的和不该想的事情。

如果你不突出这一事实CTA文本居中对齐在移动,他们不会注意到。相信我。

一旦你觉得你做,拖拽你的组件,以确保设置规则从一开始就防止无休止的编辑填充,颜色和字体大小为最终的实物模型。

*提示: 导出组件分离.psb文件。最大的优势是,当你的客户决定改变这一切,你只需要更新特定.psb文件。这是一个真正的节省时间的。

最后一步是指定页面。以来我们已经设置的风格元素和组件,唯一要做的就是把这些组件和定义利润(命名和间距)。

我们使用下面的方法为阿迪达斯webshop和一个大的平台,非常有助于分解如下:

我们使用两种类型的出口3 层组成 , 这很容易出口:

中山建站

我知道,这一切看起来像一个痛苦,但它作为一个交互设计师是至关重要的。

幸运的是,有一些伟大的插件,可以节省你一些时间。其中一个是染斑。这个工具可以指定所有提到的但我更喜欢使用间距和标签。

specKing

任何建议或改进? 我们中山建站很乐意听到这样一些反馈关于创建项目规格。在评论中分享你的想法。