什么是基于组件的设计?

发布时间:2025-07-05 点击:2

1、一致性
这六个部分中的第一个要讲的就是一致性,在这里我们定义了项目的核心品牌元素。字体,排版,主要和次要颜色都经过精心指定。之后,这些将在整个项目中使用。
2、元素
第二个定义了项目中可复用部分的最小层级:元素。譬如按钮,链接,输入框,下拉列表等都是常见的元素。每一个元素它们的状态被定义为:如悬停,获取焦点和禁用按钮。我们的准则是:define once,reuse throughout the project!
3、组件
当我们的工作到达一定规模时,就要用到第三个可复用的部分-- 组件。在我们设计应用程序和网页设计时,屏幕上的模块都是组件。组件可以是由多个元素组成的,像主角卡片和导航菜单就是典型的例子。然而,组件也并不一定要模块化。在设计组件时,我们还会为每个项目的响应大小(或断点)立即创建它们的版本。这样我们就不用回溯到几周前设计的屏幕上,并且设法让它们适用于智能手机。响应目标与客户端事先达成一致,以确保每个组件都是相应设计的。
4、组合
我们的工作再进一规模,就到了第四部分:组合。组合是包含多个不同组件,它们定义了它内部组件的行为方式。下面是一个简易的单列布局例子,它只定义了组合的组件间距,标题以及组件内容的循环使用!
5、布局
第五大部分布局是更抽象的设计原则集合。这里定义了间距,栅格和包装器的元素数量。通过这样定义,其他设计者可以轻松地进入项目并使用现有的样式规范。
6、页面
最后一个部分是项目的实际页面。每个页面由各种组合和组件的排列组成。所有超出预期的东西都是在页面这个层级中定义的。例如营销部门的朋友认为联系人页面应该是蓝色的背景,那么我们只在页面级别添加,不涉及其他层级。



进行网站制作前该如何做市场调查和策划
张家界网站定制-定制网站建设重点5步骤
自助建站系统在建站市场有哪些独特优势?
佛山营销型网站建设怎么提高用户粘性?
网络营销的平台中如何建立品牌
网站设计banner图文排版的技巧
华为与阿里在国际上那个影响力大
SEO优化中权重与网站之间的联系是什么?