0%

Designデザインワークショップ

Posted:2018.06.20

新たなUIデザインツールとして期待の「InVision Studio(early access版)」を導入してみる

Adobe XDやSketchといったUIデザインツールに新たなアプリケーションが登場するとのことで注目されている「InVision Studio」ですが、現在はearly access版ながらもかなり期待できそうな感じでしたので早速テストで導入してみたいと思います。

 

なお、InVision Studio自体はまだベータ版段階のため、具体的な機能レビューなどは本記事では控えておきたいと思いますのでご了承ください。

 

InVision Studioとは

InVision Studioは、オンライン上でデザインのフィードバックができるWebサービスを提供しているInVisionからリリース予定のUIデザインツールです。

【InVision Studio(early access)】
https://www.invisionapp.com/studio

 

現在はまだベータ版のみ使える状況ですが、いずれ正式バージョンがリリースされるのではないでしょうか。競合となるAdobe XDやSketchなどのUIデザインツールですが、アプリのようなアニメーションのあるUIが表現できたり、InVisionとの親和性といった点が注目されているようです。またWindows版もリリースされるっぽい感じですね。またUIも未来感溢れるかっこいいデザインで、制作中もテンションが上がりそうですね!

 

現在使えるベータ版という位置付けのearly access版は無料で使えるので、ぜひこの機会にインストールして触ってみたいと思います。

 

アプリ立ち上げにはInVisionのアカウントが必要

InVision Studio early access版のインストールですが、まずは公式サイトにアクセスします。画面中央に「GET EARLY ACCESS NOW」のボタンがあるのでクリックします。

 

新たなUIデザインツールとして期待の「InVision Studio(early access版)」を導入してみる

 

ダイアログが表示されて、名前とメールアドレスの入力を求められられますので、入力し、送信ボタンをクリックします。間も無くインストーラーのダウンロードが始まりますので、インストールしたらアプリケーションフォルダに追加します。

 

新たなUIデザインツールとして期待の「InVision Studio(early access版)」を導入してみる

 

初回立ち上げの場合はInVisionへのログインが必要になります。すでにアカウントを持っている場合はログイン情報を入力しますが、無い場合には下部にあるアカウント作成のリンクから新規アカウントを作成していきます。

 

新たなUIデザインツールとして期待の「InVision Studio(early access版)」を導入してみる

 

メールアドレスとユーザーネーム、パスワードを入力し「CONTINUE」ボタンをクリックして先に進めていきます。

 

新たなUIデザインツールとして期待の「InVision Studio(early access版)」を導入してみる

 

簡単なアンケートが続けて表示されますので答えていきます。その後「START USING INVISION」ボタンをクリックします。

 

新たなUIデザインツールとして期待の「InVision Studio(early access版)」を導入してみる

 

再び、InVision Studioに戻り、先ほど作成したアカウントでサインインします。

 

新たなUIデザインツールとして期待の「InVision Studio(early access版)」を導入してみる

 

サインインに成功するとアプリのスタート画面が表示されます。メジャーなデバイスの解像度に合わせたキャンバスをあらかじめ選べるのは助かりますね。また、Sketchファイルを選択してファイルを開けるようですね。

 

新たなUIデザインツールとして期待の「InVision Studio(early access版)」を導入してみる

 

キャンバスを選択したらワークスペースが表示されます。ここから画面デザインを作成していく形になります。

 

新たなUIデザインツールとして期待の「InVision Studio(early access版)」を導入してみる

 


 

まだそこまで触っていないのですが、概ねSketchに似た感触でした。まだ、early access版なのでこれからいろんな機能が実装されていくと思いますので期待して見守っていきたいですね。製品バージョンがリリースされたら使用感などのレビューも上げていきたいと思います。

author
この記事を書いた人オガワ シンヤ
FacebookTwitter

DesignSupply.代表 / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はチョコレートが欠かせない三十路Webクリエイター。

制作のご依頼やお問い合わせ・パートナー業務提携のご相談はこちら

デザインやウェブ制作についてのご依頼やご相談、その他お問い合わせなどもお気軽にご連絡ください。フットワークの軽さやレスポンスの早さ、また豊富な経験や知識、技術を活かした対応力といったフリーランスクリエイターの強みでクライアント様、パートナー企業様のお力になります。デザインからコーディングやWordPress実装といったウェブサイト構築はもちろん、写真撮影や動画編集、コンテンツ制作からサイト運用サポートまで一括してお任せください。

ホームページ制作のご検討やウェブ運用でお悩みの経営者様や企業のウェブ担当者様をはじめ、個人で店舗を営んでいらっしゃるオーナー様、フリーで活動されているビジネスオーナー様はもちろんのこと、リソース不足でお困りの制作会社様、またクリエイターをお探しの代理店様も大歓迎です。

コンタクトをご希望の方はお手数ですが、下記よりお問い合わせフォームのページへアクセスしていただき、必要事項を入力の上メッセージを送信してください。確認でき次第すぐに折り返しご連絡致します。

こんな記事も読まれています

コメントもお気軽にどうぞ

記事に関するご質問やご意見などありましたら下記のコメントフォームよりお気軽に投稿ください。なおメールアドレスは公開されませんのでご安心ください。また、* が付いている欄は必須項目となります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA


ページトップへ
大阪市天王寺区のホームページ制作デザイン事務所(SOHO)DesignSupply.【デザインサプライ】