首页 > 设计理论, 酷站> 网站信息图形设计的技巧、资源和灵感

网站信息图形设计的技巧、资源和灵感

2011年3月25日 秋野 发表评论 阅读评论

 

网站信息图形设计的技巧

网站信息图形是什么?网站信息图形是数据和信息的视觉表现,通过图形设计快速而有效地表达一些复杂的信息和数据。从杂志到城市地铁图,信息资讯图形的出现无所不在。然而,网站信息图形的设计并不简单,既要聚集大量的信息,又要保持外形美观。在这篇文章中,我给大家找到了一些优秀的网站信息图形设计资源,希望对大家灵感的激发和设计的技巧能有所帮助。

 简洁

创建网站信息图形之前,你必须明白你想要表达的是什么,你的目的是什么,然后想办法用尽可能简洁的方式来表现。当然,你可以借助其他一些资料来充实你的图形效果,表现效果更生动。

网站信息图形设计的技巧

这个页面的图形设计充分说明了石油泄漏的强大危害。整体内容经典,图形中肯生动。

 

创造力

独特性和设计二者是无时无刻都无法分割的。试想,网站信息图形就像一张好报,用任意你可以想到的元素去塑造你想要表达的含义。充分发掘你的创造力,大胆的设计必定让你的信息图形脱颖而出。

网站信息图形设计的技巧

 
这个海报式图标是为了庆祝UNIC 成立8周年特别设计的。绝对独一无二的设计和创意,比白纸黑字的表达更有说服力。所以,创造力很重要,它总能让设计赏心悦目、引人入胜。

可视化

你的信息是否还是赤裸裸的纯文本形式呢?普通数据枯燥无味,有时甚至难以理解。但是,几何图形、图标的使用却能让你的信息可视化、形象化。所以,网站信息化图形的使用是很有必要的。当然,你的图形要突出信息的中心点,而不是哗众取宠。

网站信息图形设计的技巧
这是一个典型的网站信息图形可视化的例子。每条信息都伴随着大量的彩色插图,用一些似乎无聊的图形配表达关键信息,让文字信息更有趣味性,同时更容易被读者接受。

 

组织

有条不紊的信息组织是任何网站信息图标成功的基础。客户提供各种信息来源是为了确保数据信息的准确性和客观性,如果信息不准确,再优雅的设计也无济于事。有时候谷歌都不是万能的 ,你需要去图书馆或者专家那里找寻信息。只要资源充足,信息准确,要创建优秀的网站信息图标也不是难上青天的事。所以,信息的收集和组织是图标创作的关键所在。

网站信息图形设计的技巧

这是一个有关地震的网页。在信息图标创建上,设计者没有把重心放在外观的美化上,而是注重地震信息的收集和事故发生的统计上,界面也做到了干净整洁。

透明度

网站信息图标的表现内容可以是带主观性的,基于你的观点引导读者往你的观点出思考,从而探索出更多的信息。这不需要有所隐藏,无论你的信息来源是多么隐蔽,因为你已成功的完成了图形的创作。

网站信息图形设计的技巧

这个非洲电力和能源供应的图形图标。如果大家想深究这个话题的确是非常复杂的事情,但是通过这个图标,虽然没有包含直接的链接,我们还是可以从图标的底部察觉到一些信息。

 

精确度

信息图标务必做到精准精确,这可能是大多数人可能忽视的问题。不同形状不同大小的区域都可以给读者直观的信息表达。所以我们有必要使用到一些数学公式,做到数字和图形比例的一致。

网站信息图形设计的技巧

这体现了完美的视图比例。半圆比例的设计显然是经过了深思熟虑。

 

相关性

使用和主题风格相关的图标也是十分必要的。如果你需要表达的是重要的敏感的话题,那么就要试图让图形更抢眼更明亮。恰如其分的图标设计才能达到创意的最初目标。

网站信息图形设计的技巧

这里我们需要展示出不同国家之间的区别,利用对比强烈的色彩和插图来反映这个专题无疑是最好的表达。

 

简洁性

不要夸大我们的视觉,以及在网站信息图形中信息的数量。做到内容的丰富和设计的简洁才是最好的,过多的设计只会分散读者的注意力,而且不易被理解。了解你的目标群众也将帮助你调整视觉设计。如果你的图标是贴在路灯上的海报,那么越简单的可以更容易引起路人的注意。生活总是忙忙碌碌,没有人会愿意花时间在复杂的图形和数据上。相反,如果你是为杂志创建信息图形,那么你可以有更深入的表达,因为有时间读杂志的人时间都比较充分。

网站信息图形设计的技巧

这是一个很简洁的例子。普通的蓝色背景,稳健的色彩搭配和简单的图形表达,呈现的信息非常具有可读性和示范性。

 

博客和相关网站

就像网站设计中的用途一样,一些外联的博客也会用到信息图片和可视化数据分析。即使你对信息图片不是那么太感兴趣,你也会发现它们远比那些单纯的数字更有效。下面这10个博客网站所用到的信息图片和数据分析,我觉得很成功,完全体现了信息的艺术。

1. Flowing Data
数据化分析,这些一般都是设计人员、统计人员以及计算机科学家才能明白的数据,通过可视化图片分析,让大多数非专业人员也能明白,如健身房里的花费、消耗的时间和个人身体消耗的机能。

2. Information Aesthetics
这是一个博客网站,它探讨了创造性设计和可视化信息领域的共生关系。更特别的是,它收集了一些有趣的原生态的信息和数据。

3. The Infographics Showcase
这里收集了许多令人赞不绝口的信息图片设计,如果你对这方面着迷,那么来到这里,你就找对地方了。

4. Information Is Beautiful
David McCandless是伦敦杰出的作家、设计师。他热衷于描写一些新奇有趣的事物。Information Is Beautiful是他的博客,这里有他收集的所有数据、资讯图片以及他表达的相关看法。

5. Cool Infographics
这是一个数据博客,例举了各大报刊杂志和互联网上的资讯图像和可视化数据信息。

6. Strange Maps
Frank Jacobs热衷地图,但是他发现大多数的地图册所展示的都毫无新意,所以他收集了各种各样有趣的地图并发表了自己的看法,包括真实的、虚构的。Strange Maps就是他06年写的博客。

7. Chart Porn
Chart Porn是由华盛顿经济学家、艺术家Dustin Smith编制的。这个网站的强大之处就是把国际上几乎所有的数据进行统一分析。

高级资源

寻找更高质量的数据信息来源通常是很费时的,同时还有一种挫败感。我们都希望得到一些已经整理好的,尽可能准确的数据信息,而且要免费的。不幸的是,我只找到了三个。如果你知道的更多,可以在评论里面和大家一起分享。

1. Data Market
Data Market是2010年5月份推出,可提供访问统计和部门组织的结构化数据的网站,这使得用户可以对诸如联合国、世界银行、欧盟统计局等任一地方组织的统计数据进行对比和下载。而且,用户可以按照时间统计格式以任一文档的形式下载你所需要的信息,如excel格式。

2. Data Marketplace

这是一个用户轻松在线搜索、购买和出售数据的平台。所有数据都需要经过综合计算、筛选和分析,以确保提供有用的信息。这里分工细致,信息的收集、过滤、分析都有专人操作。

3. Infochimps

Infochimps是数据搜索、出售和分享的平台。这个网站分成两个部分:数据收集和立即下载。部分是免费的,部分是需要付费的。

灵感

1. The Dangers of Driving
2. How Would You Like Your Graphic Design?
3. United States of Unhappy Campers
4. Digital Nostalgia
5. Happy Birthday Formula
6. The Potato Lifecycle
7. Visualizing Daily Activities With Media Wheel
8. Treni ad alta velocità
9. How Developmental Aid Flows Around The Globe
10. My Head Hurts
11. The Ride of Your Life
12. iPod plus iTunes Timeline
13. How Coffee Affects the Global Economy
14. Bus Ride 37 Mintutes
15. Periodic Table of Typefaces

 

注:此文链接在QQ群论坛发布。

作者:网站建设-秋野
原载: 幻想互动网站建设博客(www.hx-h.com
仅代表作者个人观点。版权归幻想互动所有,谢绝任何形式的转载

 

  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.

无觅相关文章插件,快速提升流量