【摘要】在屏幕阅读时代，制作长画面的技术得到了广泛的应用。除了最直接想到的网站和应用页面，还有个人作品的长图片包装、长海报、电子商务的产品详情页面、博客和信件的长图片广告等等。本篇文章将讲述近年来长ui设计越来越流行，那么长图制作的技巧有哪些。

一、带有重复元素的布局

重复就是统一视觉，提醒用户或读者保持在相同的内容z中。重复可以是对字体、颜色、大小、空间、形状、框架等的重复。它不是复制完全相同的元素，而是根据固定的规则在页面上创建连续的更改。也就是说，规则应该在重复元素的使用中改变，并且规则应该在改变中存在。

除了指出重复之外，不难看出，各种重复方法并不是独立存在的，而是经常与应用程序混合在一起。当然，重复不仅仅是枚举。

二、F排版空间布局

F-layout是一种非常传统但非常科学的UI设计布局。这是一种基于大量跟踪实验的经典布局。它符合大多数人的浏览习惯。当我们看一个页面时，我们通常先看左上角(logo、导航、logo等)，然后从左到右看横向内容，然后从上到下浏览整个页面，形成一个f形的视觉路径。

从f形布局和眼动实验中，我们可以得到以下的启发:

1. 最重要的信息(如商标、企业名称、标题、导航等)应该放在顶部(甚至在左上方)，而不是在右侧。

2. 在右边，你可以放一些不太重要的东西，比如反馈，咨询，广告，推荐等等。

3.在设计的时候，我们需要更加努力地处理左边的信息。这是一个我们更加关心的领域。右边的信息通常是空的。

4. 多文本、多内容的布局(如新闻、社区、事件页面等)是首选。

作为一个普通的界面设计师，我们也可以理解一些长图制作的技巧。为了保持读者的兴趣和停留时间，我们的UI设计不仅要好看，还要提供一些视觉指导，使内容体验从头到尾都是一致的。为了实现这一目标，我们需要有针对性地进行设计。想知道更多关于ui设计的设计素材与技巧，你也可以点击本站的其他文章进行学习。