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

AlloyDesigner的官網：http://alloyteam.github.io/AlloyDesigner/

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

内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制、網站制作、計首選内蒙古呼和浩特先誠網絡科技公司、、、先誠官網：/ 

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

AlloyDesigner預計節省您40%的UI開(kāi)發(fā)時間，每天多40%的時間一起(qǐ)喝杯咖啡如何？

如何使用？
AlloyDesigner安裝使用方法有3種(zhǒng)：

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

AlloyDesigner使用指引：啓動AlloyDesigner後(hòu)，首先，將(jiāng)視覺稿圖片加入頁面(miàn)，然後(hòu)用AlloyDesigner將(jiāng)其在頁面(miàn)中拖拽定位，接著(zhe)用AlloyDesigner提供的測距功能(néng)量出每個DOM元素的寬高、margin、padding等，如果需要提取顔色，可以用AlloyDesigner提供的顔色拾取功能(néng)進(jìn)行拾取。

這(zhè)種(zhǒng)開(kāi)發(fā)方法的便利在于，開(kāi)發(fā)者的所有開(kāi)發(fā)結果和修改都(dōu)是實時的顯示在浏覽器中的，并且，可以完全摒棄PS類的切片工具，讓開(kāi)發(fā)者的環境隻在代碼編輯器和浏覽器之間切換。

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

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

未來AlloyDesigner將(jiāng)會加入更多可視化的UI構建工具，比如通過(guò)拖拽直接修改DOM尺寸、邊距、樣(yàng)式，提高開(kāi)發(fā)效率，做成(chéng)一個全面(miàn)的可視化Web開(kāi)發(fā)設計工具，有什麼(me)建議和想法就提給我們吧。