1、什么是原子設計？
原子設計是創(chuàng)建設計系統(tǒng)的理論方法，分為原子、分子、組織、模板、頁面五個層次。從最基礎的原子開始，原子構成分子，分子組成組織，相互協(xié)作以創(chuàng)造出更有效的頁面。
原子設計借鑒了化學中看待事物的方式，并將其應用在數(shù)字產(chǎn)品中。例如我們看的界面是由一些基本的元素組成，文字，顏色和圖標等都是一個個原子。
原子設計是一種思維模式，并不特指某一種設計風格或框架。通過原子設計理論，將產(chǎn)品和頁面聯(lián)系為一個有機的整體，其中的每個小元素都發(fā)揮著至關重要的作用。
2、原子設計方法論: 從原子到產(chǎn)品
原子設計有特定的框架，方便幫助設計師組織思路并在設計過程中作為指導。
原子
原子指化學反應不可再分的基本微粒，雖然基礎但會對分子和個體的形成產(chǎn)生很大的影響。
同理在設計中，原子是構成設計的最基礎的元素，可以是一個icon、一種字體…本身不具備特有的功能但這些基礎元素同樣值得重視。
分子
分子由原子構成，以一定的次序和排列方式結合成分子?；氐皆O計中，多個設計元素組合在一起，也會創(chuàng)造出一種新東西——具有明確功能性的組件。
原子設計強大的地方在于，可以為分子(組件)的創(chuàng)造分配時間，以確保組件具有明確的意義和功能。
組織
不同的分子組合形成組織，在設計中各種不同的組件組合在一起，形成一個完整的功能模塊，例如在首頁輪播圖模塊，有圖像、文字等元素，還有按鈕、導航箭頭等組件。
利用組織這個概念能幫助設計師建立模塊化意識，對頁面結構有更深入的理解。
模板
通過元素、組件和功能模塊的相互關聯(lián)，從而得到產(chǎn)品的模板即產(chǎn)品框架，也可以理解為產(chǎn)品的低保真線框圖。
在這個階段，產(chǎn)品的信息架構和可視化的層次結構變得非常重要。產(chǎn)品頁面、搜索結果頁、主頁等都有各自的模板，會顯示內(nèi)容的結構和基本的原型，方便后期使用。
頁面
在模板基礎上，繼續(xù)添加需要的細節(jié)，最終會形成完整的頁面，即產(chǎn)品的高保真原型。
這個階段中需要注意的是，頁面中所有的占位符盡可能提供真實的內(nèi)容——真實的圖像、真實的文案。
對于完成的頁面，我們可以利用原子設計的靈活性來調(diào)整和優(yōu)化頁面設計。
比如當有某些地方的設計沒有達到預期，可以靈活調(diào)整頁面中的某個分子或組織模塊來實現(xiàn)想要的效果。
3、原子設計的優(yōu)勢
靈活性和適應性
原子設計是在設計過程中構建事物的方式，但它并不限制對環(huán)境變化做出反應的自由。
通過為產(chǎn)品中的每種類型的內(nèi)容創(chuàng)建組件和模式，獲得一個靈活的系統(tǒng)。模板為產(chǎn)品的一致性提供了一定的支撐，后期既可以按這些模板原型快速設計，也可以根據(jù)需求靈活調(diào)整。
原子設計相當于將設計內(nèi)容納入到一個模式里，組成的頁面不僅擁有準確的內(nèi)容，并能以最好的樣式展現(xiàn)出來。
系統(tǒng)模式
原子設計鼓勵設計師投入時間和精力來創(chuàng)建整個系統(tǒng)，以便在產(chǎn)品設計的最后階段，能夠以一種高效的方式靈活地完成設計工作。
更少的組件，更高效的開發(fā)
利用原子設計可以確保在項目過程中組件的數(shù)量會受到一定的控制，避免團隊重復設計同一個組件的多個版本或提供樣式差不多的副本。
最后
原子設計成為一種用戶體驗設計方法，以全新的方式帶領大家設計每一個元素、組件以及頁面，通過這樣的方法論有助于設計師構建一個完整的設計系統(tǒng)。
原文地址：Clip設計夾（公眾號）
作者：Clippp
轉載請注明：學UI網(wǎng)》原子設計方法論！值得一學的設計思維模式
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設計( www.jsyqsx.cn )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務