【Atomic】直感的なUIでアニメーションなども作れるプロトタイピングツール

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-15-%e5%8d%88%e5%be%8c5-56-32

「Atomic」は、WindowsでもMacでも使えるツールで、プラグインも豊富なので、好きなデザインを自由にAtomicに取り込むことができます。ページ遷移やコンテンツの展開にアニメーションをつけて表現する機能もついています。

基本情報

サービス名 Atomic
URL https://atomic.io/
利用料 Starter:$15/月
基本機能が使用可
Pro:$25/月
アーカイブの設定・解除、招待等が可能
Unlimited:$35/月
active prototypesが無制限になり優先サポートが付帯

すべてのプランに30日の無料トライアルが可能、金額に応じ拡張性が拡大

運営 Atomic.io Limited
カテゴリ プロトタイピング
日本語対応 日本語対応無し

サービスの特徴1:豊富なデザイン機能

Atomicはデザインツールが豊富に組み込まれているので、一から作成することも、または外部から取り込んでのデザインからでも、プロトタイピングの色や文字タイプ、などすべてのレイアウトを自由に行うことができます。

サービスの特徴2:マルチプレイ編集機能

Atomic はプロジェクト内の誰でもプロトタイプに同時にアクセスできるだけでなく、誰がどの作業をしているかもひと目で分かるようになっています。かつその作業を簡単に一つにまとめることができます。トレーニング機能やヘルプ機能を使うことによりチームメンバーの作業の遅れを防止します。

サービスの特徴3:アニメーション機能

Atomicでは基本的なアニメーションから少し凝ったアニメーションの設定をすることができます。クリックで操作、大まかな設定をした後にプレビュー動画も見れるので、直感的に作業することが可能です。

使ってみた感想!

やはりAtomicの特徴はアニメーション機能だと思います。特にこちらがあまり意識しなくても、設定を段階的に行うことにより、流れるようなアニメーションを簡単に作ることができます。 画面の遷移をアニメーション化できるというのはプロトタイプでユーザーにレビューするときにとても印象にのこりますよね。

オススメの記事(外部サイト)

これは便利だ!SketchとAtomicの連携でプロトタイピングが捗る(https://www.webprofessional.jp)
アニメーションが表現できる直感的なUIデザイン・プロトタイピングツール「Atomic」(https://liginc.co.jp)

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-15-%e5%8d%88%e5%be%8c5-56-32

このサービスの感想を教えてください!

業務改善/web制作のご相談はコチラ!

LEAN MASTERを運営するトーキョーサンマルナナ株式会社では、クラウドサービスなどを活用した業務改善やweb制作を行っております。是非お気軽にご相談ください。