大家好，我是Clippp缕碎。今天為大家分享的是「原子設(shè)計」褥影。理論指導(dǎo)實踐是一種理想的結(jié)果，但往往很難做到二者的緊密結(jié)合阎曹。

原子設(shè)計作為指導(dǎo)設(shè)計實踐的理論基礎(chǔ)伪阶，是一種分層思考的思維模式。靈活運用原子設(shè)計处嫌，能有效提升對頁面及產(chǎn)品的整體把控能力栅贴。

1、什么是原子設(shè)計熏迹？

原子設(shè)計是創(chuàng)建設(shè)計系統(tǒng)的理論方法檐薯，分為原子、分子、組織坛缕、模板墓猎、頁面五個層次。從最基礎(chǔ)的原子開始赚楚，原子構(gòu)成分子毙沾，分子組成組織，相互協(xié)作以創(chuàng)造出更有效的頁面宠页。

原子設(shè)計借鑒了化學(xué)中看待事物的方式左胞，并將其應(yīng)用在數(shù)字產(chǎn)品中。例如我們看的界面是由一些基本的元素組成举户，文字烤宙，顏色和圖標(biāo)等都是一個個原子。

原子設(shè)計是一種思維模式俭嘁，并不特指某一種設(shè)計風(fēng)格或框架躺枕。通過原子設(shè)計理論，將產(chǎn)品和頁面聯(lián)系為一個有機的整體供填，其中的每個小元素都發(fā)揮著至關(guān)重要的作用拐云。

2、原子設(shè)計方法論: 從原子到產(chǎn)品

原子設(shè)計有特定的框架捕虽，方便幫助設(shè)計師組織思路并在設(shè)計過程中作為指導(dǎo)慨丐。

原子

原子指化學(xué)反應(yīng)不可再分的基本微粒，雖然基礎(chǔ)但會對分子和個體的形成產(chǎn)生很大的影響泄私。

同理在設(shè)計中房揭，原子是構(gòu)成設(shè)計的最基礎(chǔ)的元素，可以是一個icon晌端、一種字體…本身不具備特有的功能但這些基礎(chǔ)元素同樣值得重視捅暴。

分子

分子由原子構(gòu)成，以一定的次序和排列方式結(jié)合成分子咧纠∨钛鳎回到設(shè)計中，多個設(shè)計元素組合在一起漆羔，也會創(chuàng)造出一種新東西——具有明確功能性的組件梧奢。

原子設(shè)計強大的地方在于，可以為分子(組件)的創(chuàng)造分配時間演痒，以確保組件具有明確的意義和功能亲轨。

組織

不同的分子組合形成組織，在設(shè)計中各種不同的組件組合在一起鸟顺，形成一個完整的功能模塊惦蚊，例如在首頁輪播圖模塊器虾，有圖像、文字等元素蹦锋，還有按鈕兆沙、導(dǎo)航箭頭等組件。

利用組織這個概念能幫助設(shè)計師建立模塊化意識莉掂，對頁面結(jié)構(gòu)有更深入的理解葛圃。

模板

通過元素、組件和功能模塊的相互關(guān)聯(lián)巫湘，從而得到產(chǎn)品的模板即產(chǎn)品框架装悲，也可以理解為產(chǎn)品的低保真線框圖昏鹃。

在這個階段尚氛，產(chǎn)品的信息架構(gòu)和可視化的層次結(jié)構(gòu)變得非常重要。產(chǎn)品頁面洞渤、搜索結(jié)果頁阅嘶、主頁等都有各自的模板，會顯示內(nèi)容的結(jié)構(gòu)和基本的原型载迄，方便后期使用讯柔。

頁面

在模板基礎(chǔ)上，繼續(xù)添加需要的細(xì)節(jié)护昧，最終會形成完整的頁面魂迄，即產(chǎn)品的高保真原型。

這個階段中需要注意的是惋耙，頁面中所有的占位符盡可能提供真實的內(nèi)容——真實的圖像捣炬、真實的文案。

對于完成的頁面绽榛，我們可以利用原子設(shè)計的靈活性來調(diào)整和優(yōu)化頁面設(shè)計湿酸。

比如當(dāng)有某些地方的設(shè)計沒有達(dá)到預(yù)期，可以靈活調(diào)整頁面中的某個分子或組織模塊來實現(xiàn)想要的效果灭美。?

3推溃、原子設(shè)計的優(yōu)勢

靈活性和適應(yīng)性

原子設(shè)計是在設(shè)計過程中構(gòu)建事物的方式，但它并不限制對環(huán)境變化做出反應(yīng)的自由届腐。

通過為產(chǎn)品中的每種類型的內(nèi)容創(chuàng)建組件和模式铁坎，獲得一個靈活的系統(tǒng)。模板為產(chǎn)品的一致性提供了一定的支撐犁苏，后期既可以按這些模板原型快速設(shè)計硬萍，也可以根據(jù)需求靈活調(diào)整。

原子設(shè)計相當(dāng)于將設(shè)計內(nèi)容納入到一個模式里傀顾，組成的頁面不僅擁有準(zhǔn)確的內(nèi)容襟铭，并能以最好的樣式展現(xiàn)出來。

系統(tǒng)模式

原子設(shè)計鼓勵設(shè)計師投入時間和精力來創(chuàng)建整個系統(tǒng)，以便在產(chǎn)品設(shè)計的最后階段寒砖，能夠以一種高效的方式靈活地完成設(shè)計工作赐劣。

更少的組件，更高效的開發(fā)

利用原子設(shè)計可以確保在項目過程中組件的數(shù)量會受到一定的控制哩都，避免團隊重復(fù)設(shè)計同一個組件的多個版本或提供樣式差不多的副本魁兼。

控制UI組件的數(shù)量，帶來的好處之一就是開發(fā)的效率會變得更高漠嵌。有了以原子設(shè)計方法為基礎(chǔ)的理論架構(gòu)咐汞，設(shè)計過程的每個環(huán)節(jié)會緊緊串聯(lián)在一起，避免混亂儒鹿。

最后

原子設(shè)計成為一種用戶體驗設(shè)計方法化撕，以全新的方式帶領(lǐng)大家設(shè)計每一個元素、組件以及頁面约炎，通過這樣的方法論有助于設(shè)計師構(gòu)建一個完整的設(shè)計系統(tǒng)植阴。

慢來比較快，如覺得有幫助圾浅，

請點個贊掠手，謝謝！