由設計師 Andrew Marcus 創作嘅 Talbica 交互式元素週期表係備受推崇嘅 2023 A' Design Award 鐵獎得獎作品，獲獎類別為網頁設計。

鐵網頁· 2023

Talbica 交互式元素週期表

由 Andrew Marcus

客戶: Andrew Marcus

網頁類別嘅 A' Design Award 鐵獎得獎者

30,113

經驗證嘅獲獎者

驗證設計 #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