什么是基于组件的设计？

创新互联与小牛资本签订合作协议，承建该公司网站的设计与开发，现已完成上线。小牛资本成立于2012年，公司总部位于深圳，截至2016年6月12日，在北京、上海、深圳、香港设立四大管理中心，业务涉及普惠金融、消费金融、财富管理、投资管理，在全国27个省市150多个城市开设了300多家分支机构，境外业务辐射迪拜、澳洲、伦敦、纽约等国际金融中心。旗下拥有小牛在线、小牛普惠、小牛新财富、小牛分期、小牛投资等几个子公司。从各项数据来看，小牛资本算得上中国综合金融服务企业的第一梯队。组件的设计使我们能够快速设计出许多易于维护和更新的项目。多个设计师可以同时地在一个项目上工作也能保持项目的一致性，因为一切组件都被明确定义。实质上，基于组件的设计是将UI分解成更小，命名清晰且更易于管理的组件。这些组件被分为以下六个部分。

1、一致性

这六个部分中的第一个要讲的就是一致性，在这里我们定义了项目的核心品牌元素。字体，排版，主要和次要颜色都经过精心指定。之后，这些将在整个项目中使用。

2、元素

第二个定义了项目中可复用部分的最小层级：元素。譬如按钮，链接，输入框，下拉列表等都是常见的元素。每一个元素它们的状态被定义为：如悬停，获取焦点和禁用按钮。我们的准则是：Define Once,Reuse Throughout The Project!

3、组件

当我们的工作到达一定规模时，就要用到第三个可复用的部分-- 组件。在我们设计应用程序和网页设计时，屏幕上的模块都是组件。组件可以是由多个元素组成的，像主角卡片和导航菜单就是典型的例子。然而，组件也并不一定要模块化。在设计组件时，我们还会为每个项目的响应大小(或断点)立即创建它们的版本。这样我们就不用回溯到几周前设计的屏幕上，并且设法让它们适用于智能手机。响应目标与客户端事先达成一致，以确保每个组件都是相应设计的。

4、组合

我们的工作再进一规模，就到了第四部分：组合。组合是包含多个不同组件，它们定义了它内部组件的行为方式。下面是一个简易的单列布局例子，它只定义了组合的组件间距，标题以及组件内容的循环使用!

5、布局

第五大部分布局是更抽象的设计原则集合。这里定义了间距，栅格和包装器的元素数量。通过这样定义，其他设计者可以轻松地进入项目并使用现有的样式规范。

6、页面

最后一个部分是项目的实际页面。每个页面由各种组合和组件的排列组成。所有超出预期的东西都是在页面这个层级中定义的。例如营销部门的朋友认为联系人页面应该是蓝色的背景，那么我们只在页面级别添加，不涉及其他层级。

创新互联是南充网站建设公司业内的互联网服务提供商，致力于向客户提供精品网站建设服务！拥有了精品网站建设、软件开发、网络运营等业内顶尖人才。作为国际的互联网服务提供商，创新互联立足深圳、面向全国，多年来竭诚为用户提供优质服务，我们的客户遍布全国各地，辐射各行各业。秉承用户至上，诚信为本的宗旨，创新互联将一如既往的以客户需求为导向，不断开发出更加优秀的互联网应用服务解决方案！