国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

手機站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時隨地免費學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時隨地免費學(xué)習(xí)課程

當(dāng)前位置:首頁  >  技術(shù)干貨  > 輕松入門「原子設(shè)計」方法論!

輕松入門「原子設(shè)計」方法論!

來源:千鋒教育
發(fā)布人:syq
時間: 2022-08-12 16:50:00 1660294200

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

  什么是原子設(shè)計?

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

  ●原子(Atoms):為頁面構(gòu)成的基本元素,例如標(biāo)簽、輸入框、文字、顏色等;

  ●分子(Molecules):由原子構(gòu)成的簡單UI元素,例如按鈕;

  ●組織(Organisms):相對分子而言,較為復(fù)雜的構(gòu)成物,由原子及分子所組成;

  ●模板(Templates):以頁面為基礎(chǔ)的架構(gòu),將以上元素進(jìn)行排版;

  ●頁面(Pages):將實際內(nèi)容(圖片、文章等)放置在特定模板內(nèi);

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

月684

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

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

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

  1. 原子

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

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

月1172

  2. 分子

  分子由原子構(gòu)成,以一定的次序和排列方式結(jié)合成分子?;氐皆O(shè)計中,多個設(shè)計元素組合在一起,也會創(chuàng)造出一種新東西——具有明確功能性的組件。

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

  3. 組織

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

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

月1313

  4. 模板

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

月1855

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

  5. 頁面

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

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

月2708

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

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

  原子設(shè)計的優(yōu)勢

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

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

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

月3058

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

  2. 系統(tǒng)模式

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

月3250

  3. 更少的組件,更高效的開發(fā)

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

月3405

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

  最后

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

  更多關(guān)于UI培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。

  注:本文部分文字和圖片來源于網(wǎng)絡(luò),如有侵權(quán),請聯(lián)系刪除。版權(quán)歸原作者所有!

 

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學(xué)習(xí)老師24小時內(nèi)將與您1V1溝通
免費領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
反欺詐中所用到的機器學(xué)習(xí)模型有哪些?

一、邏輯回歸模型邏輯回歸是一種常用的分類模型,特別適合處理二分類問題。在反欺詐中,邏輯回歸可以用來預(yù)測一筆交易是否是欺詐。二、決策樹模...詳情>>

2023-10-14 14:09:29
軟件開發(fā)管理流程中會出現(xiàn)哪些問題?

一、需求不清需求不明確是導(dǎo)致項目失敗的主要原因之一。如果需求沒有清晰定義,開發(fā)人員可能會開發(fā)出不符合用戶期望的產(chǎn)品。二、通信不足溝通問...詳情>>

2023-10-14 13:43:21
軟件定制開發(fā)中的敏捷開發(fā)是什么?

軟件定制開發(fā)中的敏捷開發(fā)是什么軟件定制開發(fā)中的敏捷開發(fā),從宏觀上看,是一個高度關(guān)注人員交互,持續(xù)開發(fā)與交付,接受需求變更并適應(yīng)環(huán)境變化...詳情>>

2023-10-14 13:24:57
什么是PlatformIo?

PlatformIO是什么PlatformIO是一個全面的物聯(lián)網(wǎng)開發(fā)平臺,它為眾多硬件平臺和開發(fā)環(huán)境提供了統(tǒng)一的工作流程,有效簡化了開發(fā)過程,并能兼容各種...詳情>>

2023-10-14 12:55:06
云快照與自動備份有什么區(qū)別?

1、定義和目標(biāo)不同云快照的主要目標(biāo)是提供一種快速恢復(fù)數(shù)據(jù)的方法,它只記錄在快照時間點后的數(shù)據(jù)變化,而不是所有的數(shù)據(jù)。自動備份的主要目標(biāo)...詳情>>

2023-10-14 12:48:59