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

2020-12-11 那些免費的磚

一套著名的桌面端的組件庫,同時提供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 解決了大量的交互問題,能讓pm們專注於解決更深層次的問題,同時可以使用設計文件快速做出原型。

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

element 主題編輯器

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

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

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

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

本專欄已建立同名網站,同步更新設計、前端圈免費開源、可商用資源。

相關焦點

  • Vant - 有贊出品的移動UI組件庫
    Vant 是贊前端團隊維護的移動端組件庫,提供了一整套 UI 基礎組件和業務組件。介紹輕量、可靠的移動端 Vue 組件庫,採用 MIT 開源協議, 目前github star 數9k+,是有贊的一套開源組件庫。通過 Vant,可以快速搭建出風格統一的頁面,提升開發效率。目前已有近 60+ 個組件,這些組件被廣泛使用於有贊的各個移動端業務中。
  • Vue 3下element-ui用不了怎麼辦,element-plus來幫你
    element-plus你可以理解為是element-ui支持Vue 3的版本,element-plus是一套支持Vue 3.0的組件庫,提供的組件涵蓋了絕大部分頁面UI的需求。在Vue 3的腳手架項目中,首先安裝element-plus的npm包,命令如下所示:npm install element-plus -S編輯main.js,引入整個element-plus組件和所需的樣式,由於element-plus組件內部默認使用英語,而我們項目需要使用中文
  • 微信正式發布動態視覺組件庫,傳遞出了怎樣的信號?
    12月16日,微信正式發布了 WeUI動態視覺組件庫。WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信內網頁和微信小程序量身設計,可以讓用戶的使用感知更加統一。一、weui.js是什麼?weui.js 是 WeUI 的輕量級 JS 封裝,不需要依賴其它庫,GZIP 後僅有 9.0 KB。
  • 神級聯動:餓了麼攜手v5戰隊一起探店樂樂茶
    18183首頁 餓了麼 神級聯動:餓了麼攜手v5戰隊一起探店樂樂茶 神級聯動:餓了麼攜手v5戰隊一起探店樂樂茶 來源
  • kuapingUI 2.0 版本發布,Bootstrap 4+ 大組件 UI 框架
    kuapingUI 2.0 版本發布,更新了基於bootstrap 4+的組件版本,增加了文本、巨幕、新聞、產品、聯繫、團隊、特徵等數幾十種常用
  • 品牌資訊 | 餓了麼不僅送外賣,還要開餐廳!
    "淘寶造物節"在杭州熱鬧開場 匯集400多家神店以及超千個"新物種"特色商品 備受關注的正式餓了麼口碑也參加淘寶造物節 "火箭餐廳"剛一開張,便成為最熱門打卡點之一
  • 意派Epub360丨百萬級PV的H5《餓了麼蜂鳥答人賽》2.0版本上線啦!
    還記得餓了麼4月份推出的組團答題遊戲H5《餓了麼蜂鳥答人賽》嗎?(不記得的看這裡:H5案例分享丨餓了麼組團答題遊戲)它的2.0版本也早已上線啦!你玩過了嗎?兩個版本的組團答題遊戲H5均由意派科技提供技術支持2020年4月,餓了麼第一季蜂鳥答人賽拉開序幕,1.0版本的組團答題遊戲H5《餓了麼-蜂鳥答人賽》正式上線。為期20天的賽事共吸引34萬藍騎士參與,H5作品的總pv值高達170萬!
  • 2020十大流行JavaScript UI庫
    JavaScriptUI庫和框架可幫助Web開發人員輕鬆構建乾淨,簡單,一致且有吸引力的用戶界面。如今,Web開發人員可以使用超過10,000個JavaScriptUI庫。但是出現的問題是其中最好的一個。許多Web開發人員花費大量時間和精力來瀏覽最佳的JavaScriptUI庫。
  • 精通react/vue組件設計之實現一個輕量級可擴展的模態框組件
    本文轉載自【微信公眾號:趣談前端,ID:beautifulFront】經微信公眾號授權轉載,如需轉載與原文作者聯繫前言本文是筆者寫組件設計的第九篇文章, 今天帶大家實現一個輕量級且可靈活配置組合的模態框(Modal)組件, 該組件在諸如Antd或者elementUI等第三方組件庫中都會出現
  • 回顧2020年,餓了麼都幹了些什麼?|阿里巴巴|餓了麼|外賣|生活服務|...
    編輯 | 于斌出品 | 於見2020年,本地生活服務行業可謂戰火紛飛,風起雲湧。疫情期間,宅在家裡買買買,已經成為了大多數人的居家生活方式。而以"餓了麼"為代表的外賣平臺,也順勢而為,從過去單一的餐飲外送服務,搖身一變成為本地生活服務的頭號玩家。
  • 餓了麼推全球首家「火箭餐廳」 真火箭殘骸搭建
    9月12日,「淘寶造物節」將在杭州熱鬧開場,匯集400多家神店以及超千個「新物種」特色商品。餓了麼口碑首次參加淘寶造物節,「火箭餐廳」剛一開張,便成為最熱門打卡點之一。據悉,火箭餐廳由餓了麼口碑和淘寶聯手打造,經中華航天博物館專業指導,利用曾搭載發射過天宮二號和神舟11號飛船的長徵二號F火箭遺留殘骸回收修復、特殊處理後搭建而成。
  • FrozenUI - 騰訊出品的手機QQ風格前端UI庫
    一套基於移動端web UI庫,輕量、精美、遵從手機 QQ 設計規範。介紹專注於移動 web 的 UI 框架,基於騰訊手機QQ規範。手機QQ風格的UI組件FrozenUI 酷炫案例demo特點簡單易用,輕量快捷,基本樣式使用離線包的方式,減少請求,加載速度很快;樣式類引用簡潔明了,柵格系統運用簡單自如;遵循手
  • 回顧2020年,餓了麼都幹了些什麼?
    編輯 | 于斌出品 | 於見2020年,本地生活服務行業可謂戰火紛飛,風起雲湧。疫情期間,宅在家裡買買買,已經成為了大多數人的居家生活方式。而以"餓了麼"為代表的外賣平臺,也順勢而為,從過去單一的餐飲外送服務,搖身一變成為本地生活服務的頭號玩家。有數據顯示,這一年的餓了麼,各項經營數據漲勢喜人。藉助人們線上消費的習慣養成,餓了麼可謂打了一場漂亮的本地生活服務翻身仗。那麼,餓了麼這一年到底經歷了什麼,才能登上這個時代的巔峰,成為本地生活服務的領導者?
  • 餓了麼口碑推出全球首家 「火箭餐廳」,首秀淘寶造物節
    「淘寶造物節2019」即將在杭州開場,匯集400多家神店以及超千個「新物種」特色商品。餓了麼口碑首次參加淘寶造物節,推出全球首家「火箭餐廳」。餓了麼口碑通過阿里生態數位化能力進行精準用戶運營,結合腦洞青年特質推出主題餐品,也是一次藝術審美與生活體驗的融合。
  • 《精通react/vue組件設計》之實現一個健壯的警告提示(Alert)組件
    本文轉載自【微信公眾號:趣談前端,ID:beautifulFront】經微信公眾號授權轉載,如需轉載與原文作者聯繫前言本文是筆者寫組件設計的第七篇文章, 今天帶大家實現一個自帶主題且可關閉的Alert組件, 該組件在諸如Antd或者elementUI等第三方組件庫中都會出現,主要用來提供系統的用戶反饋
  • 餓了麼口碑推全球首家「火箭餐廳」
    掌上春城訊9月12日,「淘寶造物節」將在杭州熱鬧開場,匯集400多家神店以及超千個「新物種」特色商品。餓了麼口碑首次參加淘寶造物節,9月11日「火箭餐廳」剛一開張,便成為最熱門打卡點之一。作為一家愛玩「黑科技」的生活服務公司,餓了麼口碑在火箭餐廳內也布下了「天羅地網」小機關,「紅外感應登陸倉」「穹頂球幕太空全息影像」「桌面互動影像系統」「智能環保回收機」,科技力讓人產生置身太空的錯覺。
  • 哈爾濱UI設計培訓初翼教育
    本網12月24日訊 哈爾濱ui培訓哪個好?哈爾濱ui設計培訓機構,哈爾濱ui設計培訓哪裡好,哈爾濱UI設計培訓學校初翼教育,哈爾濱ui設計培訓學校哪家好?就選擇初翼教育