什么是基于組件的設(shè)計(jì)?

2021-06-13    分類: 網(wǎng)站建設(shè)

創(chuàng)新互聯(lián)與小牛資本簽訂合作協(xié)議,承建該公司網(wǎng)站的設(shè)計(jì)與開發(fā),現(xiàn)已完成上線。小牛資本成立于2012年,公司總部位于深圳,截至2016年6月12日,在北京、上海、深圳、香港設(shè)立四大管理中心,業(yè)務(wù)涉及普惠金融、消費(fèi)金融、財(cái)富管理、投資管理,在全國27個(gè)省市150多個(gè)城市開設(shè)了300多家分支機(jī)構(gòu),境外業(yè)務(wù)輻射迪拜、澳洲、倫敦、紐約等國際金融中心。旗下?lián)碛行∨T诰€、小牛普惠、小牛新財(cái)富、小牛分期、小牛投資等幾個(gè)子公司。從各項(xiàng)數(shù)據(jù)來看,小牛資本算得上中國綜合金融服務(wù)企業(yè)的第一梯隊(duì)。組件的設(shè)計(jì)使我們能夠快速設(shè)計(jì)出許多易于維護(hù)和更新的項(xiàng)目。多個(gè)設(shè)計(jì)師可以同時(shí)地在一個(gè)項(xiàng)目上工作也能保持項(xiàng)目的一致性,因?yàn)橐磺薪M件都被明確定義。實(shí)質(zhì)上,基于組件的設(shè)計(jì)是將UI分解成更小,命名清晰且更易于管理的組件。這些組件被分為以下六個(gè)部分。

什么是基于組件的設(shè)計(jì)

1、一致性
這六個(gè)部分中的第一個(gè)要講的就是一致性,在這里我們定義了項(xiàng)目的核心品牌元素。字體,排版,主要和次要顏色都經(jīng)過精心指定。之后,這些將在整個(gè)項(xiàng)目中使用。
2、元素
第二個(gè)定義了項(xiàng)目中可復(fù)用部分的最小層級(jí):元素。譬如按鈕,鏈接,輸入框,下拉列表等都是常見的元素。每一個(gè)元素它們的狀態(tài)被定義為:如懸停,獲取焦點(diǎn)和禁用按鈕。我們的準(zhǔn)則是:Define Once,Reuse Throughout The Project!
3、組件
當(dāng)我們的工作到達(dá)一定規(guī)模時(shí),就要用到第三個(gè)可復(fù)用的部分-- 組件。在我們設(shè)計(jì)應(yīng)用程序和網(wǎng)頁設(shè)計(jì)時(shí),屏幕上的模塊都是組件。組件可以是由多個(gè)元素組成的,像主角卡片和導(dǎo)航菜單就是典型的例子。然而,組件也并不一定要模塊化。在設(shè)計(jì)組件時(shí),我們還會(huì)為每個(gè)項(xiàng)目的響應(yīng)大小(或斷點(diǎn))立即創(chuàng)建它們的版本。這樣我們就不用回溯到幾周前設(shè)計(jì)的屏幕上,并且設(shè)法讓它們適用于智能手機(jī)。響應(yīng)目標(biāo)與客戶端事先達(dá)成一致,以確保每個(gè)組件都是相應(yīng)設(shè)計(jì)的。
4、組合
我們的工作再進(jìn)一規(guī)模,就到了第四部分:組合。組合是包含多個(gè)不同組件,它們定義了它內(nèi)部組件的行為方式。下面是一個(gè)簡易的單列布局例子,它只定義了組合的組件間距,標(biāo)題以及組件內(nèi)容的循環(huán)使用!
5、布局
第五大部分布局是更抽象的設(shè)計(jì)原則集合。這里定義了間距,柵格和包裝器的元素?cái)?shù)量。通過這樣定義,其他設(shè)計(jì)者可以輕松地進(jìn)入項(xiàng)目并使用現(xiàn)有的樣式規(guī)范。
6、頁面
最后一個(gè)部分是項(xiàng)目的實(shí)際頁面。每個(gè)頁面由各種組合和組件的排列組成。所有超出預(yù)期的東西都是在頁面這個(gè)層級(jí)中定義的。例如營銷部門的朋友認(rèn)為聯(lián)系人頁面應(yīng)該是藍(lán)色的背景,那么我們只在頁面級(jí)別添加,不涉及其他層級(jí)。

創(chuàng)新互聯(lián)是南充網(wǎng)站建設(shè)公司業(yè)內(nèi)的互聯(lián)網(wǎng)服務(wù)提供商,致力于向客戶提供精品網(wǎng)站建設(shè)服務(wù)!擁有了精品網(wǎng)站建設(shè)、軟件開發(fā)、網(wǎng)絡(luò)運(yùn)營等業(yè)內(nèi)頂尖人才。作為國際的互聯(lián)網(wǎng)服務(wù)提供商,創(chuàng)新互聯(lián)立足深圳、面向全國,多年來竭誠為用戶提供優(yōu)質(zhì)服務(wù),我們的客戶遍布全國各地,輻射各行各業(yè)。秉承用戶至上,誠信為本的宗旨,創(chuàng)新互聯(lián)將一如既往的以客戶需求為導(dǎo)向,不斷開發(fā)出更加優(yōu)秀的互聯(lián)網(wǎng)應(yīng)用服務(wù)解決方案!

新聞標(biāo)題:什么是基于組件的設(shè)計(jì)?
文章源于:http://www.bm7419.com/news14/117414.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站建設(shè)、網(wǎng)站收錄網(wǎng)站制作、用戶體驗(yàn)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)