排版技巧 : 设计出最佳视觉版式

排版技巧

Good visual arrangement for infographics is putting together graphic and visual elements in a manner that draws your reader’s attention. The key to achieving simple, elegant and attractive content are ample whitespace and a well arranged layout.

好的图形元素混排设计效果是为了吸引观众的注意力。简而言之,优雅和有吸引力的内容关键是合适的留白和妥善安排布局。

什么是留白 排版技巧

White space is as its name suggests – space that is unmarked in a piece of infographic or visual representation. It could be margins, padding, or the space between columns, text, and icons and design elements.

顾名思义留白就是图形或视觉表现的空白处。它可以是栏/列、文字、图标和元素之间的空间。

margins-padding

留白在视觉设计中的运用

A page crammed full of text and images will appear busy. This makes the content difficult to read. It makes you unable to focus on the important stuff too. On the other hand, too much of white space can make your page look incomplete.It is always crucial to remember visually engaging content is usually clean and simple. Here’s an example of what I mean:

一个页面塞满了文本和图像看起来会很拥挤,看起来会很累,这使得内容难以阅读,无法集中精力于重要的东西。在另一方面,太多的留白会让你的页面看起来不完整。始终要牢记的是充满视觉吸引力的内容通常是井井有条的。下面是我的例子:

排版技巧

了解常见的图表的布局,以帮助缓解视觉安排

An infographic layout refers to the arrangement of your visual elements and your content. When you begin working on a piece of infographic, you should have a story to tell. Hence, you will need to select a layout that best suits your story. Using the right layout will ensure good readability and convey your message well.We have put together a cheat sheet of layouts for your reference. Here are six most common ones that you can quickly work with. Some of them were inspired by NeoMam Studios – thank you for the inspiration!

图表排版是指你的视觉元素和内容的安排。当你开始处理一张图表的时候,你应该像要讲一个故事。因此,你需要选择最适合你的故事的排版。使用合适的排版将确保良好的可读性和传递信息作用。我们已经把简单的排版技巧列出来供您参考。这里有六个最常见的,你可以快捷地把这些带入到你的工作中。他们中的一些灵感来源于NeoMam工作室——在此表示感谢!

排版技巧

这段就不翻了,图片中也不是对照翻译的,这段太难了……(面壁去其实是太麻烦了

  1. Useful Bait: Works well with most types of data. Rather than focusing on design, it works more for practicality, thus making it easy to read. For instance, a reference sheet where you can print it out and use it over and over again. If your content has many subtopics to a main subject, this layout enables you to segregate them into clean chunks that are easy to consume.
  2. Versus/Comparison: This layout is typically split vertically to give clear side-by-side comparison. Use this when you want to tell your readers the differences/similarities between the two items you are comparing. This layout works well if you have lots of “bullet point” information to be visualized.
  3. Heavy Data: Use this layout if you are working with a lot of statistics and charts. You can also connect the different points of your data by inserting a flowchart.
  4. Road Map: If you want to visualize your process or tell a story, this layout offers good connectivity for your story or process flow. Add compelling screenshots or thumbnails sparingly to accompany your data.
  5. Timeline: If you have a history/chronological events to explain, this is the layout to go for. Companies usually use this layout in their annual report or reporting their accomplishments and milestones. Use this layout to tell your story.
  6. Visualized Article: If you have complex data or lengthy story, the best way is to tell it is through compelling visuals. So, this is the layout to go for. The focus of this layout is the visuals, not the text. You can also build your content separately into chunks then include a strong title for each and share them on social media.

There are many types of layouts that you can use for your infographic. What we have given you above are just the basic few.For instance, the layout could be as simple as a one-column layout when you have very little information, or two columns for a slightly more complex content.All in all, remember that ample whitespace and compelling visuals are important for the reasons mentioned above. If you are not much of a risk-taker, try sticking to Piktochart’s preset layouts and just rearrange the blocks.

有很多的技巧可以用于处理图表数据信息较多的内容排版,上面简单的列出了一些常用的,最基本的。例如,当内容很少的时候排成一列,或者很多内同的时候排成两列。总之,善于运用充分的留白和吸引人的画面很重要。如果你不爱冒进,试试坚持上面提到的那些版式,当然你需要重新排列元素。

(译文开启了我的自嗨模式,翻译比较蹩脚,观者见谅。这些内容已经有很多人整理了,我也只是拾人牙慧。)

原文来自于Piktochart,更多排版基础参见另一篇基础版式

发表评论

电子邮件地址不会被公开。 必填项已用*标注