winapi 获取tab页中的控件句柄_掌握这五点，教你玩转动态页设计

动态页设计对于UI设计师来说是工作中经常会遇到的case，如何才能更好的完成网站页面的动态设计效果呢？下面，小千给大家分享五个要点，希望能帮到大家。

1. 什么是动态页

在设计之初，我们要先来了解一下动态页到底指的是什么。本文介绍的动态页主要是指在APP中承载用户发布的不同类型的内容，按照时间、热度排序的一种Feed流。比如QQ空间就是我们很早就开始接触的动态页。

2. 动态页的作用

动态页的作用主要有两点，一是建立关系，增加用户的使用粘性；二是可以承载不同类型的内容。

01.建立关系，增加用户的使用粘性

很多不同属性的APP都有动态页，其主要原因就在于动态页拥有社交属性，能够帮助用户间建立社交关系。

02.可以承载各种类型的内容

动态页本身是指用户发布的动态内容，除了之前介绍的类似QQ空间这种卡片列表形式的其实还可以包括图片feed流和视频feed流等，之所以单独介绍这一种就在于它能承载各种类型的内容，包括纯文字、图片、视频、音频、链接、投票等。

3. 动态页的入口

动态页的入口常见有三种，分别是底部tab导航、顶部tab导航以及列表导航。

01.底部tab导航

底部tab导航将动态页作为了一级功能页，常见于社区产品(一般为首页)，或是增加了社区功能的电商产品和工具类产品，入口快捷方便，容易找到。

02.顶部tab导航

顶部tab导航一般作为底部tab的延伸，可对动态页进行垂直划分，使用户筛选出自己想要看的动态。比如闲鱼鱼塘下划分为：我加入的、推荐、宠物、穿搭、美妆、二次元等等。

03.列表导航

列表导航主要是QQ与微信使用的方式，入口比较深，需要两次操作进入。我的理解是二者的动态/发现页承载了很多功能，因此使用列表导航更具延展性。

4. 动态页信息单元的基本构成

动态页本身是Feed流的一种，在构成上有一个信息单元，然后将这些信息单元按照发布时间先后顺序源源不断的推送给用户，这个信息单元中包含三个基本构成：个人信息区、内容区、态度表达区。

5. 动态页的分割方式

动态页由许多不同的信息单元组成，信息单元之间要进行分割，保证每个信息单元的可读性。

01.背景分割

背景分割是动态页最常见的分割方式，大部分产品的动态页都是采用的背景分割，这种分割方式割裂感强，利于增加各个信息单元的可读性。

02.分割线分割

以分割线分割的动态页，整体页面浏览流畅，不易打断，但是各个信息单元间不如背景分割容易区分。因此一些APP为了满足各个信息单元的可读性，会将用户头像作为锚点帮助区分各信息单元。

03.卡片分割

动态页使用卡片分割主要是以卡片风格为主的一些电商产品，我的理解是产品为了保持整体风格一致，固动态页也采用卡片分割。不过卡片分割割裂感也比较强，也能很好的区分各信息单元，不过在屏幕利用率上不如背景栏分割。

04.留白分割

留白分割在动态页中的使用很少，目前我只发现虾米音乐、脱水和soul使用的该分割方式。三者的共同点是产品整体布局都比较简洁，产品功能比较单一，固使用留白分割比较符合产品的整体调性。

相信通过以上分享的5个要点，大家对动态页设计有了新的认识，更多UI设计行业动态和学习资料，可以关注“武汉千锋”微信公众号获取！