UI框架,你最中意誰?


現在,移動、跨屏已經成爲當下互聯網最熱門的技術,而前端開發者在開發網頁時,時常會陷入重複解決繁複的跨屏、適配問題,耗費精力,影響工作效率,產品開發進度慢這樣的惡性循環中。針對以上這些情況,小編整理了幾個前端框架,供開發者在開發網頁時參考瞭解。

       首先,小編要先說說ZUI。ZUI是禪道項目管理軟件團隊在完善自己產品過程中,形成的一個開源前端實踐方案,能快速構現代跨屏應用。它簡單美觀,易於使用,快速構建簡潔大方的現代web應用。ZUI採用HTML5且支持所有流行的移動及桌面瀏覽器平臺,一些舊的瀏覽器也能夠降級支持。輕快獨立穩定,最佳的可用性能,最大限度的不依賴於外部組件。全平臺響應,一次編寫,響應任何尺寸的設備。以下是幾個運用ZUI的例子。

1、蟬知

wKiom1Tu1gOQ9rRaAAF7S1ra560885.jpg

 

蟬知企業門戶系統是由業內資深開發團隊開發的一款專向企業營銷使用的企業門戶系統,企業使用蟬知系統可以非常方便地搭建一個專業的企業營銷網站,進行宣傳,開展業務,服務客戶。

蟬知系統內置了文章、產品、論壇、評論、會員、博客、幫助等功能,功能豐富實用,後臺操作簡潔方便。同時蟬知系統內置了搜索引擎優化必備的功能,比如關鍵詞,摘要,站點地圖,友好路徑等,使用蟬知系統可以非常方便的搭建對搜索引擎友好的網站。蟬知系統採用的就是ZUI框架。

2、然之

 

wKioL1Tu162zv1VYAAMHwXE6Nbk200.jpg


    然之協同系統是一款面向中小企業的協同辦公系統,它包括了客戶管理、銷售跟蹤、日常辦公等功能。然之協同由國內著名開源軟件廠商青島易軟天創開發,以LGPL協議開源發行。青島易軟天創旗下還開發有著名的禪道開源項目管理軟件和上面已經說過的蟬知開源企業門戶系統。然之所運用的就是UI框架。

3、OpenCenter

wKiom1Tu1sCAKmc6AANQhDkPVBM318.jpg

 

OpenCenter著名社交產品開發商想天科技計劃推出一款基於ThinkPHP框架的通用的用戶中心框架。結合OpenSNS(原ThinkOX)的社交實踐提煉出一款新的用戶中心產品OpenCenter即將在年前發佈beta版。

OpenCenter的後臺管理框架採用ZUI作爲UI框架,清晰簡潔。圖表繪製採用highChart。導航結構頂部爲系統級導航,在頂部導航加入了兩個便捷功能,清空緩存和打開前臺。導航左側爲已安裝的模塊管理界面入口,點擊底部更多可以進入到雲平臺的模塊中心,也可以根據自身需要添加模塊。右側部分爲主內容部分,主要統計當天的活躍度與最近N天的新用戶註冊數,一目瞭然,此處的N可以在後臺配置。

接下來,小編再來說說Semantic UI。Semantic UI的特性有:擁有豐富的CSS模塊,常用的JS組件,CSS3動畫特效,漂亮大氣的新式,非常完善的文檔和演示,配備網格佈局,支持Sass和LESS動態樣式語言,有一些非常實用的附加配置等。

wKioL1Tu1-miCSaZAAFI5jIwik8902.jpg

 

下面是一款採用Semantic UI的例子。

wKioL1Tu1_-TlhD-AAIuBsySaSM517.jpg

 

最後,小編再介紹下Amaze UI。Amaze UI是一個針對HTML 5開發的輕量級、模塊化、移動優先的跨屏前端框架,通過拆分、封裝了一些常用的網頁組件,比如輪播圖框、文字框等等組件,讓前端開發者只用複製代碼便可以將這些跨屏的組件寫入自己的網頁中,而不需要自己在開發的過程中重寫一遍。

wKioL1Tu2A-SVm2pAAEvFk9Cb5Q356.jpg

 

Amaze UI有以下優勢:加入更多符合中國市場特性的元素,中文排版更優化,兼容中國本土主流瀏覽器。更輕量化,不僅適用於桌面端,更適合移動端,包含一些封裝好的Widgets。

     當然,除了以上的三個UI框架之外還有一些別的框架,利用這些框架能夠幫助開發者快速進行設計和開發,可以大大簡化很多工作量。對於開發者來說,選擇適合自己的框架,事半功倍。小編上述介紹的這些,希望對您有所幫助。

 

 

 

 

 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章