谈谈交互设计中的Banner应用（四）

上篇文章给大家介绍了设计流程中的创意监控和前期沟通“ 谈谈交互设计中的Banner应用（三） ”，接下来看看设计执行。

3. 设计执行

1）板式

排版结构：

banner由多元素组成，banner内在包含：色彩、构图、风格等，外在包括文案、产品配图、背景、点缀这几个部分组成，设计过程通过拆分一步步执行，思路清晰且效率高。

构图方式：

对齐构图

画面中相关内容遵循对齐原则，便于用户视线快速浏览，接受重要信息。常见的对齐方式左对齐、右对齐、居中对齐，建议banner中只使用一种对齐方式，多种对齐方式用户阅读视线分散，增加用户认知成本。
聚拢构图

画面内容拆分为文字区、图片区、氛围区，相关内容聚集在一个区域，其次聚焦一个视觉重点，弱化其他元素，视觉出现层级。
留白构图

根据产品页面留出适当的安全边距，保证banner在适配过程中不会出现重要信息看不全的情况。排版时，元素之间需要留出空隙，画面看起来有透气感，减少用户认知信息的负担。
还没完哦，还有另外两种构图方式，下篇文章继续给大家分享，赶紧去看看吧！

以上就是“谈谈交互设计中的Banner应用（四）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。