雷火电竞首页-中国电竞赛事及体育赛事平台

聯系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

ui設計師怎么做好ui設計庫?詳解ui設計師如何做ui設計組件庫

Time: 2021-05-31

設計師應怎么做好ui設計庫?這段時間有些朋友在做ui設計的時候遇到了一些難題,不知道怎么做ui設計組件庫。下面就讓faceui給大家詳解一下相關的問題。感興趣的朋友不妨進來文章了解一下吧。

  常見的ui設計分為3種

  移動端、多媒體UI設計師:手機平板上的APP設計和主題設計,當然還有車載中控大屏界面、智能電視界面、現今各個物聯網智能家居家電的可視化界面設計,目前主流的UI設計為移動端的手機APP、小程序、微信公眾號等的界面設計。

ui設計庫

  ui設計庫(圖片來自網絡)


  PC端UI設計師:對電腦上的軟件和網站的界面視覺包裝、功能板塊布局、按鈕的綜合設計,PC端UI設計師主要以電腦軟件界面設計為主。

  游戲UI設計師:對網游和手游上的界面進行設計,該職位對游戲UI設計師的要求很高,要求一定的手繪能力,最好是科班出身但是薪酬相對來說更可觀!

  UI設計師如何系統的建立組件庫?

  首先,要明確一點:如果你承擔起了建立組件庫這項工作,則需要將它當成一個屬于你自己的項目或產品去設計、開發、跟蹤。在職場里,資源只會向“有想法、有目標、有擔當的員工”傾斜。有了這種項目經理的認知,我想你已經成功邁出了第一步。下面是幾個關鍵點:

  一、明確組件庫的目標和用戶

  組件庫的主要目標在于:統一產品體驗、提升協作效率、迭代技術框架。所以,一個完整的組件庫不僅僅是設計層面,還要深入到開發層。簡單點說,我們做的組件庫設計稿,工程師需要將它們封裝成代碼層的組件庫。只是設計層面的組件,是無法從本質上達到上面所說的目標的。說完目標,我想你已經知道組件庫的用戶是誰了:設計師、工程師、甚至產品經理。

  二、明確組件庫服務的產品特性

  如果組件庫服務的是B端或者中后臺系統,那其實有很多可參考的開源組件框架:Ant Design、Elemeui、Layui等,注意不同的框架用到的前端技術不一樣,兼容的瀏覽器版本也不一樣,這要根據你們技術情況作選擇。

  如果覺得細節和風格和你們的產品不統一,那就需要二次設計和開發封裝 如果組件庫服務的是C端的系統,那可能需要你結合你們的產品特性和開源組件框架,二次設計和開發你們自己的組件庫。

ui設計庫

  ui設計庫(圖片來自網絡)


  三、從立項到研發再到試用

  想清楚了目標、用戶、場景之后,你需要把他當成一個項目去運作,因為靠你一人是幾乎不可能完成的,除非你會設計、會前端、會前后端聯調。

  第一步:與老板/領導溝通,表達組件庫的意義和好處,獲得高層的支持。

  第二步:與相關部門經理溝通,表明你需要工程師的協助,請他們幫忙。

  第三步:寫一封郵件,把背景、意義、目標、計劃、資源寫清楚,就算把這個項目啟動了。

  第四步:如果前面4步順利,你可以放手去做了。先出設計稿,然后讓工程師評審確認一下,這個過程可以慢慢迭代,不一定一下在把活干完。

  第五步:保持與工程師的溝通和跟蹤,推進你的組件庫項目。

  第六步:如果沒有測試配合,那就自己測。

  UI設計師是如何做好ui設計庫?以上就是faceui給大家介紹了UI設計師如何系統的建立組件庫,大家在做這方面工作的時候,一定要明確一下好ui設計組件庫服務的產品特性需求,希望這些內容對你們有所幫助。


合作咨詢

上海(總部)

上海市浦東新區郭守敬路498號22號樓
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區后永康17號A座
010-64015620
[email protected]

辦公地址地圖

成都

四川省成都市錦江區東大街牛王廟段100號
028-62790929
[email protected]

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開