认识达内从这里开始

认真做教育专心促就业

合肥达内培训组件化网页设计都有哪些设计方法

发布：合肥达内软件培训
来源：互联网
时间：2022-06-06 09:41

组件化的网页设计是目前大多数UI设计师在设计网页的时候都会用到的一种设计方式，下面我们就通过案例分析来了解一下，组件化网页设计都有哪些设计方法。

合肥达内培训组件化网页设计都有哪些设计方法

拼图的玩法

不同的页面样式，就是利用组件来进行布局。组件是一个相对能独立出来的部分。比如在页中，大家可以看到很多大图的轮播banner，有的会有轮播按钮，分别展示不同的图片。这就算作一个组件。这个组件可以放在页面的头部，也可以放在页面的尾部，无论组件在哪里，都不会影响页面组件的功能发挥。它们的位置不同只会产生不同的布局，形成不同的外观。

组件是页面的基本组成部分，我们可以把网页看成一个拼图，组件就是拼图的每一小块，页面后长成什么样，就看你怎么安排你的组件的位置。比如banner一般好的体验就是放在页头，如果你放在页尾也可以，但是不太符合用户习惯。有很多用户习惯形成的组件的款，这些组件之间的位置不太能有大的调整，就像一个房间基本都有客厅、厨房一样，你也可以设计一个没有客厅的房间，但是这不太符合大部分人的需求。所以这个拼图并非可以随心所欲，而是在一定的用户体验允许的范围内进行调整。

静态组件与动态组件

静态组件和动态组件是我们对组件在功能上的一个划分，什么是动态和静态的区别呢?很简单理解这一点就是针对组件的内容，就像人的身体有静脉和动脉的区别一样，它们大的区别是什么呢?静脉的血流速度慢，动脉的血流速度很快，那么动态组件和静态组件也是这样的：你的内容更新比较快的就是动态组件，内容更新慢的就是静态组件。

那这个内容更新快慢怎么理解呢?就像一个作品列表，作品在这里更新的内容肯定比你的LOGO、导航这些内容换得更快，需要不断增加，这样就可以知道作品列表、作品详细都是动态组件。相应的，比如关于页面里的内容，你要介绍自己，当然不可能每天或者每周都更新一次，也不需要有个“动态”去展示给用户，因此即使你仍然可能会更新，但是这里的内容却是相对更新比较慢的，因此我们就可以叫它作静态组件。

元素：组件的样式

组件是由什么构成呢?在这里我们会进一步涉及到另一个概念：元素。一个图标可以是一个元素，一个段落也可以是一个元素，元素虽小，五脏俱全，元素的不同组合就形成了不同的组件。

比如作品列表这个组件就是由图片、文字、分类标签、分页按钮所组成，当然不同的作品列表肯定展示的内容会略微的不同，可能会增加摘要或者图标等，但是从这里我们可以看到，这些图片、文字、分类标签、分页按钮就是所谓的不同的元素。

每个元素都会有不同的样式，元素的样式不同，它们所组成的组件样式也就不同。比如文字的样式可以是尺寸、字体、段落间距、位置(布局)等方面的变化，因此也就形成了不同的文字段落样式。

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。

< 上一篇：合肥达内IT培训分布式系统概念与应用框架分析

下一篇：合肥达内编程培训云计算环境下的代理模式应用分析 >