分享

画饼充饥! Pie Chart 饼图设计专题 | 01Media Blog β1.5

 看见就非常 2012-08-04

最近大家在项目中遇到了图表设计,发现数据图表里面也有很多地方值得推敲,在此我分享一些关于饼图的心得。

GE 3D Loop Pie Chart

GE 3D Loop Pie Chart

正视实心饼图

最常用的饼图,配合数值标签 (Label) 和彩色的图例 (Legend) 能够清楚反映各数据间的比例关系。

正视实心饼图

站点流量分析软件Google Analytics的饼图,由于数据较多,所以只有占较大份额的项目标注了文字标签。

Google Analytics

站点流量分析软件Omniture SiteCatalyst的饼图,在2D图形上加上一些渐变,形成鲜明的视觉风格。

Omniture SiteCatalyst

Omniture SiteCatalyst

环形饼图

环形饼图中间的空白处可以容纳额外的信息,设计上可以做出很多变化。

Loop Pie Chart

Loop Pie Chart

灵活使用饼图配上插图,平面效果非常出色。

Pie Chart Print

Pie Chart Print

I Love Robots 网站导航,采用非常纤细的环形饼图形式,每个板块是一种色调,作品集分为许多彩色的小扇形组成,每个分别代表一个作品,整个网站的内容能够全部在这个环形上了。

I Love Robots

I Love Robots

环形的年历,将一周七天纵向(半径方向)排列,圆弧方向上每一列为一周,每个月使用不同的色相表示。这个虽然不是通常意义上的数据图,但是有相似之处。

Loop Calendar

Loop Calendar

其他一些受饼图启发的平面设计。

Pie Chart Design 01

Pie Chart Design 01

Pie Chart Design 02

Pie Chart Design 02

立体实心饼图

为追求新颖的视觉效果,3D饼图也被广泛使用。通常通过标注线将数据标签指引到饼上,标签尽可能对齐排列。目前Microsoft Office和Mac下的iWork软件都可以生成这类饼图。

Google 提供了一个免费的图表Chart API [http://code.google.com/intl/zh-CN/apis/chart/],通过一条带参数的URL就可以获得一个PNG格式的图表。当然除了饼图,他还可以生成其他各种数据图表,如条形图、柱状图等。下面的范例URL为[http://image53.360doc.com/DownloadImg/2012/08/0422/25959979_11]。

Google Chart API Sample

Google Chart API Sample

电子商务数据挖掘软件Omniture Discover生成的3D饼图,通过饼图和表格的色彩对应关系,使用户既可以直观地了解数据地大体比重,又能很方便地查询到详细的数值。

Omniture Discover 3D Pie Chart

Omniture Discover 3D Pie Chart

其他饼图

Pie Chart 巧克力? 不知道味道怎么样,不过那么有形的东西设计师都喜欢的吧。

Pie Chart Chocolate

Pie Chart Chocolate

Pie Chart Chocolate

Pie Chart Chocolate

Pie Chart Chocolate

Pie Chart Chocolate

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多