Prezi 7 大图形设计技巧，让视觉思维落地生根

图形化设计作为视觉思维落地的重要手段之一，设计的可视化的图形便是将视觉思考应用起来的结果。那么如何做好视觉思维的实践与衍生，让一些直观的图表、图片和标志帮助我们理解复杂的信息呢？接下为你总结了Prezi 图形化设计的7 大技巧，这将帮助你开阔图形设计思路、轻松沟通、高效传递。 1．使用插图类似简笔画的插图生动形象，以简单文字辅助，传达的含义一眼扫过去就可以获取重要的信息点。

2．用图形表达数值数据本是枯燥乏味的，可是用图形化的设计来表达数据的大小、对比与差异一定更加形象生动。下图80% 和50% 两个数据分别展示了两个主题所占的金钱比重。美元图标的数量直接关系着所占比重，替代了原有文字说明，再加以右侧数字的说明，非常清晰。

3．契合常识表达的设计图形设计符合常识设计，就是充分尊重人们生活经验的理解。它会让图形表达更加丰富生动，也更易于观众吸收。下图是近代男子标枪成绩的演变图形化设计，图形版面合理地利用视线移动规律，符合常识的横向设计有利于信息的有效传达。将标枪人物剪影摆放在X 轴与Y 轴的交点处（即出发点），蓝色定义的是1932 年瑞典取得的标枪成绩，红色定义的是1996 年的标枪成绩。我们很容易得出这样的结论：标枪运动项目在近代实现了不断突破与发展，这样的表达非常写意、生动。

4．用面积代替数据通过面积的大小体现数值的不同。使用面积代替数据，实质上就是使用了色块堆积的多少来代替占比。面积和数据一样都是可以量化的，但使用了块状设计表达数值差异真是一个非常不错的选择。下方通过4 种鲜艳的色彩来划分100 个色块，占比十分清晰，基本能读到这样的信息：蓝色占比最多，红色占比最少。

下方右图通过浅蓝色的色块和右侧45% 的数据共同描述展示了数据的所占比重。

5．全局图形化设计全局图形化设计意味着整个版面传达的信息都是由图形化元素的组合实现。用实物的图形化设计来展示数据，画面感非常强，相当形象。

和所有的图形化设计一样，你必须熟练掌握图形图像处理技能，如何形象地将所有的实物进行图形化设计才是真正的难点所在。下图的版面设计基本没有多余的文字信息，轿车、卡车、油桶等都设计成了图形化元素，分别展示了60%、30%、10% 的占比。

6．文字图形化设计现代设计中从电脑里调用的千篇一律的标准字体已经不能满足较高的审美需求, 所以这就要求设计师能根据不同需求对字体进行独特的个性化设计。（1）与正常的文本内容相比, 对文字进行一些间距、倾斜、字距、拉伸等调整可能会帮助你建立良好的视觉画面与视觉焦点。

字母“Smile”的设计妙处在于“i”、“l”两个字母，充分结合了笑脸的简笔画设计，将字母“l”向左弯曲，字母“i”也设计成了笑脸中的眼睛，非常形象生动，营造了非常活泼的氛围，也能更好地传递产品特性和功能。 “i”、“l”两个字母也不是孤立存在的, 它们也属于文本内容, 我们在设计的时候需考虑其与周围文本元素的协调状态，进而强化整个文本的整体氛围。

（2）字形组合设计。字形组合设计其实是在统一形态的文字元素中加入另类不同的具象图形。抽象的文字与具象的图形结合, 能够使受众更快地理解传达的信息内容，并留下深刻的印象。设计的时候需要你有很好的联想能力，多思考文字与相关图形的联系与区别，找到两者间的特征属性以及关联性，巧妙地完成图形和字体的匹配设计。说到时间，你会联想到钟表；说到爱情，你会联想到爱心；说到芬芳，你会联想到花儿，等等，那接下来遇到这类似的字眼，你要做的事情可就多了。下图是某理财产品App 的手机端元素截图，虽然较为立体的“人民币”、“保险箱”和“算盘”的图形元素不够扁平化，但这却是图形与文字结合的生动案例。

注意，任何文档的设计目的都是为了让用户快速有效地接收信息, 同时不要为了浮夸的设计技巧而舍本逐末，最重要的是要先保证其识别性。

7．多使用线性图我们一般通过线性图表现某种变化，强调总体趋势，或者只是流程性地介绍说明。线性图一般定义线段的终点为延展方向，带有一种深邃的未来感。然后使用Prezi 的镜头移动，你可以了解更多细节，十分动感且富有张力。线性图中最为经典的就是时间表述类示意图（时间线示意图）。以时间轴为中心加入文字数据，将主题融入图形设计中，对重要事件进行解读，画面精美，也有利于加深理解力度，如下图所示。

上图线性流程图上的7 个Option，在Prezi 中可逐个缩放查看详情。但如果线性图表达的是时间轴的演变或许更贴切，它能带领你浏览时间轴上发生的大事记，并作逐个说明，如下图所示。

Prezi 7 大图形设计技巧，让视觉思维落地生根相关推荐

matlab绘制蜂窝,PPT技巧：如何快速设计蜂窝表达的图形设计？
这个设计还蛮好看的,怎么做出来的呢?牛闪闪给教教吧!这类蜂窝状表达也是目前流行的表达方式之一,牛闪闪把方法交给大家. 场景:企业市场.财务.人事部等需要PPT演示汇报的办公人士. 问题:如何快速设计蜂 ...
平面设计技法技巧之图形设计
一般来说,一张优秀海报,是具有极强简单的视觉效果,却能传达出主题.它的内容是能用图形传达的就少用文字,毕竟文字更能让人接受记住和印象深刻.图形传递信息的速度要比文字快得多,也更能抓住用户视线. 图形以 ...
原始样式增加标题_好看又实用! 10个标题字体设计技巧
很多新手设计师刚做海报设计的时候,经常直接使用字库的字体,觉得字体设计很难,所以很少自己去设计字体,其实字体设计有很多种形式,今天我们分享10种常见适用于标题的字体设计技巧,好看又实用,足够让你设计出 ...
WPF界面设计技巧（3）—实现不规则动画按钮
WPF界面设计技巧(3)-实现不规则动画按钮原文:WPF界面设计技巧(3)-实现不规则动画按钮发布了定义WPF按钮的教程后,有朋友问能否实现不规则形状的按钮,今天我们就来讲一下不规则按钮的制作. ...
大屏设计的视觉统一_视觉设计中的统一
大屏设计的视觉统一视觉设计的统一性是什么? (What is unity in visual design?) The concept of unity in visual design means ...
良好的用户界面设计技巧
良好的用户界面设计技巧<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /& ...
UI设计中的排版设计技巧
不知道大家有没有遇到过这样的情况,在排版的时候咔咔一顿操作,图形字母四处飞,试了一遍又一遍,但最后却发现效果并不咋地!反正我是经常遇到这种情况,其实原因就在于我并没有理清思路,如果我能把排版的思路想清 ...
《响应式Web图形设计》一1.4　布置页面内容
本节书摘来异步社区<响应式Web图形设计>一书中的第1章,第1.4节,作者: [美]Christopher Schmitt 译者: 曾斌责编: 赵轩,更多章节内容可以访问云栖社区&quo ...
超全面！信息图形设计知识全方位科普
一. 什么是信息图形信息图形设计就是针对内容复杂.难以描述的信息进行充分的理解.提炼.整理.分类,并通过设计将其视觉化,通过图形简单清晰地向用户以更为直观的形式展示,这种图就叫做信息图形. 信息图 ...
大学计算机平面设计教学实施报告,设计课程论文,关于高校平面设计课程CoreIDRAW图形设计的教学改革相关参考文献资料-免费论文范文...
导读:本论文是一篇免费优秀的关于设计课程论文范文资料. 摘要:平面设计课程CorelDRAW图形设计是设计类专业和计算机应用技术平面方向的必修课程之一,主要从该课程的教学现状提出一些改进的方法及措施 ...

Prezi 7 大图形设计技巧，让视觉思维落地生根

Prezi 7 大图形设计技巧，让视觉思维落地生根相关推荐

最新文章

热门文章