沈阳网站设计培训学校向您分享样式组件

向您分享样式组件

那么到底什么是样式组件？它是能在整个网站中以多种方式反复使用的元素或元素组。让我们来看看下面一个烘培糕点电商网站的例子。

网站设计知识：举例讲解可再使用样式组件再使用样式组件

我们能以几种不同的方式使用这个带灰边的圆角白框。我首先做出“product”样式组件。检视整个网站的不同元素后，我意识到我在“product”中使用了好几次不同变化的这个白框。通过保持白框的简单样式，我能在“dashboard”和“shop overview”中再次使用相同的样式。（）

由于我们是再使用这种样式元素，它应该有个可在许多不同环境中使用的通用名。为这些组件想出名字是设计过程中最困难的部分。例如，如果你想在其它样式元素中再使用“dashboard”中的元素，那这个元素的名字中就不应该包含“dashboard”字样。

在如Bootstrap 组件的HTML框架中，这些样式组件也很常见。Bootstrap在网站中确定了常见的可再使用样式，并将它们变成任何设计师都可以利用的通用性可定制样式组件。发掘这些框架有助于你了解样式组件如何在更大的层面上作用。

更多行业资讯请关注沈阳卓然设计师培训官网：