当在我们一个单独页面进行布局设计时，会按照结构相关性，将所有的板块内容进行梳理和排序，然后依照网格线规划这些板块的位置。
如果我们想要进行首页设计，需要强化不同板块的入口属性，那么所有板块内容，都不易占据较大的页面空间。比如说，在一些新闻网站的首页中，不同频道占有首页的一部分板块空间。
如果我们想要进行内容详情页设计，那么内容主体应该被强化，在整个页面中占据绝对空间。比如在一些文章详情页或是商品详情页里，文章内容和商品详情占绝对主体。
大多数的设计者会按照上述思路，完成产品设计，但在设计实操中有时也会遇到新的问题。比如，为了增加产品的使用粘性，我们通常会在详情页面，增加相关推荐内容，如果内容推荐满足用户的“口味”，那么就会形成连续阅读。
在一个以文章内容为主题的页面里，如果文章特别长的话，很多用户可能没有耐心读完，还有一些文章本身质量就不过关，很多用户会选择在中途放弃，那么如果在文章下方设置推荐位，那么就没办法向用户充分展示的机会。
有的产品会采纳一种新的设计方法，他们将长文章进行折叠，只为用户展示少量的内容，这样文章下方的相关推荐，就可以在首屏或者二屏位置向用户曝光出来。如果露出的文章部分能够对用户形成连续阅读，那么想查看更多的文章，只需要激活折叠按钮即可，这样整个文章将得以全部展示。
从上述的案例中我们不难发现，只要板块内容呈现上下结构，当上面的板块内容占据主体空间时，就会对另一个板块内容造成影响。而解决方案之一，就是对空间占用较大的板块，进行折叠。
微博
微博刚上线时，只允许用户发140个字以内的内容。如果所有用户将发文限制在140个字以内，那么用户浏览feed将非常省力，轻划几下屏幕，就能浏览很多条微博。即便是人人都以140个字的发文，也不会对用户阅读造成特别影响。
后来几经改版，微博现在已经开始支持发送长文章了。如果微博还是以原来的展示策略呈现长文章内容，那么用户肯定会不爽到出来骂街。试想一下，一篇1200字左右的长文章出现在用户的feed流中，是怎样一种体验？如果用户对当前文章内容感兴趣还好，不感兴趣想要“逃离”都很难。用户不得不疯狂滑屏，以“送走”这条内容。所以这这种情况下，为用户提供内容折叠功能非常有必要。
微博的设计者也是这样做的，他们制定了这样的规则，当用户发文超过某个字节数限定时，会对超出内容进行折叠，如果用户对这条微博感兴趣，可以进入到这条微博的二级详情页面查看全文，或者通过展开更多按钮，在原有内容基础上，向用户展开全部内容。
京东网页版
如果你留心观察，就会发现，在许多产品设计方案中，都会使用内容折叠的处理方式。尤其是那些在横向或者竖向空间内，存在显示冲突的板块中。
当我们使用京东商城网页版进行购物时，对某件商品进行分类筛选时，在品牌选择一栏，会看到若干品牌推荐，这些品牌都使用品牌logo图标，相较于文字示意品牌，这种通过品牌图片示意的方式，对用户而言更为明确，但这种设计处理方式也会带来新问题，那就是对垂直空间的占用较大，尤其是有些商品，可能会有几百个品牌供货商，如果将这些品牌全部露出的话，那么单是品牌筛选栏，就会占据几屏页面。
京东的设计师们，同样采用了内容折叠的处理方式，他们会将用户高频购买，或是合作商家的少量品牌默认向用户露出，而其他的品牌则被折叠隐藏，如果用户想要查看其他品牌，需要点击展开按钮，以激活所有品牌的选择列表。
这个列表内嵌在网页的固定区域，并且在展开显示时，不会造成页面中其他元素的跳跃，用户可以通过滑动鼠标，进行更多品牌的筛选操作。
帮助中心
在一些产品的帮助中心设计中，设计者会有意强化问题项，因为所有来到帮助中心的人，都是来寻找遇到问题的解决方法来了，在这种情况下，问题归类以及问题项的展示就显得尤为重要了。
很多产品的设计者，会优先将用户可能遇到的问题进行归类，然后在每一个分类下，组织安排问题项。这样，遇到问题的用户可以通过选择分类，然后阅读问题项，找出和自己所遇问题相关的问题项，然后查阅内容，找到解决方案了。
在帮助中心，用户会专心查找和自己相关的问题，其他无关问题的答案，他并不关心。如果这些和用户无关的问题答案，也向用户展示的话，只能降低用户查找相关问题的速度外。所以很多产品的帮助中心，会把问题的答案折叠，优先向用户呈现问题标题。只要用户对某个问题感兴趣，那么点击这个问题标题，就可以查看到所有的答案内容。
帮助中心的这种折叠设计方案，在移动产品设计中非常多见，用户可以通过类别选择，进入到二级问题标题页面，有的设计者也会在这个页面基础上，给到一个较深层级的三级页面，用来承载问题详情。但这种帮助中心的返回效率通常不高。
很多产品的网页帮助中心，会充分借鉴了电子书的目录设计方案，他们会将整个网页划分成两栏或者三栏，在左侧栏展示问题分类或问题标题，在最右侧一栏显示问题答案详情。这种设计方案的优势是可以让用户统揽全局，更快捷的找到所关心问题的答案。
但这种帮助中心仅适合对复杂问题的解答，如果问题的答案只有几句话，那么右侧栏会留出大面积的空白空间，此处的页面既不充实，也不美观。