Element - 餓了么團隊出品的神級桌面 UI 組件庫


Element - 餓了么團隊出品的神級桌面 UI 組件庫
一套著名的桌面端的組件庫,同時提供Sketch、Axure模板資源文件方便快速產品設計。

介紹

由餓了么團隊出品,一套為開發者、設計師和產品經理准備的組件庫,提供了配套axure、sektch設計資源,可以直接下載使用,能幫我等搬磚人員節省大量的時間。

使用現成的UI組件庫,能快速搭建項目,后期也容易維護,在敏捷開發項目中尤為常見。設計師可以下載設計文件,在做設計圖時直接使用模板,既能快速出圖,也保證了前端還原實現。

我是一個喜歡研究前端開發的愛好者,當我第一次看到element時,卧槽真漂亮!那個時候優秀的前端ui框架還不多,等我把官網所有的組件一一體驗下來,發現驚嘆得太早了,不僅好看,體驗做得非常到位,另我深有體會的是,原來在做產品設計時很難解決的交互問題,element都解決得非常好。

高質量的UI組件

為了用它,於是花了1周時間學了vue.js,之后就開始策馬奔騰了。

特點

element ui是一款設計和交互非常優秀的前端UI框架。基於 Vue 2.0,同時也有基於React和Angular的實現。

  • 視覺設計優秀,細節處理到位;
  • 交互體驗很好,即使是復雜的表單操作,反饋也非常清晰,操作簡潔直觀;
  • 較容易上手,基於vue.js開發,官網實例代碼很充足;
  • 支持定制主題;
  • 支持Vue\React\Angular,滿足各前端技術型。

使用體驗

對於設計師,官網提供主題定制功能,可以快速按需生成符合自己設計風格的界面,同時提供sketch、axure模板文件下載,非常良心的企業級UI框架;

對於產品經理,element ui 解決了大量的交互問題,能讓產品經理們專注於解決更深層次的問題,同時可以使用設計文件快速做出原型。

前端開發初期在選擇組件庫尤為重要。成熟的第三方組件庫包含了你需要的組件,會省很多精力和時間,而且可以按需求定制主題,大氣,易用逼格高,外包公司搬磚的同學絕對非常喜歡。

element 主題編輯器

這是一款為桌面端設計的UI庫,出道即巔峰,特別適合做項目管理后台的前端框架,復雜的操作完全不在話下,官網的有充足的代碼例子,使用很簡單,可以配合webpack等工具按需引入,對於沒有工程化開發經驗的同學也很友好,支持引入js、css文件直接開發。

唯一不好的是,國內官網偶爾會抽風,速度有時也不是很快。

雖然一般用於 pc 端開發,但由於是響應式的設計,因此在移動端的表現也不賴,如果開發交互簡單的界面,移動端表現也非常優秀。如果你還沒用過 element ,強烈推薦你現在開始吧。

就算沒能把 element 用在生產項目上,在官網體驗這些高質量的組件,也能學習到很多設計和人機交互知識。特別是對 vue.js 組件化開發感興趣的前端工程師,如果還不是那么熟練,可以多看 element 的例子來學習組件設計的思路。

原文:https://www.thosefree.com/element


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM