企业形象设计公司分享打火机vi设计理念

打火机vi设计的核心价值在于为企业打造独特的品牌，打火机vi设计可以给企业带来良好的社会声誉和经济效益。

注：本文“打火机vi设计”配图为本公司设计作品

打火机vi设计思路：

根据您正在进行的项目的大小，您可以用两种方式构建您的厚颜无耻代码：一种简单的方式用于较小的项目，另一种更复杂的方式用于较大的项目。请继续阅读，找出答案。

sass——CSS的延伸部分；给你的代码带来优雅的力量因素。

对于萨斯，它是关于变量、嵌套、混合、函数、部分、导入、继承和控制指令的Sass。使您的代码更易于维护和重用。

现在，我将向您展示如何使您的代码更加结构化和组织化。

当项目扩展时，文件和文件夹的组织是至关重要的。由于文件结构显著增加，模块化目录是必要的。这意味着结构化是有序的。这里是做这件事的地方。

使用部分将样式表分成单独的文件将部分导入主样式表——通常是main.sass文件。为厚颜无耻结构的布局特定文件类型创建布局文件夹

有几种不同的结构可供您使用。我建议使用两种结构——简单的和更复杂的。让我们看一看。

简单结构

这种简单的结构对于像单个网页这样的小型项目来说很方便。为此，你需要创建一个非常小的结构。这里有一个例子：

_base.sass —包含所有的重置、变量、混合和实用程序类_layout.sass —处理布局的所有厚颜无耻代码，即容器和网格系统_components.sass —所有可重用的内容—按钮、导航栏、卡片和soon_main.sass —主要部分应该只包含已经提到的文件的导入同样简单结构的另一个示例如下：

_core.sass —包含变量、重置、混合和其他类似的样式_layout.sass —有页眉、页脚、网格系统等的样式_components.sass —该项目所需的每个组件的样式，包括按钮、模态等. app _ app。sass—进口这通常用于较小的项目。当要决定使用哪种结构时，项目的规模往往是决定性因素。

为什么要用这种结构？

使用这种组织结构有几个好处。首先，CSS文件缓存，这样就减少了每次访问新页面时下载新文件的需要。这样，HTTP请求也会减少。

其次，这种结构更容易维护，因为只有一个文件。

第三，CSS文件可以被压缩，从而减少它们的大小。为了获得更好的结果，建议使用Sass/Less，然后连接和缩小文件。

万一文件变得杂乱无章，你就需要展开结构。在这种情况下，您可以为组件添加一个文件夹，并将其进一步分解为单独的文件。如果项目范围扩大，并且需要重组整个厚颜无耻结构，那么考虑下一个更复杂的模式。

71模式结构

此结构的名称来自七文件夹，1文件。许多人使用这种结构，因为它被认为是大型项目的良好基础。你所需要做的就是将这些部分组织在七个不同的文件夹中，一个单独的文件(app.sass)应该位于根级别来处理导入。这里有一个例子：

sass/

|-摘要/

| |-_ mixin//Sass mixin文件夹

| |-_变量. scss //Sass变量

|-核心/