デザイナー必見!作業効率が大幅に軽減するアプリ「Adobe Preview CC」とは
Webデザインを行う際は、パソコンだけではなく、スマートフォンやタブレット端末などでも表示を確認する必要があります。
パソコン上では最適化されていても、スマートフォンで表示するとデザインが崩れてしまっている、ということは往々にしてあることです。
今回は、デザイナー必見のアプリ「Adobe Preview CC」をご紹介します。
Photoshopユーザーにとってはとても便利なので、まだ利用されていない方は一度インストールしてみることをオススメします。
Adobe Preview CCとは
使用料金:無料
Adobe Preview CCとは、Adobe Creative Cloudが2015年にPhotoshopのアップデートの一環として発表したアプリです。
これまで、Photoshopを使用してスマートフォン対応のデザイン作成をした場合、「書き出し」を行ってスマートフォンへ画像を転送する必要がありました。
この工程は、最終確認のみの場合はそれほど手間のかかる作業ではありません。
しかし、デザイン作成中は、微調整を含めて繰り返し本番環境でのチェックが必要となります。
チェックの都度、書き出しをしてスマートフォンへ転送するというのは、意外に時間も手間もかかってしまう作業です。
Photoshop CC 2015では、Adobe Preview CCをスマートフォンにあらかじめダウンロードしておくことで、書き出しや転送の手間を取ることなくリアルタイムでデータの確認が可能になります。
Adobe Preview CCを使用する2つのメリット
1.精度が高い
Photoshop側で修正した部分もリアルタイムで確認できることはもちろん、その精度が高いこともオススメポイントです。
従来どおり、データを書き出し、iPhoneに転送して確認するサイト同等の再現性がありますので、本番でデザインが崩れてしまっていた、という心配がありません。
2.複数デバイスで使用できる
同じAdobe IDでログインすれば、iPhoneだけではなくiPadでもデザインの確認が可能です。
そのため、デバイスごとにデータを書き出す必要もありません。
いずれもリアルタイムでデータが反映されますので、パソコン・タブレット・スマートフォンと複数のデバイスに対応したデザインを作成する際に非常に便利です。
使用方法
step1.
まず、アプリをダウンロードして起動します。
上記でご紹介しているURLからダウンロード可能です。
なお、執筆時現在(2016年10月)、iPhone・iPadでのみ使用することができますので、Androidユーザーの方は注意してください。
step2.
アプリを起動すると、ログイン画面が表示されます。
「サインイン」をタップし、Photoshopで使用するメールアドレス・パスワードを入力してログインしてください。
step3.
続いて携帯電話番号を追加する画面が表示されます。
パスワードを忘れた場合に備えて設定しておくことをオススメしますが、スキップしても問題ありません。
step4.
上画像と同じ画面が表示されたら、アプリ側での設定は完了です。
なお、アプリを利用する際は、iPhoneとPhotoshopを開いているパソコンをUSBで接続するか、パソコン側で使用するWi-Fiと同じ環境のWi-Fiに接続する必要があります。
step5.
続いて、Photoshop側の設定を行います。
すでにデザインを作成している場合は、念のためデータを保存しておき、画面の上部に表示されているメニューのうち「ウィンドウ」をクリックしてください。
step6.
すると、メニューがプルダウンで表示されます。
このうち「Device Preview」をクリックします。
step7.
数秒待機すると「Device Preview」のボックス上でPhotoshop画面と接続されたiPhone名が表示されます。
以上で設定完了です。
このボックスは、アイコン(画像赤枠部分)をクリックすれば、表示/非表示を切り替えることができます。
同期が完了すると、iPhone側でも同じデータを確認できます。
使い始めの頃は、データが同期されるまで時間がかかる場合もありますので、すぐに同期されない場合でも接続を切断したり、アプリを終了したりしないように注意してください。
まとめ
デザイナーは、細かい部分にも気を配り、複数デバイスで見ても違和感のないデザインに仕上げることが求められます。
そのため、ちょっとした微調整を行った場合でも必ず他デバイスでどのような表示になるのかを確認する必要があります。
Adobe Preview CCを使用すれば、Photoshopを使用するデザイナーの作業効率が格段に捗るでしょう。
ぜひアプリをインストールし、本記事を参考に使用してみてはいかがでしょうか。
- タブレット
- タブレットとは、元々「板状のもの」「銘板」といった意味の単語です。パソコンの分野で単にタブレットといえば、「ペンタブレット」や「タブレット型端末」などの板状のデバイス全般を指します。ここでは主にタブレット型端末について説明していきます。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- デバイス
- デバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。
- タブレット
- タブレットとは、元々「板状のもの」「銘板」といった意味の単語です。パソコンの分野で単にタブレットといえば、「ペンタブレット」や「タブレット型端末」などの板状のデバイス全般を指します。ここでは主にタブレット型端末について説明していきます。
- デバイス
- デバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- URL
- URLとは、「Uniform Resource Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。日本語では「統一資源位置指定子」という名称がついていますが、実際には日本でもURLという語が使われています。
- Android
- Android OSとはスマートフォン用に開発された基本ソフト(OS)の一種です。米国Google社が中心となり開発されました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- デバイス
- デバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。
- デバイス
- デバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング