私自身はゲームのクライアントエンジニアとして、会社で働いている人間です。今回の記事は、デザインツールの話。デザイナーだけなく、非デザイナーの方にも導入をおすすめできる部分があるからでした。私が働いている、ゲームの制作現場。いった、昔からあるデザインツールが使用されています。私も、昔クリエイターだったころは、これらは、メインのソフトとして使用していたのですが。いう話は色々なところから聞いていました。ワークフローを組んでいるところもあり、当時は私も参画してました。サービスを使うくらい。対しての熱をおびた話も、何がいいのかピンとこず。触ってみたそんな私ですが、現在趣味でゲーム作ってます。個人でスマホのカジュアルゲームの制作をしていく内容をリアルタイムにお届け。今回は、私がゲームを作るために使うツールやサービスのご紹介をしていきたいと思います。使ってみて、思いました。これは、私が欲しかったツールだ。印刷用のレイアウトソフト、という形で生まれました。年からあるみたいです。昔は、用途が限られていた、このソフトたち。モバイルのレイアウト作成が高いレベルでできるため、どちらを使うかは、結構好みだったりします。チカラを入れています。意図した画像を切り出したり、消したりすることも、すごく簡単にできるようになっています。不満そんな、デザイン界隈のトップを走り続けてきたツールたちです。便利ですし、ずっと使わせてもらっています。年くらいの歴史あるソフトで、バージョンアップのたびに、色々できることが増えてきました。できることが増えるのはありがたいんです。私みたいな人がさくっと使うにしては、オーバースペックぎみです。アニメーション制作用のタイムラインがあるんですよ。アニメーションはそれ専用のツールを使いますからね。アプリが重い個人的に、ずっと気になっているのが、これです。パソコンを変える一番の目的って、快適に作業ができるようにしたいからだと思います。製品は、ずっとアプリが重い印象です。リソースが取られてしまいます(特にメモリ)。仕事をするときは、複数アプリを起動していますが、その中で常時立ち上げておくには、けっこうきついです。データのチーム間連携がしづらいエンジニア側だと、チーム作業を行うことに関しては、色々なサービスがあります。代表されるバージョン管理ツールを使って連携すると、安全に連携がとれます。はじめとして、チームで連携できるサービスやツールはたくさん存在します。デザインに関しては、チーム作業って結構ずっと苦しいんですよね。同じファイルを触るような対応は、ほとんど無理で、それぞれのローカルに、最新データがある状態が基本になってしまいます。使ってみて思ったメリットを書いていこうと思います。触ってみて思ったのは、制作作業が早くなるな、ということでした。思った理由を細かくみていきましょう。簡単なツール群もちろん、プロトタイプの制作が、そもそもの用途なので、ドローツールとしては貧弱です。その分すごく直感的でわかりやすいです。感覚としては、パワポを理解するより簡単なイメージです。共通パーツの使い回しが簡単コンポーネントやカラーは、もちろん共通のものとして利用できます。いいなと思ったのはリピートグリッドで、リストなど、繰り返し利用するものを簡単に作ることができます。作って、それをCCライブラリに登録しておいて、同じデータを使いまわしたりも可能です。インターフェースに近いアプリなら、テンプレートのみで、デザインできてしまいます。制作したページ同志をつないで、クリック設定を行うと、実際のサービスかのようにプレビューすることができます。これによって、ページレイアウト単体ではわからなかった手触りや問題点も、把握することが可能になります。モバイルでのプレビューも可能で、画面のスクロールやキーボード表示などを、あたかも実際のアプリを触っているかのように見ることができます。学習コストは低いこちら、ツール自体の学習コストはだいぶん低いです。ことはじめから始めさせてもらいました。時間もあれば、一通りのことはできるようになるのではないでしょうか。管理できるようになります。実際のゲーム制作現場に落とすと、こんな感じになると思います。作図したものになります。矢印が、直線のオプションにないこと以外は、スムーズ。割り切ったツールだなぁ。ファイルを複数の人間で同時に作業を行うことが可能になります。ライクに複数人で編集できるのはいいですね。デザインデータで、それを行えるのは新鮮です。ファイルにはヒストリーがあり、間違った編集をしたときに過去のデータに戻ることも可能です。シェアパネルから、リンクを共有するだけです。それらのページに、そのままフィードバックを記載することも可能です。画像の書き出しも簡単です。いくつかの方法がありますが、書き出したいオブジェクトに名前をつけて、選択してエクスポートするだけ。書き出しを想定して、グループ化と命名をしていれば、誰でも簡単に行えます。これ以上の役割を持たせてしまうと、たしかに本末転倒な気もしますし。ゲーム制作特有の問題点もあったりします。得意分野ではありません。ツールを同時に利用することになります。データをリンクできないデザイナーがチーム作業をするにあたって、絶対に必要なのは、最新の元画像が編集可能な状態でリンクされていることだと思います。ライブラリ、という画像用共有ライブラリで全て管理する必要があります。ライブラリ以外での元データのリンクはできません。デザインもハイクオリティで特殊なものが多いです。パーツ単位ではなく、画面全体をみないと、その良し悪しがわからないケースがほとんどかもしれません。判断に悩むところです。デザインツールのひとつ。デザインに利用するのであれば、大変優秀なアプリです。元々がスタンドアロンのアプリなので、連携前提の作りになっていないのがひとつ。必須であると思います。ほうがメリットが高いように思えます。種類のアプリ(サービス)は、コンセプト共に完全な競合のサービスになると思います。それぞれ長所をあげるとすれば、こんな感じです。とも、ツール自体はずっと無料で使うことができますので、一度全部触ってみるのもいいかもしれません。人までなら、無制限のストレージでずっと使い続けることができます。感想を書いていきたいと思います。触りましたが、デザイン作業をチームで行うときに思う課題への、現時点でのベストな方法が、これかなと思いました。今までのやり慣れた方法というのも否定はしません。ツールの使い方に、作業フローを合わせられるなら、大分楽になるような印象を受けました。同じような問題を思っていて、まだ触ったことがないかた、ツールの検討をしているみなさま。プログラムの初心者なんだけど、どうやって学べばいいか判らない。良い独学の方法を知りたい。思う方、結構多いと思います。UIデザインツールが簡単・高機能この記事を書いた人ねこ渋谷区在住のエンジニア。記事のリクエストや要望などはツイッターで受け付けています。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。