Amaze UI優(yōu)秀案例 最懂中國(guó)程序員的跨屏H5前端框架
Amaze UI 自上線以來(lái),從一個(gè)純粹的基于HTML5的開(kāi)源框架產(chǎn)品到擁有豐富Web 組件和模板,吸引了國(guó)內(nèi)外眾多開(kāi)發(fā)者的關(guān)注。在Github上,Amaze UI已經(jīng)收獲將近3000個(gè)Star,并一度躍居成為Github上的熱門開(kāi)源軟件推薦排行榜前十。
Bootstrap框架是目前比較受全球程序員受歡迎的框架之一,因其擁有美觀的樣式和封裝完善的JQ插件,和其它框架無(wú)法比擬的擴(kuò)展。但針對(duì)中國(guó)開(kāi)發(fā)者,Amaze UI除了開(kāi)源和組件豐富的特點(diǎn)以外,它還擁有更加本土化的元素。 首先界面操作更加符合中國(guó)人的習(xí)慣,解決了Bootstrap沒(méi)有對(duì)中文字體做設(shè)置的問(wèn)題。其次, Amaze UI 以國(guó)內(nèi)瀏覽器兼容性為重要指標(biāo),不斷加強(qiáng)對(duì)各種本土瀏覽器的支持,幫助廣大前端開(kāi)發(fā)者從最繁瑣痛苦的瀏覽器性問(wèn)題中解脫出來(lái),Amaze UI***發(fā)布的版本中還接入了微信支付。第三,Amaze UI的思路是先移動(dòng)后PC,避免了兩套開(kāi)發(fā)流程。
作為一款本地化支持,移動(dòng)優(yōu)先為理念的開(kāi)源框架產(chǎn)品,Amaze UI已經(jīng)幫助開(kāi)發(fā)者快速高效的開(kāi)發(fā)出了許多優(yōu)秀的跨屏前端作品,并深入到各個(gè)行業(yè),包括教育、醫(yī)療、藝術(shù)、金融等等各個(gè)領(lǐng)域。
以下是一些工程師和設(shè)計(jì)師們利用Amaze UI獨(dú)立開(kāi)發(fā)的一些網(wǎng)站案例展示:
矩陣道優(yōu)達(dá)網(wǎng)站
該網(wǎng)站使用了傳統(tǒng)的首頁(yè)大Banner展示方式。在移動(dòng)端頁(yè)面效果展示中,不僅保持主畫面與PC網(wǎng)站一致的簡(jiǎn)潔風(fēng)格,同時(shí)使用Amaze UI已有的段落、分割線和圖片輪播組件,通過(guò)拖拽便非常輕松實(shí)現(xiàn)網(wǎng)站內(nèi)容的適配,并大福提高了開(kāi)發(fā)效率
某綜合性文化網(wǎng)站:
此網(wǎng)站包含眾籌、文化產(chǎn)業(yè)基金、影迷互動(dòng)等等頻道等豐富內(nèi)容,圖片是網(wǎng)站內(nèi)容的重要組成部分。使用Amaze UI框架開(kāi)發(fā)其移動(dòng)端頁(yè)面后,圖片能夠根據(jù)用戶訪問(wèn)終端設(shè)備自動(dòng)調(diào)整尺寸和壓縮大小,以最快的加載速度優(yōu)化其在各種主流移動(dòng)終端訪問(wèn)體驗(yàn)。
某設(shè)計(jì)師網(wǎng)站
聚集著眾多優(yōu)秀設(shè)計(jì)師的站點(diǎn),展現(xiàn)著各種潮流范兒的設(shè)計(jì)師作品。網(wǎng)站的布局及圖片處理直接影響著用戶對(duì)設(shè)計(jì)師作品好壞的評(píng)判。為了解決PC導(dǎo)航菜單類目繁多及手機(jī)屏幕圖片展現(xiàn)尺寸有限的問(wèn)題,Amaze UI 框架提供的分類菜單和輪播式圖片展現(xiàn)方式則非常有效的解決了上述問(wèn)題。
Amaze UI 的初衷來(lái)源于云適配把開(kāi)發(fā)過(guò)程中積累的包括菜單、輪播圖等在內(nèi)的大量針對(duì)手機(jī)端的UI控件開(kāi)放出來(lái)方便開(kāi)發(fā)者使用,隨著移動(dòng)端開(kāi)發(fā)的強(qiáng)烈市場(chǎng)需求,云適配便把Amaze UI 作為一個(gè)開(kāi)源產(chǎn)品并用專職團(tuán)隊(duì)運(yùn)營(yíng),最終打造成一款完全針對(duì)HTML5開(kāi)發(fā)的輕量級(jí)、模塊化、強(qiáng)調(diào)移動(dòng)優(yōu)先的開(kāi)源跨屏前端框架,讓開(kāi)發(fā)者只需復(fù)制代碼便可將這些跨屏組件寫入到自己的應(yīng)用中。
但是移動(dòng)前端開(kāi)發(fā)過(guò)程中的兼容性維護(hù)及復(fù)雜的屏幕適配還需要花費(fèi)很多時(shí)間去進(jìn)行,云適配便使用開(kāi)源的方式,一方面除了能共享現(xiàn)有資源,另外一方面也希望更多的中國(guó)開(kāi)發(fā)者能夠參與到Amaze UI的建設(shè)當(dāng)中,提供反饋意見(jiàn),讓Amaze UI吸收更多的本土開(kāi)發(fā)者的意見(jiàn)、變得更成熟,成為更懂中國(guó)程序員的實(shí)用工具。