原子設計之父布拉德·弗羅斯特認為未來是黑暗的

多年來，建立使用者介面涉及重新發明輪子 - 無論是開發簡單的按鈕還是完整的表單。 2013 年，Brad Frost 向世界介紹了一個改變我們思考系統設計方式的概念：原子設計。儘管許多人認為這是一個「時尚」術語，但事實是，這種方法仍然與建立數位產品的當前和未來挑戰極為相關。

在本文中，我想討論Frost 在最近的演講中詳細介紹的想法如何仍然是開發可擴展且高效的設計系統的基礎，以及技術如何發展，包括人工智能(AI) 的興起），使得原子設計的概念比以往任何時候都更必要。

原子設計死了嗎？十年影響與演變的反思

「原子設計死了嗎？」好吧，這是午餐後喚醒人們的好方法。但我想做的是花一些時間回顧過去的十年。十年前，也就是今年，我創造了這個叫做「原子設計」的東西，它仍然存在。所以，我認為現在是反思的好時機。如果你願意的話，我們一起去旅行吧。 ”

透過這篇挑釁性的介紹，Brad Frost 邀請我們反思網頁設計的演變以及他在 2013 年向世界介紹的方法：原子設計。 Frost 最近分享的旅程涵蓋了從網路早期到複雜設計系統的開發，並提醒我們原子設計的基礎知識如何與當今的挑戰保持相關性。但在當今數位介面不斷變化的時代，原子設計是否仍然保持其相關性？

網路的演變：簡要回顧

Frost 帶我們回到了網路的起源，當時第一個網站於 1991 年推出，CSS 很快就在 1994 年問世。 「從前，網站，對吧？1991 年，第一個網站，1991 年，CS​​​​S 1994 年GeoCities 誕生了，有誰是那個時候的人嗎？」他回憶說，在早期，設計是一項簡單的任務，只涉及HTML，也許還有一個動畫GIF。 「你只是寫 HTML，對嗎？就是這樣。然後貼上一個動畫 GIF 或其他東西。」

隨著網路的發展，新的方法開始出現。 Photoshop 開始用於建立視覺佈局，然後將其剪下並轉換為網頁。這個過程導致了90 年代「殺手級」網站的創建，正如Frost 所描述的：「在90 年代中期，我們想到了可以在Photoshop 中製作小冊子的想法，剪切把它拿出來，然後丟到網路上。

交互介面和複雜性的興起

Ajax等技術的發展帶來了更具互動性的網路體驗，以及2008年iPhone和App Store推出後行動應用程式的出現，給設計帶來了新的挑戰。正如Frost 所解釋的那樣，「Web 2.0 出現了，這個東西叫做Ajax。突然之間，我們開始擁有更多的互動體驗...我們得到了像『網路應用程式』這樣的東西，無論它意味著什麼。 隨著裝置、作業系統和體驗的倍增，設計人員和開發人員開始面臨保持跨平台一致性和連貫性的挑戰。 「更多的 Photoshop 文件，他們也必須遵循品牌指南，但這從未發生過。」在這裡我們看到了風格指南和設計模式的出現，但它們仍然是碎片化且難以管理。

解決方案：原子設計

正是在這種背景下，Frost 引入了

原子設計

，這是一種創建模組化和可擴展介面的系統方法。 「原子」的概念作為使用者介面的基本構建塊，組合成分子、有機體、模板和頁面，為數位設計中日益混亂的情況提供了解決方案。 「我創建原子設計的目標是為日益複雜的設計系統提供一致性和效率，」Frost 說。

Beliau berpendapat bahawa Reka Bentuk Atom bukan sekadar metodologi untuk menyusun komponen UI, tetapi falsafah yang bertujuan untuk membantu pereka bentuk dan pembangun bekerjasama dengan lebih berkesan. "Metodologi ini bertujuan untuk mewujudkan hierarki yang jelas bagi komponen boleh guna semula, menggalakkan ketekalan dan penjimatan masa dalam pembangunan produk."

Reka Bentuk Atom pada Zaman Automasi dan AI

Perkaitan Reka Bentuk Atom tidak berkurangan dari semasa ke semasa. Malah, Frost menyerlahkan bahawa peningkatan Kecerdasan Buatan (AI) dan peningkatan automasi dalam reka bentuk menjadikan Reka Bentuk Atom lebih penting. Beliau memetik ramalan bahawa menjelang 2025, 90% kandungan dalam talian boleh dihasilkan oleh AI, meningkatkan keperluan untuk sistem reka bentuk yang teguh yang boleh memastikan kualiti dan konsistensi di tengah-tengah peningkatan eksponen dalam kandungan.

"90% daripada segala-galanya adalah sampah," kata Frost, merujuk kepada "Undang-undang Sturgeon." Dia memberi amaran bahawa kemudahan menjana kandungan dengan AI boleh membawa kepada percambahan antara muka yang direka bentuk dengan buruk, mengukuhkan kepentingan menggunakan Reka Bentuk Atom untuk memastikan antara muka direka dengan cara yang teliti dan tersusun.

Masa Depan Reka Bentuk: Kerjasama dan Piawaian Dikongsi

Brad Frost mengakhiri renungannya dengan menyeru lebih banyak kerjasama dan perkongsian piawaian antara pasukan reka bentuk dan pembangunan. Beliau percaya bahawa untuk menghadapi cabaran masa depan, kita perlu mencipta sistem yang menggalakkan kerjasama global, di mana corak dan komponen boleh digunakan semula dengan cekap merentas pasukan dan organisasi yang berbeza.

"Brad menggesa komuniti pembangun dan pereka bentuk untuk terus bekerjasama dan menggunakan kuasa web untuk menyatukan orang ramai dan menyelesaikan masalah dengan cara yang bermakna."

Reka Bentuk Atom oleh itu tidak mati. Sebaliknya, ia adalah alat penting untuk menangani cabaran reka bentuk digital semasa dan masa depan. Dalam era automasi dan AI, adalah lebih penting daripada sebelumnya untuk mempunyai pendekatan berstruktur dan kolaboratif untuk memastikan kami mencipta pengalaman digital yang berkualiti dan konsisten.

Apakah Reka Bentuk Atom?

Bagi mereka yang belum biasa, Reka Bentuk Atom ialah pendekatan modular untuk mencipta antara muka, berdasarkan lima peringkat utama:

1. Atom: Blok binaan paling asas antara muka (tag HTML seperti label, input, butang, dll.).
2. Molekul: Gabungan atom yang membentuk komponen mudah dan berfungsi.
3. Organisme: Gabungan molekul yang membentuk bahagian yang lebih kompleks, seperti pengepala atau bahagian halaman.
4. Templat: Struktur yang menyusun organisma, mentakrifkan reka letak dan cara komponen berkaitan antara satu sama lain.
5. Halaman: Peringkat akhir, di mana templat diisi dengan kandungan sebenar dan diperibadikan untuk pengguna akhir.

Metodologi ini bertujuan untuk mewujudkan hierarki yang jelas bagi komponen boleh guna semula, menggalakkan ketekalan dan penjimatan masa dalam pembangunan produk.

Mengapa Reka Bentuk Atom masih relevan?

Dalam ceramah terbaru Brad Frost, beliau menyebut bahawa idea di sebalik Reka Bentuk Atom bukan hanya untuk mencipta komponen boleh guna semula, tetapi untuk menghubungkan komponen tersebut dengan produk. Ini membantu memastikan reka bentuk produk akhir lebih konsisten dan fleksibel untuk konteks yang berbeza, seperti pengguna log masuk atau keluar, pentadbir atau pelawat, dan juga variasi serantau atau linguistik.

Brad juga mencerminkan keadaan semasa antara muka digital, menyerlahkan pemecahan komponen yang dicipta semula oleh pasukan yang berbeza di seluruh dunia. Beliau menyebut bagaimana fungsi asas yang sama, seperti akordion atau pilihan, dicipta semula dengan cara yang berbeza dalam pelbagai organisasi, menjana ketidakcekapan yang besar dan pembaziran bakat.

Pertindihan usaha ini merupakan salah satu titik ketidakcekapan terbesar yang ingin diselesaikan oleh sistem reka bentuk dengan menyatukan piawaian. Walau bagaimanapun, seperti yang dinyatakan oleh Frost, kami masih melihat banyak pasukan pembangunan mencipta penyelesaian mereka sendiri untuk masalah yang telah diselesaikan dan bukannya bekerjasama dalam piawaian global.

Reka Bentuk Atom: Model Mental Yang Masih Relevan

Menurut Frost, Reka Bentuk Atom muncul sebagai penyelesaian untuk menyusun komponen UI dalam cara hierarki dan saling berkaitan, memudahkan kerjasama antara pereka bentuk dan pembangun. Dia menerangkan metodologinya sebagai cara "memikirkan antara muka pengguna dalam cara hierarki dan saling berkaitan", menyerlahkan bahawa sebarang antara muka boleh dibongkar ke dalam komponennya yang lebih kecil, seperti label, butang dan medan input, yang dia membandingkannya dengan "atom" antara muka. "Ini berkesan seperti teg HTML mentah kami. Tidak begitu berguna sendiri," kata Frost.

Atom ini bergabung menjadi molekul dan organisma, seperti pengepala yang boleh merangkumi logo, navigasi dan bar carian. Komponen modular ini kemudiannya diletakkan di dalam templat, iaitu "rangka" halaman sebenar, membolehkan pasukan reka bentuk dan pembangunan mengesahkan prestasi komponen ini dalam konteks yang berbeza.

Kritikan terhadap Reka Bentuk Atom

Frost tidak lari daripada kritikan yang diterima oleh konsepnya sejak sedekad lalu

. Ramai yang berpendapat bahawa Reka Bentuk Atom boleh menjadi terlalu tegar, menghalang kreativiti dan inovasi dalam pasukan reka bentuk. Frost bertindak balas terhadap kebimbangan ini dengan menyatakan bahawa matlamat Reka Bentuk Atom bukan untuk menyekat kreativiti, sebaliknya untuk menyediakan asas kukuh yang membenarkan kebebasan inovasi dalam sistem yang jelas.

Legasi Reka Bentuk Atom

Pada penghujung ceramahnya, Frost meninggalkan kita dengan refleksi yang kuat tentang masa depan reka bentuk digital. Dia menggalakkan semua orang untuk terus meneroka cara kerja baharu, sambil mengingati kepentingan kerjasama, konsistensi dan penggunaan semula. "Jangan sekali-kali berhenti melakukan apa yang anda lakukan. Anda akan menemui cara pemikiran baharu tentang reka bentuk dan anda akan berasa lebih baik untuknya."

Ringkasnya, Reka Bentuk Atom ialah alat berkuasa yang terus memberikan penyelesaian yang berkesan kepada cabaran reka bentuk digital. Dengan menggalakkan kerjasama dan perkongsian piawaian, kami boleh membina pengalaman digital yang lebih padu dan berkualiti tinggi. Warisan Frost dan kerjanya dengan Atomic Design sudah pasti penting untuk pereka dan pembangun generasi akan datang.

Masa depan Reka Bentuk Atom dan keperluan untuk kerjasama

Apa yang diingatkan oleh Brad Frost ialah intipati Reka Bentuk Atom melangkaui komponen teknikal. Ia adalah metodologi kerjasama. Beliau mencadangkan bahawa untuk menyelesaikan cabaran reka bentuk dan teknologi, kita perlu mencipta sistem yang berfungsi bersama, bukan secara berasingan. Ini termasuk menyertai usaha daripada organisasi yang berbeza, menyumbang kepada standard bersama yang boleh digunakan secara global.

Pada akhir ceramahnya, Brad merayu kepada komuniti pembangun dan pereka bentuk untuk terus bekerjasama dan menggunakan kuasa web untuk menyatukan orang ramai dan menyelesaikan masalah dengan cara yang bermakna. Beliau percaya bahawa dengan memberi tumpuan kepada penyelesaian manusia dan menggunakan teknologi secara beretika, kami boleh mencipta pengalaman digital yang lebih baik untuk semua orang.

Kesimpulan

Walaupun sedekad selepas penciptaannya, Reka Bentuk Atom kekal sebagai pendekatan penting bagi mereka yang ingin mencipta sistem reka bentuk yang cekap dan berskala. Dalam dunia yang AI boleh menguasai pembangunan antara muka, kaedah Frost menawarkan cara untuk memelihara kualiti dan konsisten dalam reka bentuk antara muka.

Kini, lebih daripada sebelumnya, adalah penting untuk menerima pakai metodologi yang menggalakkan kerjasama dan penggunaan semula piawaian yang jelas. Reka Bentuk Atom bukan sahaja hidup – ia merupakan panduan penting untuk menangani cabaran reka bentuk pada masa hadapan.

Reka Bentuk Atom tidak mati. Sebaliknya, ia kekal sebagai alat penting untuk menangani peningkatan kerumitan dan permintaan untuk kualiti, kebolehcapaian dan kecekapan dalam reka bentuk digital. Brad Frost mengingatkan kita bahawa walaupun reka bentuk telah menjadi tugas global yang berulang, kerjasama dan tumpuan pada komponen boleh guna semula dan mampu milik adalah kunci untuk mencipta sistem reka bentuk yang benar-benar membuat perubahan di dunia.

以上是原子設計之父布拉德·弗羅斯特認為未來是黑暗的的詳細內容。更多資訊請關注PHP中文網其他相關文章！