讓衣靠成為你的依靠

讓衣靠成為你的依靠

html框架 | 界面設(shè)計(jì)

html框架 | 界面設(shè)計(jì)

北京方圣衣靠科技有限公司是皮爾卡丹中國(guó)公司旗下的子公司,其業(yè)務(wù)范圍涵蓋了服裝設(shè)計(jì)行業(yè)產(chǎn)品企劃,打版制衣,款式設(shè)計(jì),成衣加工,倉(cāng)儲(chǔ)物流等環(huán)節(jié)。藍(lán)藍(lán)設(shè)計(jì)主要負(fù)責(zé)其公司網(wǎng)站的交互優(yōu)化和視覺(jué)設(shè)計(jì)。

該網(wǎng)站可滿(mǎn)足服裝設(shè)計(jì)行業(yè)從項(xiàng)目企劃到倉(cāng)儲(chǔ)物流所有中間環(huán)節(jié)中間環(huán)節(jié)的在線(xiàn)運(yùn)作及監(jiān)測(cè)功能,為了滿(mǎn)足網(wǎng)站的功能需求,將網(wǎng)站的功能模塊分為首頁(yè),項(xiàng)目,任務(wù),資源廣場(chǎng),及溝通五大模塊。

登錄頁(yè)設(shè)計(jì)

登錄頁(yè)采取情景式設(shè)計(jì),登錄模塊與服裝吊牌相結(jié)合,突出服裝設(shè)計(jì)行業(yè)的特性。左側(cè)插畫(huà)采用服裝設(shè)計(jì)人員設(shè)計(jì)服裝時(shí)的樣稿,突出服裝設(shè)計(jì)行業(yè)的特點(diǎn)。背景元素同樣采用服裝設(shè)計(jì)相關(guān)的原型草稿。這三種元素相結(jié)合突出本網(wǎng)站的特點(diǎn)及定位--服裝行業(yè)的社區(qū)。

服裝UI界面設(shè)計(jì)

首頁(yè)設(shè)計(jì)

首頁(yè)主要功能是展示工作狀態(tài),同時(shí)應(yīng)引導(dǎo)客戶(hù)完成相應(yīng)工作。 主頁(yè)面展示了當(dāng)前項(xiàng)目,任務(wù)的數(shù)量和任務(wù)的進(jìn)度狀態(tài)。 最左側(cè)為導(dǎo)航欄,項(xiàng)目,任務(wù),資源管理和聊天的功能可由此快速進(jìn)入。最下方是功能快捷入口,可用戶(hù)根據(jù)平時(shí)工作自主編輯快捷入口的功能和位置。右側(cè)資源廣場(chǎng)入口方便用戶(hù)快速查看和調(diào)用網(wǎng)站中的資源,提高工作效率。右下方的聊天模塊將溝通功能和任務(wù),項(xiàng)目,資源結(jié)合在一起,用戶(hù)可以在不切換頁(yè)面的情況下,快速完成對(duì)任務(wù),項(xiàng)目或者資源的討論。

服裝UI界面設(shè)計(jì)

項(xiàng)目頁(yè)面設(shè)計(jì)

項(xiàng)目的成立是整個(gè)制衣活動(dòng)的開(kāi)始。項(xiàng)目頁(yè)面分為上下兩個(gè)板塊,上部板塊確定項(xiàng)目的名稱(chēng),屬性,總負(fù)責(zé)人員及整體工期的設(shè)定。下部板塊采取圖形化方式展現(xiàn)了服裝制造行業(yè)的全部環(huán)節(jié),項(xiàng)負(fù)責(zé)人可以自由快捷地組合該項(xiàng)目的不同,并且可以指定每個(gè)環(huán)節(jié)的負(fù)責(zé)人,工期,以實(shí)現(xiàn)對(duì)項(xiàng)目的整體把控和調(diào)節(jié)。

服裝UI界面設(shè)計(jì)

任務(wù)頁(yè)面設(shè)計(jì)

項(xiàng)目成立后,不同崗位的負(fù)責(zé)人會(huì)收到項(xiàng)目負(fù)責(zé)人指派的任務(wù),本頁(yè)面展示的為款式設(shè)計(jì)師任務(wù)列表頁(yè)面。 通過(guò)tab標(biāo)簽來(lái)區(qū)分不同狀態(tài)的任務(wù)列表,這樣可以提高項(xiàng)目檢索速度,工作效率。 將相關(guān)參考文件與項(xiàng)目列表并列放置,可以直觀(guān)的看到款式設(shè)計(jì)的相關(guān)要求或參考,可縮短查找資料的時(shí)間,快速完成款式設(shè)計(jì)相關(guān)信息的錄入工作。

服裝UI界面設(shè)計(jì)

資源廣場(chǎng)頁(yè)面設(shè)計(jì)

資源廣場(chǎng)模塊是為了滿(mǎn)足項(xiàng)目推進(jìn)過(guò)程中對(duì)相關(guān)資源的需求而設(shè)立的模塊。本頁(yè)面展示的為面料廣場(chǎng)頁(yè)面。 面料廣場(chǎng)支持名稱(chēng),材料,供應(yīng)商,工藝等的關(guān)鍵詞搜索,同時(shí)也支持面料的圖案,風(fēng)格,工藝,成分等的準(zhǔn)確篩選。 面料廣場(chǎng)采取卡片式布局展示,這樣可以在明確展示信息的同時(shí),保持頁(yè)整體風(fēng)格面的一致性。

服裝企業(yè)網(wǎng)站設(shè)計(jì)

溝通頁(yè)面設(shè)計(jì)

溝通模塊是為了方便項(xiàng)目?jī)?nèi)部或者任務(wù)組內(nèi)部人員溝通,討論方案而設(shè)計(jì)的,溝通模塊與資源廣場(chǎng)模塊,任務(wù),項(xiàng)目模塊高度整合,使客戶(hù)在討論過(guò)程中即可完成相關(guān)任務(wù)信息的錄入與提取,極大地提高了工作效率。

服裝企業(yè)網(wǎng)站設(shè)計(jì)

網(wǎng)站其他頁(yè)面展示

服裝UI設(shè)計(jì)服裝UI設(shè)計(jì)服裝UI設(shè)計(jì)
服裝UI設(shè)計(jì)

  返回