[]
チョン・ソンイ、ウェブページを書きながらデザインの寸法を測るのに疲れていませんか？
テストに言及した後、デザイナーからUIウォークスルーをするようにいつもせがまれますか？"
それなら、堂先生に星の数ほどあるウェブフロントエンド開発スタイルの使い方を教えてもらいましょう！
一度使って、キルトに恋してください！
さあ、チョン・ソンイ。
AlloyDesignerの紹介
AlloyDesignerのアイデアは "コピー "のインスピレーションから来ています。AlloyDesignerを使用した後、あなたはウェブページにデザインをドラッグして、ページの***レイヤーにそれを置くことができます。AlloyDesignerを通して直感的にページを調整し、素早くビジュアルドラフトと同じ目的を達成することができます。
AlloyDesigner公式サイト：er/
[]
[]
AlloyDesignerは、Webページ構築のモードを再定義し、ページ構築プロセス、AlloyDesignerを実行するWebページに直接埋め込まれ、正確かつ効率的にWebページのUIを構築するのに役立ちます！AlloyDesignerはHTML5で開発され、直接WebページのビジュアルWeb構築ツールに埋め込まれて実行され、それはブラウザのプラグインとして使用したり、ブラウザ独自のF12開発ツールと統合することができ、Chrome、IE7 +および他の主要なブラウザをサポートしています。
AlloyDesignerはUI開発時間の40％を削減することが期待されています。
どのように使われているのですか？
AlloyDesignerをインストールして使用するには3つの方法があります：
- ビットクロームプラグインをインストールしてください；
- AlloyDesignerをお気に入りバーに追加します；
AlloyDesignerガイドライン： AlloyDesignerを起動したら、まずビジュアルスクリプトイメージをページに追加し、AlloyDesignerでドラッグ＆ドロップしてページ上に配置した後、AlloyDesignerが提供する測距機能で各DOM要素の幅と高さ、マージン、パディングなどを計測し、色を抽出する必要があればAlloyDesignerが提供するカラーピックアップ機能で色をピックアップします。色を抽出する必要がある場合は、AlloyDesignerが提供するカラーピックアップ機能を使ってピックアップすることができます。
この開発手法の便利な点は、開発者の結果や変更がすべてブラウザにリアルタイムで表示されること、PSタイプのスライスツールが完全に捨てられること、開発者の環境がコードエディタとブラウザの切り替えだけで済むことです。
AlloyDesignerは当社の多くのWebプロジェクト開発で広く使用されており、開発効率と開発品質を大幅に向上させています。
将来展望
また、AlloyDesignerはプロダクトマネージャー、デザイナー、テスト学生による製品のUIウォークスルーを容易にし、将来的にも、開発したページとインタラクションスクリプトの乖離の度合いをスコア化することができます。
今後、AlloyDesignerはさらにビジュアルなUI構築ツールを追加し、DOMサイズやマージン、スタイルをドラッグ＆ドロップで直接変更できるようにするなど、開発効率を向上させ、総合的なビジュアルWeb開発・デザインツールを目指していきますので、ご意見・ご要望がありましたら、ぜひお聞かせください^_Q！
