伊人久久大香线蕉综合影视_日韩精品少妇无码受不了_71pao成人国产永久免费视频_国产伦片中文免费观看_国产高清无码麻豆精品_九色综合伊人久久富二代_日韩黄色精品_日韩A∨精品日韩精品无码

原子設(shè)計方法論!值得一學(xué)的設(shè)計思維模式

2021-9-30    lanlanwork


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é)合成分子?;氐皆O(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ù)添加需要的細節(jié),最終會形成完整的頁面,即產(chǎn)品的高保真原型。

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

圖片

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

比如當(dāng)有某些地方的設(shè)計沒有達到預(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)。

 

原文地址:Clip設(shè)計夾(公眾號)

作者:Clippp

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》原子設(shè)計方法論!值得一學(xué)的設(shè)計思維模式

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計cqzjtgb.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)



日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://cqzjtgb.com

存檔

达州市| 阿坝县| 蕉岭县| 黑水县| 卢湾区| 凉城县| 阳信县| 达州市| 巨鹿县| 德钦县| 墨脱县| 荔波县| 磐石市| 晋州市| 色达县| 彰武县| 留坝县| 岳阳市| 富裕县| 贵港市| 茂名市| 桦甸市| 东方市| 耒阳市| 涿州市| 莲花县| 东平县| 青神县| 黄梅县| 常熟市| 蓝田县| 广水市| 承德县| 安岳县| 若尔盖县| 阿拉善右旗| 毕节市| 株洲市| 通州区| 漳州市| 肥东县|