图表参数化设计

1、图表参数化设计作者：Blair MaBased on Theoretical Research of Visual Experience on Web Interface Design目录：图表参数化设计信息图表设计（Infographic Design)，是信息设计（Information Design）学科的一个分支，它兴起于20世纪末信息技术介入到多样化的平面设计的过程中，是一种新型的视觉设计。Infographic是一个可读可视化的复合体系，由图像、文字和数字结合而成使信息更高效地得以交流。它帮助人们更好地通过特定文本内容的视觉元素系统，显著、鲜明、简单、直接、连贯和全面地转化字里行间

2、的可视化元素，并建立关联,使信息得到再一次呈现。首先，根据道格纽瑟姆2004年定义，从表现形式的角度，“信息图表”作为视觉工具应包括：图表(charts)，图解(diagrams)，图形(graphs)，表格(tables)，地图(maps)，名单（list）六类。其次，信息图表的分类方法有很多，从图形、文字、数据系统组织模式的角度，信息图表设计可以分为很多种类。列表式的图表说明马里奥遇到不同对象后发生的相应变化，实际上是简单的线性汽车乐土巧妙地利用大富翁棋盘解释了汽车的发展史.这个案例还说明时间轴并不一定是直线，有可能只是一条符合人们习惯或视线流的路径。2 空间关系性图表：将空间位置的距离、

3、高度、面积、区域按照一定比例高度抽象化的空间组织模式图。常见的有地图，导视图以及器物结构图等。物化图，德国golden section邮轮结构。将真实物体分层剖析，以抽象形式来解释空间关系。3. 推导性图表：描述整体事件的因果关系及逻辑变化情况图，常见流程图。用权威严谨的流程图表明饮水处理系统的安全可靠性4 系统组织性图表：组织图是描述信息参数间整体与部分或上级与下级的从属关系图。 图表广告设计，为对比出女性穿衣打扮搭配繁琐而设计的图表，简单而有效的表示类属关系的方法5 关联性图表：描述在某一种特定关系下信息参数之间的联系图。杀死比尔人物剧情介绍叙事性图表。这类图表通常比较重视单一事件的平面描

4、述而非时间进程，事件发生的过程往往被拆解成若干部分投影于同一个静止的画面分别介绍，着重细节的描绘。通常的Infographic设计流程如下：1 确立类型：空间类、时间类、定量类或三者综合。2 构成形式：合理运用图量、图状或时间轴等视觉元素表达一个连贯的信息整体。3 选择手法：使用与主体相吻合的表现方式，平面静态、视频动态、网络交互。参数可以被理解为在一定范围内变化的数，任何现象中的某一种变量数，目前国内对于图表中的参数设计没有一个确定的解释。参照RevitBuilding的思想，将它暂时解释为采用经过设定的单位、视图和注释符号，使每一个构件都通过一个变更传播引擎互相联系。参数的设定要根据图表内

5、容和目的来决定，常用的参数有时间、距离，观察对象的物理特征（体积、温度等）和抽象的因素（影响、规模)包括心理因素等等。参数的安排要分主次，一般来说，主参数是符合人们认知和阅读习惯的元素（比如时间，距离），它们具有较强的连续性和稳定性，贯穿图表始终；副参数提供一种观察角度或展现某种规律，它们可以穿插于图表，但要注意不能过于琐碎。有的参数本身就是信息核心内容，可以达到提纲挈领之效；有的参数是为了帮助理解晦涩无序的信息或者枯燥的数据调味，起到顺藤摸瓜的作用。日本设计师佐藤雅彦在F通过一书中的参数设计示意有人认为信息图表的参数化设计是一套以逻辑关系与几何关系为基础对信息参数进行分析、解构、重组,形成适

6、合于信息参数合理构建与自我增殖的信息组织模式，那么其中的一个关键就是数据组织模式。数据组织模式是一种描述信息之间数学关系的参数化方法。按照数据组织模式形成的信息图表通常用于企业年度报表、产业发展报告、政府财政信息总结等涉及描述大容量数据关系的统计学报告，也是其他形式图表变化的基础。 数据组织模式一般呈现两种数学关系,可以通过正负、数值这些可以量化的视觉元素体现:1 差额关系图（1）点状图 ：强调“在某处有某物”，对其数量的大小以及相互间关系并不追究，只是简单的“是否”关系。 E.g.:美国各州同性婚姻的法律状况表，不同数据基本独立，但又被同一主题所连结。（2）线形图：一般通过曲线或折线的变化表

7、现某种变化，强调总体趋势。取名网站通过某一名字在不同时间的重名率趋势,体现了不同时期人们的喜好变化，给人们提供参考。3）栅栏图：通过栅栏的长短变化体现量与量之间的对比关系，在体现变化的同时兼顾相对完整性和秩序性。该信息图表反映了美国对于战后伊拉克、阿富汗的重建投入情况。可以通过栅栏的长短和数量多少来获得信息。（4）面积图：通过面积的大小体现数值的变化。花费最高的城市瑞士银行的一项调查依据物价、收入、相对购买力等因素，从房租、餐费等多个方面进行考察，得出全球最贵或者最便宜的一些城市。将这些因素以粘土形态视觉化，通过简单的面积/体积大小对比形象地体现出数值关系。（5）极坐标图：与二维坐标类似，关键

8、的两个参数是点到坐标原点的半径长度和偏移角度。描述自行车的生产、进出口关系，利用地球的经纬线构成极坐标轴，意义准确而深刻。2 比率关系图：根据图形之间的比例关系表示数值的相对大小。饼状图是最常见的比率图,也有将饼状图加以不同厚度成为柱状图分割从而进行更加丰富的表现，而且横截面不局限于圆形。参数除了借助数字和图形的视觉化表现，还可以从色彩中找到途径。通过对色彩中色相，明度，冷暖因素的设定，可以进行种类、正负关系以及程度的划分。这种方法多用于不适宜量化以及带有感情色彩或心理因素的图表中。犯罪大全用条纹的色相变化来区别罪名，巧妙地与囚服相结合。NBA200-10赛季主客场比赛日程表用色彩明度变化区分

9、比赛场次，同时不同色相代表主客场。某位女士三个月的手工织物过程图，这张看似简单的图表以手工物品数量，单个物品的制作时间、总耗时、制作顺序和商品销售流向作为参数，以栅栏条、色彩、线条和地图的应用将它们视觉化并通过巧妙布局达到时间与空间的相互融合。问题：信息图表在国外的应用很普及，在中国读者中的接受度仍不高，更难以收到经济效益。究其原因，有的人认为国人的素质不够，有的认为现在图表设计的水平没有跟上。换一个角度考虑，是否由于图表本身不适于东方人的阅读习惯呢？普遍认为，一个潜在雇主平均只需要6秒就要对一个求职者做出初步决定，所以你的简历就是第一件可以抓住他们眼球的东西，它要么帮你通过这个小测试，要么毁

10、了一切。就是这么小小一张纸，里面简单揭示你的技能、特长、经验乃至兴趣爱好和个人特点，但它的作用却至关重要。履历表也在经历着一些变化，它现在已经不再是上面黑白列印着你的可能性的简单白纸一张，而是扮演着令招聘者不会放下你的简历并审阅之的陷阱角色。现在已经有很多种令你的简历看起来引人注目的解决方案。你可以使用不同的风格，采取特定的主题，充分利用插图，轻松开始你的自我推销之路。1、Studio Creosoul的信息图简历这个简历完全依赖于信息图，每个重要的方面，如教育、经验、技能、理论乃至兴趣爱好，都使用颜色柔和的表格和图表呈现，这使得整个设计给人以一种强烈的务实风格。2、Gary Corr的信息图

11、履历表设计者的专业能力将排版和信息图进行了强有力的结合。履历表的第一页展示了艺术家的创造性和原创力，第二部分则清楚地表明了技能和经验。3、Francesco Rivieccio 解剖一个平面设计师这个基于纸面的巧妙介绍有着它自己的标题，甚至还有一个吸引人的口号“创新思考”。设计师为了让设计符合这句陈述而做了很多事情。他通过完全插图化的简历来介绍自己，并揭示了由原创图表和绘画带来的各种专业能力。4、Silviu Ardelean的简历设计者的职业活动简介是基于标准的水平条状带布局，这使得简历看起来组织得很好。尽管它只包含3个主要部分(关于、经验和专业知识)，但这已经足够有效地潜在客户或雇主了解他

12、的可能性。5、Simone Primo 我的个人履历这个履历表看起来干净利落。设计者利用了柔和蓝色完美地支撑起的时尚平面视觉效果，为履历增添了很多务实的气息。所有的东西都密集地放在一起，矢量风格对整体美学有着极大贡献。6、Robbie Bautista的2013履历表这个奇妙的充满活力的的简历有一个诱人的卡通味道。设计者通过一个可爱的卡通角色来展现自己，旨在建立信任。花哨的颜色色板，明亮易懂的图标和流畅的表格再现了一个真正积极向上的气氛。7、Lim Zhiyang的信息图简历和前面的例子很像，这是另外一个绝赞的创意。通过设计者的绘画技巧，这些完全由插画构成的自我推销作品能够获得很多注意。图标和

13、图表被用于充分展现各种专业技巧的等级。8、Wahib El Younssi的履历表这个履历表是精心组织的。完全格式化的布局可以让使用者迅速找到设计者的头像。使用大量白色空间和锐利的字体所组成的整齐布局增强了可读性。9、 John Caseda这个设计者有着无与伦比的扁平风格履历，展现了其专业性、深思熟虑和略带部件化的外观。设计这选择了一个完美的颜色组合，并利用了各种图表和用于填充的可识别的图标。10、Anton Yermolov的履历表这个设计者明智地把他的简历分割成相等的列和块，让所有东西看起来井井有条。他主要使用图标和图表来展现自己。11、我的CV-Jacopo Pulcini简历这个CV

14、不像上面所列举到的那些，这个简历对干净且确切展现数据很有自信。传统的黑白色调和信息图所组成的基本部分使它看起来专业娴熟。12、Gonzalo Lebrero的关于我读，读，再读。为了熟悉这个人，需要把自己埋进文字里。当然这是一种排版风格，分割成两列以供更好的探索。13、Bendik Bratseth的自我营销这个简历是为了展示一个天才设计师的闪光点的自我营销活动的一部分。黑板式的背景有效地突出了前景元素。图标、时间线还有图表共同组成了这个作品。14、Robin Poitevin的信息图CV这个例子具有极强的几何氛围，用柔和的颜色来减少这种冲突感。设计者采用简约的解决方案，能够完整展现设计者的天赋。16、Arthur Ferreira的履历表这个CV使用对比色和减少多余资料来展现整洁的外观。这是一个传统的信息图风格的简历，设计者通过图表、图形、时间线和最少量的文字来介绍自己。17、Gabriel Ghnassia的简历这个简历和上一个的设计非常相似，它被分割成几个功能块，彼此跟随。每一块都通过简单而赏心悦目的图形来展现其专业活动的某一个方面。18、Romain Sillon的简历这个简历非常有技巧地将数据和插图融合在一起，在其中探索是非常有趣