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」はまだ正式な名称ではなく、実際に触れることができるようになるのは来年の前半ごろを予定。アートボードも多数用意され、期待が寄せられている。気になる方は、プレビュープログラムに登録するといいだろう。
（太田智美）
コメントランキング
「東横イン、美味しすぎ」「朝食ならルートイン」 “食事がおいしい”と思う「ビジネスホテル」は？【アンケート実施中】（投票結果） | ライフスタイル ねとらぼ
水木一郎、影山ヒロノブ、LiSA…… あなたが好きな「アニソンシンガー」は？【アンケート実施中】 | アニメ ねとらぼ
「ルートインの大浴場 最高」「設備が充実のドーミーイン」 “お風呂が最高”だと思う「ビジネスホテル」は？【アンケート実施中】（投票結果） | ライフスタイル ねとらぼ
姫路城、松本城、会津若松城…… あなたが好きな「日本の城」は？【アンケート実施中】（投票結果） | ライフスタイル ねとらぼ
「普通に読めん」 千葉県の“難読市町村名”といえば？ ランキング上位に「千葉県、難読駅が地味に多いと思う」「文違は絶対読めません」の声（コメント一覧） | 千葉県 ねとらぼリサーチ