通过完美的UI / UX设计进行演示

引言




我们每个人都不时进行演讲。 创建几张具有出色UI和漂亮内容的幻灯片有什么困难,对吗? 好吧……不是真的。 在现实生活中,事情可能会变得困难。


您想覆盖整个主题,并提供幻灯片上适合的信息。 然后,您去Google查找一些很棒的图片,最后,用一些精美的动画将其全部覆盖。 这就是事情开始崩溃的地方:如何平衡所有这些东西?


在这里,我们将向您展示如何帮助您创建具有完美用户体验和用户界面的演示文稿。 让我们了解如何在演示文稿中创建完美的UI和UX设计。


原始文章- 使用完美的UI / UX设计进行演示


演示中完美UI / UX的主要原理


1.你的个性


本文不是关于公开演讲,也不是如何听起来不错。 相反,我们将专注于演示的视觉和UX设计。


但是要记住的主要事情是您的演示文稿是您。 将您的个性视为整个演示文稿的一部分。 您的声音,面部表情,手势和衣服都很重要。 您是否想成为关注的焦点,还是您的幻灯片应该吸引观众? 您是应该穿着鲜艳的衣服和鲜艳的唇膏吸引人们的注意力,还是只希望听众将注意力集中在幻灯片上?



2.正确的地点,时间和人员


在进行演示时,您应该考虑营销方面的一些要点。 使用市场细分,分析目标受众并尝试创建用户角色。 您不必对此进行深入研究,但至少可以尝试了解听众的需求和行为。 这将帮助您设置常规样式,选择图片和模板,配色方案等。 例如,为iOS开发者会议,商业计划书或图形设计师见面设计幻灯片有很大的不同。 当您提出启动构想时 ,演示文稿中的UX设计也将看起来有所不同。 同样适用于在会议上进行演讲。



3.亲吻,少即是多


如果您将幻灯片保持简单而不是过于复杂,则其效果最佳。 强调幻灯片的每个部分,您将完全失去用户的注意力。


如何破坏您的演示文稿并使幻灯片难以理解? 请执行以下操作:


  • 过度使用动画


  • 添加大量图片


  • 不要忘记难以阅读的大段落



您的用户看到的是争夺优先级的不同注意力捕获器。 尽量减少它们,以吸引更多用户的注意。 那么秘密是什么? 保持简单愚蠢:使演示文稿设计简洁明了。


因此,让我们看看它是如何工作的:


| | |
| | 不要


4.使用空白空间,并引起用户注意


空格不是幻灯片的白色部分。 空格是幻灯片中没有文本,图像,图表等的任何部分。 或只是在这些物体周围留出空间。 使用它,您的演示文稿将变得不那么拥挤,更易于阅读。 同样,空格有助于将内容分成逻辑块。


请勿将演讲中的所有文字放在幻灯片上。 大多数人只是不读。 集中注意要点:3-4个句子就可以了。 如果非常重要,可以只输入一句话,少量单词或仅一张图片。 您也可以这样做以最大程度地吸引听众。



版式


选择正确的字体可能是创建演示文稿的第一步。


字型


首先,仅选择易于阅读的字体。 当然,您可以使用一些实验性的幻灯片,也可以花费大量时间寻找最适合幻灯片的幻灯片。 但是,如果您想安全玩耍或没有时间/不想这样做,以下是经过验证的,具有最佳可读性的字体:


  • 海尔维蒂察
  • 罂粟花
  • 打开无
  • Verdana
  • 机械手
  • 拉托
  • 二浦

为演示文稿创建字体系统,但不要过度使用它。 一两个字体就足够了。


字号


字体大小要准确。 避免错误的最佳方法是避免字体细小,字体细小-最少使用14-16。


创建一个用于标题,字幕和文本块的系统,并尝试将其保留在每张幻灯片上。 这是Poppins字体的安全配方:


  • 标题-24


  • 字幕-18


  • 正文-14-16



这些技巧将帮助您避免被疯狂的组合淹没,而将注意力集中在内容上。


最后的字体提示


永远不要使用Comic Sans,也不要以图形方式修改文本。 您可以使用斜角,阴影,浮雕和轮廓线,但不能。


这些字体样式已经过时,并且它们的星级时间已于1998年左右过去。


图片


使用高分辨率的高质量图像。 不要窃取它们,也不要在演示文稿中使用带有水印的照片。 我敢打赌,您的听众只会注意到水印或带有像素细节的照片,只会发笑而不是听。


有几个带有免费图片库的网站。 我用了几个



另外,请尝试避免将图像用作文本的背景。 有时它可以很好地工作,但是在大多数情况下,它只会降低可读性。 如果要使用图像作为背景,则准备花一些时间进行照片编辑并使用遮罩,阴影和渐变。


色彩


为您的演示文稿挑选颜色不是火箭科学。 要点是选择具有足够对比度的颜色。 可以肯定地使用互补对,例如红青色,绿色-洋红色和蓝黄色。


将两种或三种颜色集中在对比度元素上,将主要文本内容保持在黑色(或深灰色)(用于亮模式),将白色保留为白色(用于黑暗模式)。 请记住,段落文本应始终为一种颜色。 请注意,通常投影机会使颜色变浅,因此在这种情况下,白色背景上的浅灰色文本根本无法使用。


幻灯片组成


不要使幻灯片过载,并尝试定义主要的重音对象。 将其安排在黄金分割率上总是效果很好。 将空间水平分为三个相等的部分,垂直分为三个。 另外,不要忘记对称性和边界的空白。 重新排列主要内容块以符合这种贪婪,因此您可以保持观众的注意力。 类似的幻灯片让他们感到无聊和疲倦的眼睛。



结论


将您的演示文稿视为视觉对象。 对您的听众,字体系统,配色方案,元素的网格组成和空白进行一些营销研究将使您产生魔力。 但请始终记住,您和您的个性使您的演示文稿发挥作用。 哭!

Source: https://habr.com/ru/post/zh-CN471624/


All Articles