4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

qnoteAdvent Calendar 2020

Day 21

ipadでワイヤーを書けることを知った(ついでにチラシも作る)

Last updated at Posted at 2020-12-20

##はじめに

  • ipadでワイヤーフレームを書くアプリと、テンプレートを使ったチラシ制作のアプリを紹介する記事です。
  • 技術的な話は出ません。予めご了承ください。
  • 紹介するアプリがリリースされたのがだいぶ前なので、既に世に蔓延ってる情報しか載せていません。
  • 先程知った私は頭を横から殴られた衝撃があったので衝動で書き連ねています。

#愚かな人間トーク
主にmacbookのXDを使用してワイヤーフレームを書くことが多い人間です。

ipadはApple Pencilという神器が使用できるので、トラックパットを使ってワイヤーを書くのと比べると比較にならないほど書きやすい!ということに気付いてからは、ipadを使うことも増えてきました。

無知で愚かな私はipad既存のメモ帳か、PC版と共有できるメモアプリ(Evernoteとかbearとか)の手書き機能を使ってワイヤーを書いていました。
いやコレ(ipadとApple Pencil)便利すぎるし、知らんだけでワイヤー書くアプリは絶対にあるはずじゃぞと、ふと我に帰ったので調べました。

#あった
https://www.adobe.com/jp/products/comp.html
Adobe Compというアプリがadobe製品でありました。
##とりあえず触る
gif-01_2.gif

###おわかりいただけただろうか
フリーハンドで書いた四角やバツマークが図形や画像に変換されましたね…
適当に書いたとは思えない完成度の画像が画面に表示されるだけで、既にもう作業効率が5億倍になりました。
###一通り触る
gif-02.gif
gif-03_1.gif
さらさらと触りましたが、ワイヤーを書くのに事欠かない機能が揃っています。

オブジェクトの複製や複数選択・整列なども使用できます。また、見出しや本文などそれぞれのテンプレートテキストが用意されているので、文字の流し込みもラクチンです。

ipad本体のフォトライブラリから画像を挿入する機能もあります。なので爆速で猫が配置できます。

###共有が充実
共有ボタンを押したら一覧に出てくるリストは以下の通りです。さすがAdobe製品という感じのAdobe製品とのリンクがいいですね。

  • Behanceに送信
  • InDesignに送信
  • Photoshopに送信
  • Illustratorに送信
  • Museに送信
  • 自動モックアップ
  • PDFを共有
  • 画像を共有
  • リンクを共有

個人的に感動したのは自動モックアップです。作成したキャンバスサイズに合わせてモックを作成してくれる機能です。
どんなもんかとボタンポチーしたら、なんといい感じの画像を2枚も作成してくれました!
IMG_0017.JPG
IMG_0018.JPG

##神だった
なんで今まで知らなかったのか

#ついでにチラシを作る
私はワイヤーを書くこともありますが、チラシやポスターを作ることも少し多い人間です。
印刷物ももちろんワイヤー(下書き)を作成して作ることが多いですが、今回は折角なのでipadを使ったテンプレートのアプリをご紹介します。

###Canvaのアプリを使ってみる
https://www.canva.com/
綺麗なデザインをテンプレートからサッと作れるwebサービス、Canvaです。
このサービスのipad版のアプリは知ってはいたけど使ったことがなかったので使ってみました。

###テンプレートを選ぶ
temp-01.jpg
画面左側のメニューからテンプレートを選び、ええ感じのものを選択します。
今回は架空のチラシにしました。冬っぽくて可愛いこちらのテンプレートを使用します。

temp-02.jpg
画面左側のメニューからカメラロールを選択すると、ipad本体の中のカメラロールの画像が一覧で表示されました。

操作方法はWeb版と同じで、挿入したい画像をタップすると右側のテンプレートの上に表示されたので、その画像を指で差し替えたい画像の上にドラッグして差し替えます。
ブラウザ版に比べると動きがかなり重たいようで、ドラッグが反応しているのか少し怪しいところもありました。。

あとは見出しやコメント部分をチョチョっとそれっぽく書き換えて、猫社員おやすみ展のチラシが完成です。

画像が多いテンプレートはだいぶ重たくてフリーズからのアプリ落ちが多々 Web版と忖度ない…とは少し言い難い感じでしたが、こちらも爆速でチラシが作成できました。

##ipadは便利
今年の10月にリリースされたipad版のIllustraotやPhotoshopを一通り触った結果、期待以上の機能が出なかったので割とipadの可能性を見限っていたところがありました。。
ですがCompに関しては知らぬことを後悔した程でしたし、Canvaも思った以上にWeb版と同じだったので、今回調べたこの2つのアプリを知れて心がホクホクしました。ipadって便利なんだな〜

余談ですがipadでIllustratorで作成するようなベクターデータを作成したい時は『Affinity Designer』がオススメです。
https://affinity.serif.com/ja-jp/designer/ipad/

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?