手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

設(shè)計師必備的模塊化設(shè)計思維

2022-7-28    ui設(shè)計分享達(dá)人

一、什么是模塊化設(shè)計

模塊化設(shè)計,簡單地說就是將產(chǎn)品的某些要素組合在一起,構(gòu)成一個具有特定功能的子系統(tǒng),將這個子系統(tǒng)作為通用性的模塊與其他產(chǎn)品要素進(jìn)行多種組合,構(gòu)成新的系統(tǒng),產(chǎn)生多種不同功能或相同功能、不同性能的系列產(chǎn)品(定義內(nèi)容來自百度百科)。

模塊化設(shè)計思維最早可以追溯到從工業(yè)革命時期,工業(yè)革命之后制造業(yè)開始飛速發(fā)展,制造業(yè)能夠飛速發(fā)展得益于生產(chǎn)效率的大幅提升。在設(shè)計產(chǎn)品時采用“模塊化設(shè)計思維”,是提升生產(chǎn)效率的一個很重要的手法。



產(chǎn)品設(shè)計中對“模塊化設(shè)計思維”的應(yīng)用也是制造業(yè)現(xiàn)代化的一個很重要的標(biāo)志和特點。到了互聯(lián)網(wǎng)時代,“模塊化設(shè)計思維”也被應(yīng)用在了操作系統(tǒng)、app的開發(fā)過程中,也大大提升了軟件工程師的開發(fā)效率。

“模塊化設(shè)計思維”是一個思維方式或者說是一個設(shè)計手法,這個“手法”可以應(yīng)用在很多領(lǐng)域。

二、常見的模塊化設(shè)計


我們?nèi)粘I钪兴玫降纳晕?fù)雜一點的產(chǎn)品,如飛機(jī)、汽車、家電、手機(jī)、操作系統(tǒng)等等,都是在以“模塊化設(shè)計思維”為基礎(chǔ)的設(shè)計手法中設(shè)計出來的。

“模塊化設(shè)計思維”應(yīng)用最徹底的行業(yè)當(dāng)屬「汽車制造業(yè)」了。從汽車要素的組件化、汽車架構(gòu)的模塊化到生產(chǎn)平臺的模塊化,可謂是應(yīng)用的非常徹底。

例如:豐田汽車的「M20發(fā)動機(jī)」用在了凱美瑞、C-HR、威蘭達(dá)、亞洲龍、RAV4榮放、奕澤這些車型上,在這里「M20發(fā)動機(jī)」就是一個“通用性的模塊”經(jīng)過與其他汽車要素進(jìn)行不同的設(shè)計組合,就形成了不同的車型。



豐田汽車的「TNGA架構(gòu)」也是“模塊化設(shè)計思維”的產(chǎn)物。在TNGA構(gòu)架下,汽車模塊會達(dá)到高度的通用性,車輛零件的通用率可達(dá)到70%-80%,其中包括底盤懸架、發(fā)動機(jī)、變速箱等零件。



三、模塊化的特點與優(yōu)勢


特點

采用“模塊化設(shè)計思維”設(shè)計出來的“模塊”有兩個顯著的特點就是「獨立」「通用」。

1、獨立

在設(shè)計時需要選擇可以獨立的內(nèi)容來進(jìn)行“模塊化封裝”。怎么理解「獨立」呢?判斷模塊是否可以獨立,可以組成的模塊是否“可以進(jìn)行單獨設(shè)計、開發(fā)、調(diào)試”不依賴其他要素即可運(yùn)轉(zhuǎn)。

2、通用

通用這個特點就比較容易理解了,就是該“模塊”可以與其他要素進(jìn)行多種組合,形成不同類型、不同功能的產(chǎn)品。

優(yōu)勢

采用“模塊化設(shè)計思維”來進(jìn)行產(chǎn)品設(shè)計,有什么優(yōu)勢呢?

1、高內(nèi)聚低耦合

高內(nèi)聚低耦合,是軟件工程中的概念,是判斷軟件設(shè)計好壞的標(biāo)準(zhǔn)。目的是使程序模塊的可重復(fù)使用性、移植性增強(qiáng)。通常程序結(jié)構(gòu)中各模塊的內(nèi)聚程度越高,模塊間的耦合程度就越低。

內(nèi)聚是從功能角度來度量模塊內(nèi)的聯(lián)系,表示模塊內(nèi)部間聚集、關(guān)聯(lián)的程度。那么高內(nèi)聚就是指要高度的聚集和關(guān)聯(lián),元素之間的關(guān)系簡單、明了,運(yùn)行穩(wěn)定。一個好的內(nèi)聚模塊應(yīng)當(dāng)恰好只做一件事,高內(nèi)聚具備可靠性、可重用性、可讀性等優(yōu)點。

耦合是對模塊間關(guān)聯(lián)程度的度量,也就是模塊之間的依賴關(guān)系。低耦合度特性的模塊能減少模塊間的影響,防止對某一模塊修改所引起的“牽一發(fā)動全身”的水波效應(yīng),保證整個系統(tǒng)的正常運(yùn)行。



2、降本提效

由于模塊具有通用性特點,需要用到此功能模塊時無需重復(fù)設(shè)計,可以直接使用或簡單微調(diào)即可,減少了“重復(fù)造輪子”現(xiàn)象的發(fā)生。

這樣一來可以降低生產(chǎn)設(shè)計的時間成本和財力成本,二來時可以很大程度的提升產(chǎn)品設(shè)計、生產(chǎn)制造的效率。

四、在系統(tǒng)設(shè)計中的應(yīng)用

通過上述內(nèi)容“模塊化設(shè)計思維”的好處顯而易見,那么作為設(shè)計師在系統(tǒng)設(shè)計中應(yīng)該怎么應(yīng)用呢?這里容易陷入一個誤區(qū)就是為了模塊化而模塊化,模塊化設(shè)計需要在工作中去積累、抽象出可以進(jìn)行模塊設(shè)計的內(nèi)容。

首先一定要充分的了解整個系統(tǒng),系統(tǒng)的業(yè)務(wù)屬性是什么,系統(tǒng)的功能有哪些(可以使用腦圖梳理出來),然后站在“上帝視角”去觀察整個系統(tǒng),將具有「獨立」「通用」特點的內(nèi)容抽離出來進(jìn)行“模塊化”。

下面從「交互」和「UI」的角度來看兩個系統(tǒng)中比較常見的例子

1、交互設(shè)計中的應(yīng)用

下圖為「手機(jī)驗證碼驗證」交互流程圖,「手機(jī)驗證碼校驗」流程可以用在登錄、實名認(rèn)證、修改密碼、查看修改重要信息等功能中,是一個常見的可“模塊化”的內(nèi)容。



2、UI設(shè)計中的應(yīng)用

下圖為近期涉及的一個系統(tǒng)中的「搜索頁面」,系統(tǒng)中有很多搜索場景,例如:地址搜索、店鋪搜索、品牌搜索、人員搜索等。通過對功能和使用場景的分析,將「搜索頁面」進(jìn)行了模塊化設(shè)計。



五、總結(jié)

“模塊化設(shè)計思維”是一種提高工作效率的設(shè)計方法,需要各位在日常設(shè)計中嘗試著換一種角度來觀察系統(tǒng)。也要充分的理解“模塊化設(shè)計思維”的定義才能夠用好它,它并不是一個萬能的方法,只有用在合適的地方才能體現(xiàn)出其價值。

作者:群青被注冊  來源:站酷

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

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

藍(lán)藍(lán)設(shè)計www.88yangsc.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

分享本文至:

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.88yangsc.com

存檔