![]()
![]()
如果画面元素的组织混乱，缺少主次分明的布局，会导致视觉信息不但难以传达，还容易让观众失去兴趣。以下是一个工业产品宣传册内页的编排示例，并通过前后对比，分析在编排过程中需要注意的关键点。
![]()
![]()
① 在工业产品中使用宋体来编排，与工业的机械理性感不匹配，应选择黑体。
② 虽然版面元素排列得整齐，却无法区别内容的差异性，也降低画面的节奏感。
③ 页面中的表格信息编排太过普通，容易产生阅读疲劳。
④ 尝试对图片进行外观效果的处理，以突显其设计感。
![]()
![]()
![]()
![]()
① 中文字体为鸿蒙HarmonyOS Sans，英文和数字字体为Aileron 。 ② 版面采用8栏网格，其中主要信息占6栏，产品图以三边出血方式置于页面上方。③ 将页面上方的产品图片去色，再添加黄色图层并设置为“正片叠底”混合模式，同时应用“图层蒙版”，通过“黑白渐变”填充图层蒙版，使图片的最终效果如上图所示。 （当然也可以直接用原图颜色，这根据实际情况而定哦）
4种常见的编排技巧：
对于画册内容页的编排，需要考虑每个页面所承载的信息量，再通过图文的编排、网格的运用、留白的把控、颜色的搭配、以及信息图形化设计等技巧来有效传达每页内容的信息。接下来继续总结 4 点关于内容页常见的编排技巧：
#01
借助网格
建立有序的页面结构
网格系统有助于建立有条理、统一化的页面布局结构。通过设置好的网格将图文信息划分并布局到不同区域，同时还能借助网格线对齐元素，甚至能准确衡量元素之间的距离，使页面的排版更为精致和规整。尤其在编排大量信息的页面时，运用网格系统能够有效提高设计效率和质量。
▲ 以上页面使用网格线间隔为7.5点、子网格线为5点所形成的文档网格系统，利用网格能更快速分配文字和图片，也方便地组织文字信息和对齐各种视觉元素。
#02
视觉信息图的运用
信息图作为一种视觉形象化的手段，不仅可以有效的传达信息，同时还能带来全新的视觉感受。将普通的文稿转化为视觉呈现，在设计布局上兼顾阅读体验，也提升设计质感。
![]()
Deloitte会计事务所手册，设计：design purple（designpurple.co.kr）
▲ 画册设计总会遇到少字少图的情况，若不添加其他素材，画面可能显得缺乏设计感。应有意识地将关键文字通过信息图形化呈现，运用图示、流程图、图表等样式，使版面呈现更为专业和吸引人的视觉效果。
#03
图片的处理
图片在版面中占很大的比重，它的视觉冲击力远远超过文字。当遇到图文编排的情况下，需要考虑图片的展示方式和视觉效果的处理技巧。因为图片的大小、形状、色调、视角或像素等因素都会影响版面的视觉效果和画面质感。如果通过图片来打破网格单调性，可以尝试运用出血图或去底图的形式，甚至在图片上形成新的编排方式。![]()
![]()
▲ 如何通过图片来打破版面编排的单一性？尝试将图片进行放大处理，使其跨越页面边缘，覆盖两侧的出血区域。这种出血图的运用能极大限度地提高图版率，让画面更加饱满且具吸引力。再将右侧页面的文字安排在图片上，使图片与文字形成互动关系，也让版面的信息编排更显关联性和创意。
#04
添加有效的色块
添加有效的色块或底色能快速解决很多设计问题的方法之一。例如在缺少图片或其他素材的情况下，当版面层次感不够显著或视觉效果不够强烈时，通过增加色块或底色可以迅速提升画面的丰富度和层次感。此外，添加色块还可以起到聚焦、强调、整合信息、区分对比、修饰的作用。![]()
![]()
▲ 如果想让画面看起来不那么“平”的话，添加与画册整体风格相协调的色块作为“面”，这不仅能提升视觉层次感和丰富版面，还能区分内容和建立更有结构性的布局，也提高信息传达的效果。
如果确实没有好的创意想法，可以多看优秀的平面作品，从中汲取灵感，逐渐形成独特的审美观和认知体系。这样的积累有助于拓展设计思路，提高对于版面设计的理解和运用水平。以上内容来自下面这本书哦
![]()
![]()
图片来源网络，版权归原作者，仅供学习交流
如有侵权或不适当内容，请与我们联系修改
