Adobe Systems Incorporated（以下、Adobe）は、社内で密かに進めているプロジェクト「COMET」（コメット）の一部を明らかにした。発表は、10月5〜7日にロサンゼルスで開催したイベント「Adobe MAX 2015」の基調講演の中で行われた。アプリケーションに直接触れることはできなかったが、デモンストレーションの内容を基に「PROJECT COMET」についてまとめる。
実は、AdobeからUX／UI系のツールが登場したのは今回が初めて。これまで、Adobeから出るツールはPhotoshopやIllustratorといったユーザーが素材を作るためのものだった。しかし、今回走り出している「COMET」はそれとは少し違う。
COMETでできることは主に2つ。1つはUX／UIデザインツールとして、もう1つはプロトタイピングツールとしての顔を持つ。
UX／UIデザインツールとしての「COMET」
「COMET」は、UX／UIデザインの作成を補助してくれるツール。直感的に、そして美しく仕上がるのが特徴だ。
例えばモバイルアプリのデザインを作ろうとしたとき、こんな経験はないだろうか。1画面に同じ大きさ・デザインのボタンを複数配置しようと思いコピー＆ペーストをしたあと、やはり大きさを変えたくなってしまい最初からやり直し……。「COMET」があればもうそんな経験をしなくていい。
作ったボタンの枠線をクリックし、ダラダラと下にドラッグする。それだけで、同じ大きさのボタンが自動的に複製される。コピー＆ペーストをしなくても、エリアを増やせば同じアイテムが魔法のようにどんどん出てくるのだ。複製したあと幅や高さを変えたくなったら、1つの大きさを変えれば全てに反映される。同様に色やテキストの配置も、1つ変えれば全てに反映される。もちろん個別にデータを書き込むことも可能だ。
画像の設置も当然ドラッグ＆ドロップでできる。驚くべきことは、異なる複数の画像もドラッグ＆ドロップで一気に配置可能ということだ。
モバイルアプリ以外のUIデザインでも、例えばタブレットの画面に展開しようとするときは線を横にドラッグする。これも、1つのレイアウトを整えれば全てのレイアウトにシンクロして反映されるというわけだ。
プロトタイピングツールとしての「COMET」
「COMET」は、プロトタイピングツールとしても有効だ。UIデザインしたあと、画面遷移などの動きが確認できる。
画面遷移を作るには、画面と画面を線でつないだり、ボタンと画面を線で結べばOK。ここをタップしたらここに飛ぶという指示がすぐに実現でき、そのまま専用のプレビューモードで動作を確認できる。
「COMET」はまだ正式な名称ではなく、実際に触れることができるようになるのは来年の前半ごろを予定。アートボードも多数用意され、期待が寄せられている。気になる方は、プレビュープログラムに登録するといいだろう。
（太田智美）
コメントランキング
「ほぼ東京なんだよな」 永住したい“千葉県の街”上位に「都内までスイスイ」「色々ちょうど良い」「引っ越す予定はない」の声（6/7） | 千葉県 ねとらぼリサーチ：6ページ目
「15袋購入」「雑草が生えなくなりました」 アイリスオーヤマの“防草砂”に「砂をまいて水まくだけ。手軽すぎる！」「本当に楽になりました」の声（1/2） | ライフ ねとらぼリサーチ
「ほぼ東京なんだよな」 永住したい“千葉県の街”上位に「都内までスイスイ」「色々ちょうど良い」「引っ越す予定はない」の声（コメント一覧） | 千葉県 ねとらぼリサーチ
「入るのに苦労したが、何倍もの恩恵がかえってくる」 “入学してみたい国立大学”といえば？ 女性が選ぶ上位に「目指す価値はある」「毎日良い刺激を受けます」の声（5/6） | 大学 ねとらぼリサーチ：5ページ目
「ラーメン屋に行かなくなった」 最高にうまいと思う「カップ麺」上位に「完全にカップラーメンの概念を塗り替えている」「インスタントとは思えない」の声（2/2） | グルメ ねとらぼリサーチ：2ページ目