AlloyDesigner 的創(chuàng)意來自于”臨摹”的靈感，使用AlloyDesigner后，你可以把設(shè)計稿拖進你的Web頁面鋪在頁面的最底層，然后就可以對著設(shè)計稿來構(gòu)建DOM元素和CSS樣式啦，這樣子是不是直觀了很多？通過AlloyDesigner直觀地調(diào)整頁面，迅速達到與視覺稿一致的目的。

AlloyDesigner的官網(wǎng)：http://alloyteam.github.io/AlloyDesigner/

這樣開發(fā)出來的頁面，媽媽再也不用擔心我的頁面被設(shè)計師走查了^_^，開發(fā)效率也大大提高，不再需要邊量尺寸，邊寫頁面啦，真正實現(xiàn)所見即所得。同時，AlloyDesigner還提供測距、取色、放縮、CSS助手等最實用的頁面構(gòu)建工具！

內(nèi)蒙古網(wǎng)站制作，內(nèi)蒙古網(wǎng)站設(shè)計，內(nèi)蒙古網(wǎng)站建設(shè)，呼和浩特網(wǎng)站建設(shè)，呼和浩特網(wǎng)站制、網(wǎng)站制作、計首選內(nèi)蒙古呼和浩特先誠網(wǎng)絡(luò)科技公司、、、先誠官網(wǎng)：http://www.schuylerstatebank.com/ 

AlloyDesigner 重新定義了Web頁面構(gòu)建的模式，頁面構(gòu)建過程中，AlloyDesigner直接嵌入你的Web頁面中運行，幫助你精準、高效的構(gòu)建Web頁面的UI！AlloyDesigner 是用 HTML5 開發(fā)的、直接嵌入在Web頁面中運行的可視化Web構(gòu)建工具，它可以作為瀏覽器的插件或與瀏覽器自帶的F12開發(fā)工具進行整合，支持Chrome，IE7+等主流瀏覽器。

AlloyDesigner預(yù)計節(jié)省您40%的UI開發(fā)時間，每天多40%的時間一起喝杯咖啡如何？

如何使用？
AlloyDesigner安裝使用方法有3種：

    安裝位Chrome的插件；
    將AlloyDesigner添加到收藏欄；
    在html代碼中引入AlloyDesigner的js文件：<script src=’alloydesigner.js’ type=’text/javascript’></script>

AlloyDesigner使用指引：啟動AlloyDesigner后，首先，將視覺稿圖片加入頁面，然后用AlloyDesigner將其在頁面中拖拽定位，接著用AlloyDesigner提供的測距功能量出每個DOM元素的寬高、margin、padding等，如果需要提取顏色，可以用AlloyDesigner提供的顏色拾取功能進行拾取。

這種開發(fā)方法的便利在于，開發(fā)者的所有開發(fā)結(jié)果和修改都是實時的顯示在瀏覽器中的，并且，可以完全摒棄PS類的切片工具，讓開發(fā)者的環(huán)境只在代碼編輯器和瀏覽器之間切換。

AlloyDesigner已經(jīng)廣泛的應(yīng)用入公司的諸多Web項目的開發(fā)，大大提高了開發(fā)效率和開發(fā)質(zhì)量。

AlloyDesigner同時也方便產(chǎn)品經(jīng)理、設(shè)計師、測試同學進行產(chǎn)品的UI走查，甚至未來可以根據(jù)你開發(fā)的頁面和交互稿的差異程度打一個分數(shù)。

未來AlloyDesigner將會加入更多可視化的UI構(gòu)建工具，比如通過拖拽直接修改DOM尺寸、邊距、樣式，提高開發(fā)效率，做成一個全面的可視化Web開發(fā)設(shè)計工具，有什么建議和想法就提給我們吧。