设计元素周期表,这事我干过。ヽ(✿゚▽゚)ノ
在2019年的时候,为庆祝元素周期表发现150周年[1],我们团队[2]设计一个化学元素周期表网站[3],里面收录了各种有趣的化学元素周期表。
设计框架图中橙色部分为已经开发的界面,白色部分为尚未开发、正在筹备阶段的界面。根据科学-历史-人文的设计原则,我们设计了不同形式的元素周期表,如与科学相关的有元素性质周期表、同位素周期表、原子结构周期表、单质收藏周期表等,与历史相关的有元素周期表发展史、元素发现史等,与人文相关的有诗歌类周期表、成语词典周期表、顺口溜版周期表等,还有与艺术相关的系列卡通漫画周期表、周期表之歌,以及一些创意周期表等等,我们还将设计一些互动功能,鼓励使用者进行创新与分享。元素板块的分类与之类似。
我们希望通过“趣●元素周期表”网站酷炫的科技、多样的形式、丰富的内容、前沿的科技、学科的融合、多感官的刺激、互动与创新等等,吸引受众对元素周期表的注意,激发他们的兴趣,感受化学之魅力!下面来看看我们的设计吧~
在这个板块,我们是采用AR交互概念,你可以动动鼠标来拖动这个元素周期表,非常有交互性,很有趣!后期的想法是采用AR技术相关设备来升级这个板块,让其更有视觉冲击力!
下面是我截取的网站交互动图。(你可以手动去拖动这些元素,动手能力满满!)
元素性质板块,我们用的是扁平化设计,简洁直观,有一种浓浓的科技风~
由于其他的板块比较多,另外由于网站本身无法使用了,无法提取演示素材,我就主要放在这里来演示之前的设计。
这里面的图片要感谢我的好朋友 @a冥灵 提供。
其实把元素周期表和生活实物结合起来,非常有艺术风格。可以看下这块的设计。
在做趣·元素周期表项目的时候,我们也收藏了很多有趣的元素周期表,在这里提供给大家。如果图片侵权,烦请告知,感谢~
在这里推荐几个有趣的网站,可以找到很好玩的元素周期表设计灵感。
1,嗨元素漫画网站[4],由美丽科学出品,这里面是拟人的化学元素,非常可爱!
2,同位素网站[5],里面可以找到同位素,可以根据相关的数据设计。
在手机上我推荐一个,元素周期表,在应用商店里面可下,里面内容非常全面。方便你很快查询。
《鬼脸化学课·元素家族》,作者 @鲁超 里面写了所有化学元素的故事,在设计元素周期表时候,可以用里面的故事作为设计灵感!