赶紧收藏，可视化设计海外精选，一网打尽

UI
23年4月10日
编辑

聂永真聂永真

【写在前面的话】不少设计师在问可视化的表现方式有哪些？怎么把业务融入可视化中？可视化怎样配合业务讲故事？等诸多问题。国内主要是数据效果呈现为主，国外更偏向于数据表达，畅想一下，如果采用国外的数据表达思维+上效果呈现是不是会飞起。

为大家精选了国外很多不错的网站，望帮助大伙在可视化数据表达上及可视化视效呈现上有长足进步。

第一步先收藏以备随时查阅，紧接着三连吧，在看、点赞、分享

1、https://variable.io

国外网站，他们是一家位于伦敦的设计工作室，主要研究体验数据，从概念到艺术表现，在到原型设计到制作落地，全流程的团队。他的作品在设计艺术形态上提供了非常多的高端视效，最重要的是能让我们获得很多数据体验思维，建议也分享给团队的产品和前端看看。

2、https://public.tableau.com/app/discover

数据可视化平台，让用户可以创建、分享和发现交互式数据可视化网站，上面很多分类可供大家研究学习，比如地图可视化、数据仪表盘、艺术与文化、运动与健身、简历、行业等等，都是通过可视化的形式去表达，某个事可以很好的通过可视化的形式表达，这也契合了可视化的价值，我个人认为网站上的案例对于我们理解业务，以及业务与可视化结合的方式和思维有极大的帮助。产品及业务也是一个很不错的学习分享网站。

3、https://informationisbeautiful.net

这是一个数据可视化和信息设计的博客，提供了大量的案例和资源，帮助用户了解和学习数据可视化的非常不错的网站。他的最大特点就是，每一幅可视化信息图表都提供了详细的思路与解答，有主语业务理解，

4、https://www.visualcapitalist.com

网站提供了大量的数据可视化图表和文章参看学习，分了很多主题，比如地图相关、矿业相关、市场、技术、能源和全球经济等主题。通过数据驱动的视觉效果突出核心，网站选择的信息非常简洁没有过度的杂乱信息。非常适合做可视化参考，帮助设计师拓宽设计思路。

5、https://www.highcharts.com/demo/dark-unica

国外网站，很多设计师关注的也不多，类似国内的百度Eecharts、阿里的AntV。这个里面的很多图表表现形式也是很不错的借鉴。里面都提供源代码开源，也不需要担心开发小哥实现不了。一举两得

6、https://100.datavizproject.com/

网站图表形式非常全，样式非常多样化，可供设计时做做参考。非常推荐。最重要的是前端可以可以用，避免了落地难问题。

7、https://www.rawgraphs.io/gallery

这个网站更偏向于信息可视化，提供了很多故事情节的可视化，用数据可视化的形式讲故事。非常不错。

8、https://flourish.studio/examples/

是一个在线的数据可视化工具，我们可以不用，主要看他的案例，不单给设计师提供了参考，也是开发很好的借鉴，不妨分享给研发看看。上面分享了很多交互式数据可视化作品，例如动态图表、地图、故事板等等，里面动画对于设计师及研发有很强的参考意义。

9、http://metrocosm.com/

该网站是一个由一位国外数据可视化专家创建的，网站上的数据可视化涵盖了各个方面，包括人口、经济、文化、历史和政治等方面。有些数据可视化是通过地图展示的，例如全球城市的人口密度、美国的人口流动模式和城市地铁系统的演化等。还有一些是通过图表、图形和动画展示的，例如全球人口的增长、美国城市的犯罪率和世界上最繁忙的机场等。