设计师 Andrew Marcus 的作品 Talbica 交互式元素周期表荣获了极具声望的 2023 A' Design Award 铁奖，竞赛类别为网站与网页设计。

铁网页· 2023

Talbica 交互式元素周期表

设计师： Andrew Marcus

客户: Andrew Marcus

网页类别A' Design Award 铁奖获奖者

29,766

已验证的获奖者

验证 #147631 的获奖状态

访问网站在A' Design Award上查看新闻稿获奖徽章

色彩

设计作品

关于 Talbica 交互式元素周期表

塔比卡是元素周期表的重新发明。每个元素都提供了 60 多个属性，具有丰富的信息图表和简洁的排版。用户可以看到动画原子模型、分子半径方案、晶体结构和温度范围。热图是一种数据可视化工具。用户可以通过彩色渐变图查看表格中属性的分布。提供 90 个元素的高分辨率照片。数以千计的化合物用 3D 分子表示。塔比卡还具有照片模式，背景上有美丽的太空动画。

荣誉认可

关于A' Design Award 铁奖

Talbica 交互式元素周期表是 A' Design Award 铁奖得主，这是授予满足人们对设计精良的创作所期待的专业与工业要求的优良设计的声望认可。铁奖得主展现出其创作者的高超技艺、高度专业化、专家级的理解力和创造能力。预计Talbica 交互式元素周期表将成为一件备受推崇、令人钦佩且被珍爱的创作，既实用又创新。这件赢得 A' Design Award 铁奖的设计整合了行业最佳实践，并拥有与专业知识和才华相结合的称职技术特性。Talbica 交互式元素周期表因其严谨而受到尊重，旨在提供有助于让世界变得更美好的生活品质改善。

设计幕后

媒体资料包

由设计师提供的致谢、团队成员及技术详情。

独特属性: Interactive chemistry website. Built around the Periodic table, which provides dozens of chemical properties for elements. Click on element opens its card with data, infographics, atomic model. Almost 90 hi-res photos purchased for elements, the biggest collection. Heat Maps visualize property data across the table with vivid gradient of colors. With Smart Field, users can search for compounds and solve reactions. Click through suggestions under the search field to explore 3D models and more.
尺寸与包装: I am the designer and the developer myself. The project is built with simple tools like jQuery. I developed my own parsers on node.js to grab elements data from open source chemistry websites. This is a cross-platform software. I enwrap this website into WebView component for iOS and Android apps with some optimizations.
标签: chemistry, interface, science, visualization, data, application, website, periodic table, molecular models
生产技术: HTML/CSS/JavaScript (jQuery). Adaptive design and layout. For iOS app I use WKWebView, for Android it's own WebView component.
设计挑战: The hardest part was to find and prepare the database of compounds and reactions. The first one I got from an open source PubChem. 3D models of compounds I got from there also. What about the reactions, there were no database at all! I was about to digitize the printed reference book manually, but luckily found a god-forgotten website with electronic database. Then I spent a month transferring and fixing all this data.
研究: I decided to try once again to reintroduce my project when I studied UX/UI Research and Design course in Michigan University. I made this project my graduation work. I started with UX Research and investigated rivals on market. Their weaknesses were in design and poor data structure. As a result, I graduated with A grade and the project in beta version. Then I showed it to my friend who is a chemist. He advised me to include a reactions reference into the project, and this has revolutionized the project. There's almost no services that provide this feature.
灵感: I invented it in school when my favorite subject was chemistry. Parents bought me my first computer and I started learning design and programming. I decided to combine computers and chemistry. Chemistry is a paradise for designers. Periodic table is a piece of data art. Element properties can be visualized across periods, molecules have 3D models, atoms are rotating, and hi-res photos of rare elements are amazing. This is version 3 of my project, released since 15 years after v2.
项目周期: The 1st version started when I was in school, in 2002. The 2nd version was released in 2004. These were Windows applications. This 3rd version had been a dream long until 2019, when I released it as a website. The current version is 3.5, has so many improvements and features and was released in December 2022.
操作流程: This is a tool for school and university students who study chemistry. It also suitable for some laboratory workers, as it has a built-in database of chemical reactions and can be used as a reference. It exists in the form of website and mobile applications. Click on an element opens its information card. To search for reactions and compounds users must type chemical formulas with keyboard.
团队成员: Andrew Marcus