간단한 버튼을 개발하든 완전한 형태를 개발하든 관계없이 수년 동안 사용자 인터페이스를 만드는 데에는 바퀴를 재발명하는 작업이 포함되었습니다. 2013년에 브래드 프로스트(Brad Frost)는 시스템 설계에 대한 우리의 생각을 바꾸는 개념인 Atomic Design을 세상에 소개했습니다. 많은 사람들이 이것이 "유행적인" 용어라고 생각하지만 사실 이 방법론은 디지털 제품 제작의 현재 및 미래 과제와 매우 관련이 있습니다.
이 기사에서는 최근 강연에서 자세히 설명한 Frost의 아이디어가 어떻게 확장 가능하고 효율적인 디자인 시스템 개발의 기본이 되는지, 그리고 인공 지능(AI)의 부상을 포함하여 기술이 어떻게 진화하고 있는지 논의하고 싶습니다. ), Atomic Design이라는 개념이 그 어느 때보다 필요해졌습니다.
Atomic Design은 죽었나요? 10년간의 영향과 진화에 대한 성찰
"Atomic Design은 죽었나요?" 좋아, 점심 식사 후에 사람들을 깨우는 좋은 방법이군요. 하지만 제가 하고 싶은 것은 지난 10년을 되돌아보는 시간을 갖는 것입니다. 10년 전, 올해에 저는 Atomic Design이라는 것을 만들었습니다. 그것은 여전히 주변에 있습니다. 그래서 조금 반성해볼 수 있는 좋은 시간이었다고 생각했습니다. 괜찮다면 같이 작은 여행을 떠나자."
브래드 프로스트는 이 도발적인 서문을 통해 웹 디자인의 진화와 그가 2013년에 세상에 소개한 방법론인 Atomic Design에 대해 성찰하도록 초대합니다. 최근 Frost가 공유한 여정은 웹 초창기부터 복잡한 디자인 시스템의 개발까지 포괄하며, Atomic Design의 기본이 오늘날의 과제와 어떻게 관련되어 있는지를 상기시켜 줍니다. 하지만 Atomic Design은 끊임없이 변화하는 디지털 인터페이스 시대에 여전히 관련성을 유지합니까?
Frost는 1991년에 첫 번째 웹사이트가 출시되었고 그 직후인 1994년에 CSS가 등장했던 웹의 시작으로 우리를 데려갑니다. "옛날 옛적에 웹사이트가 있었죠? 1991년, 첫 번째 웹사이트가 1991년, CSS입니다. 1994년에 태어났어요. 지오시티즈, 그 시대에 살았던 사람이 있나요? 네, 저 같은 노인들도 있었죠." 그는 초기에는 디자인이 HTML과 애니메이션 GIF만 포함하는 간단한 작업이었다고 회상합니다. "그냥 HTML을 작성하고 있었죠? 그게 전부였어요. 그리고 애니메이션 GIF 같은 것을 붙여넣기도 했죠."
웹이 성장함에 따라 새로운 접근 방식이 등장하기 시작했습니다. Photoshop은 나중에 잘라내어 웹 페이지로 변환할 수 있는 시각적 레이아웃을 만드는 데 사용되기 시작했습니다. 이 과정을 통해 90년대에 "킬러" 웹사이트가 탄생하게 되었습니다. Frost는 다음과 같이 설명합니다. "90년대 중반에 우리는 브로셔를 Photoshop에서 편집하고 꺼내서 인터넷에 던지세요."
보다 인터랙티브한 웹 경험을 가져온 Ajax와 같은 기술의 발전과 2008년 iPhone 및 App Store 출시 이후 모바일 애플리케이션의 등장은 디자인에 새로운 도전을 가져왔습니다. Frost가 설명했듯이 "웹 2.0이 등장했고 이것이 Ajax라고 불렸습니다. 갑자기 우리는 더 많은 대화형 경험을 갖기 시작했습니다. 그것이 의미하는 바가 무엇이든 '웹 앱'과 같은 것을 갖게 되었습니다."
디바이스, 운영 체제, 경험이 늘어나면서 디자이너와 개발자는 플랫폼 전반에서 일관성과 일관성을 유지해야 하는 과제에 직면하기 시작했습니다. "Photoshop 파일이 많아지고 브랜드 지침도 따라야 하지만 그런 일은 결코 일어나지 않았습니다." 여기에서 스타일 가이드와 디자인 패턴의 출현을 볼 수 있지만 여전히 단편적이고 관리하기 어려웠습니다.
이러한 맥락에서 Frost는 모듈식 및 확장 가능한 인터페이스를 만들기 위한 체계적인 접근 방식인 Atomic Design을 도입했습니다. 분자, 유기체, 템플릿 및 페이지로 결합된 사용자 인터페이스의 기본 구성 요소인 "원자" 개념은 점점 커지는 디지털 디자인의 혼란에 대한 해결책을 가져왔습니다. Frost는 "점점 복잡해지는 디자인 시스템에 일관성과 효율성을 제공하려는 목표로 Atomic Design을 만들었습니다."라고 말합니다.
그는 Atomic Design이 단순히 UI 구성요소를 구성하는 방법론이 아니라 디자이너와 개발자가 보다 효과적으로 협업할 수 있도록 돕는 것을 목표로 하는 철학이라고 주장합니다. "이 방법론은 재사용 가능한 구성 요소의 명확한 계층 구조를 만들어 제품 개발의 일관성과 시간 절약을 촉진하는 것을 목표로 합니다."
Atomic Design의 관련성은 시간이 지나도 줄어들지 않았습니다. 실제로 Frost는 인공지능(AI)의 등장과 디자인 자동화의 증가로 인해 Atomic Design이 더욱 중요해졌다고 강조합니다. 그는 2025년까지 온라인 콘텐츠의 90%가 AI에 의해 생성될 수 있다는 예측을 인용하며, 콘텐츠가 기하급수적으로 증가하는 가운데 품질과 일관성을 보장할 수 있는 강력한 디자인 시스템의 필요성이 증가하고 있다고 말했습니다.
Frost는 '철갑상어의 법칙'을 언급하며 '모든 것의 90%는 쓰레기'라고 말합니다. 그는 AI로 콘텐츠를 쉽게 생성하면 잘못 설계된 인터페이스가 확산될 수 있다고 경고하면서 Atomic Design을 사용하여 인터페이스를 신중하고 구조화된 방식으로 설계하는 것이 중요하다고 강조합니다.
Brad Frost는 디자인 팀과 개발 팀 간의 더 많은 협력과 표준 공유를 요구하며 성찰을 마무리합니다. 그는 미래의 과제를 해결하려면 다양한 팀과 조직에서 패턴과 구성 요소를 효율적으로 재사용할 수 있는 글로벌 협업을 촉진하는 시스템을 만들어야 한다고 믿습니다.
"Brad는 개발자와 디자이너 커뮤니티가 계속 협력하고 웹의 힘을 활용하여 사람들을 하나로 모으고 의미 있는 방식으로 문제를 해결할 것을 촉구합니다."
따라서Atomic Design은 죽지 않았습니다. 오히려 현재와 미래의 디지털 디자인 과제를 해결하는 데 필수적인 도구입니다. 자동화와 AI 시대에는 고품질의 일관된 디지털 경험을 만들기 위해 체계적이고 협업적인 접근 방식을 갖는 것이 그 어느 때보다 중요합니다.
아직 익숙하지 않은 분들을 위해 설명하자면 Atomic Design은 5가지 주요 레벨을 기반으로 인터페이스를 만드는 모듈식 접근 방식입니다.
이 방법론은 재사용 가능한 구성 요소의 명확한 계층 구조를 만들어 제품 개발의 일관성과 시간 절약을 촉진하는 것을 목표로 합니다.
Brad Frost의 최근 강연에서 그는 Atomic Design의 기본 아이디어가 단순히 재사용 가능한 구성 요소를 만드는 것이 아니라 해당 구성 요소를 제품과 연결하는 것이라고 언급했습니다. 이를 통해 로그인 또는 로그아웃한 사용자, 관리자 또는 방문자, 지역적 또는 언어적 변화 등 다양한 상황에 맞게 최종 제품의 디자인이 더욱 일관되고 유연해집니다.
Brad는 또한 디지털 인터페이스의 현재 상태를 반영하여 전 세계 여러 팀에서 재현하는 구성 요소의 조각화를 강조합니다. 그는 아코디언이나 셀렉트와 같은 동일한 기본 기능이 다양한 조직에서 어떻게 다른 방식으로 재창조되어 엄청난 비효율성과 인재 낭비를 초래하는지 언급합니다.
이러한 노력의 중복은 디자인 시스템이 표준을 통일하여 해결하려고 하는 가장 큰 비효율 포인트 중 하나입니다. 그러나 Frost가 언급했듯이 여전히 많은 개발 팀이 글로벌 표준에 맞춰 협력하기보다는 이미 해결된 문제에 대한 자체 솔루션을 만드는
것을 볼 수 있습니다.根據 Frost 的說法，原子設計 作為一種以分層和互連方式組織 UI 組件的解決方案而出現，促進了設計人員和開發人員之間的協作。他將自己的方法描述為一種「以分層和互連的方式思考使用者介面」的方式，並強調任何介面都可以分解為更小的組件，例如標籤、按鈕和輸入欄位，他將其與界面的“原子”進行比較。 「這些實際上就像我們的原始 HTML 標籤。它們本身並不是很有用，」Frost 指出。
這些原子結合成分子和有機體，例如可以包含徽標、導航和搜尋列的標題。然後將這些模組化組件放置在模板內，這是真實頁面的“骨架”，允許設計和開發團隊在不同的上下文中驗證這些組件的性能。
弗羅斯特不迴避他的概念在過去十年中受到的批評
。許多人認為原子設計可能過於僵化，阻礙了設計團隊的創造力和創新。 Frost 回應了這些擔憂，指出原子設計的目標不是限制創造力，而是提供堅實的基礎，允許在明確定義的系統內自由創新。
在演講結束時，Frost 給我們留下了對數位設計未來的深刻反思。他鼓勵每個人不斷探索新的工作方式，同時記住協作、一致性和重複使用的重要性。 「永遠不要停止做你正在做的事情。你會找到思考設計的新方法，你會因此感覺更好。」
總之，原子設計是一個強大的工具，可以持續為數位設計挑戰提供有效的解決方案。透過促進標準的協作和共享，我們可以打造更具凝聚力的高品質數位體驗。 Frost 的遺產以及他在 Atomic Design 方面的工作無疑對於下一代設計師和開發人員至關重要。
Brad Frost 提醒我們的是，原子設計的本質超越了技術組件。這是一種協作方法。他提出，為了解決設計和技術挑戰，我們需要創建一個協同工作的系統，而不是一個孤立的系統。這包括不同組織的共同努力，為可在全球範圍內應用的共享標準做出貢獻。
在演講結束時，Brad 呼籲開發人員和設計師社群繼續合作，利用網路的力量將人們聚集在一起，以有意義的方式解決問題。他相信，透過專注於人類解決方案並合乎道德地使用技術，我們可以為每個人創造更好的數位體驗。
即使在創建十年後，原子設計對於那些想要創建高效且可擴展的設計系統的人來說仍然是一個重要的方法。在人工智慧可以主導介面開發的世界中，Frost 的方法提供了一種在介面設計中保持品質和一致性的方法。
現在，採用促進協作和重用明確定義的標準的方法比以往任何時候都更加重要。原子設計不僅是活生生的－它也是解決未來設計挑戰的基本指南。
原子設計並沒有消亡。相反，它仍然是應對數位設計中日益增長的複雜性和對品質、可近性和效率的要求的重要工具。 Brad Frost 提醒我們，雖然設計已成為一項全球性的重複性任務，但協作以及對可重複使用、價格實惠的組件的關注是創建真正改變世界的設計系統的關鍵。
위 내용은 원자 설계의 아버지 브래드 프로스트(Brad Frost)에 따르면 미래는 어둡다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
