00:01
Canvaだけでデザイナーはやっていけると言っている人がいたらしく、それにプロのデザイナーが反発しているところを、Xツイッター上で見かけました。
デザインで食べていくならCanva一本で全く問題ない。子産デザイナーがCanva使ってない理由は新しいソフト覚えられないからってだけ。みたいなことを言っている人がいたらしいんですね。
Canvaは非常に良いデザインツールですが、デザイナーではない人向けのものですし、Canvaだけでデザイナーがやっていけるという意見には私も反対します。
じゃあなんでそう言えるのかと、わかりやすく伝えるにはどうしたらいいかと考えて、アドビイラストレーターとフィグマとCanvaの比較表を作りました。
それをツイッターに投稿したんですが、そんなに反響はなかったんですが、この表を補足するような話を今回はしたいと思います。
表はX、ツイッターのカタカナで、あしかがこうじのアカウントで見られますが、別に見たことなくても、見ながらでなくても話はわかると思います。
アドビイラストレーターはプロ向けのデザインツールです。
アドビフォトショップが画像加工、画像処理なツールなのに対して、イラストレーターはレイアウトツールですね。
今回の比較はレイアウトするツールとしての比較です。
フィグマはWebデザインやWebアプリ、あるいはスマホやタブレットなどのアプリのユーザーインターフェースを作ることをターゲットにしたツールです。
ただデザインツールとして、レイアウトツールとして十分な機能を持っているプロ向けのツールです。
そしてキャンバーは非デザイナー向け、デザイナーではない人でもそれなりにデザインができるように、レイアウトができるようにというツールです。
そしてこれらを比較する上で、まず気になるのがCMYKカラーを扱えるかどうかです。
画面だけで完結するデザイン、SNSで投稿する用の画像とかWebデザインで使われる画像、バナー広告とかYouTubeのサムネイル画像とか、そういうものはRGBカラーでいいんですが、
03:00
印刷することを考えるとCMYKカラーで指定することが基本的には必須なんですね。
あるいはグッズ製作でアクリルスタンドとか缶バッチとかそういうものを作るために入稿するときもCMYKカラーが好ましいですね。
このCMYKカラーを扱えるCMYKで色指定できるのはこの3つの中ではAdobe Illustratorだけです。
なので印刷物を作るという上ではIllustrator一択ということになります。
なおFigmaはCMYKにエクスポートできるプラグインがあるそうです。
CanvaもPDFでダウンロードするときにCMYKを選べるそうです。
とはいえどちらもCMYKで書き出せるだけで色指定時にCMYKを選べるわけではないんですね。
次にデザイナーとしてデザインツールに求めるもの、欲しい機能は文字詰めですね。
文字と文字の間隔、横書きだったら横に並んでいる文字同士の間の間隔を調整する機能です。
本文に使われているような小さな文字を一文字一文字細かく文字詰めしたりはさすがにしないにしても
見出しのような大きな文字に関しては文字詰めが必須というか文字詰めをちゃんとしてるかしてないかでデザインの質が大きく変わります。
この文字詰めに関してはCanvaはテキストボックス全体に対しての文字と文字の間隔は調整できるんですが
一文字一文字での文字と文字の間隔を調整することができません。ここがやっぱりプロ向けツールではないところですね。
Adobe IllustratorとFigmaは一文字一文字の間隔を細かくショートカットキーで調整することができます。
そして次にベクタデータを扱えるかどうかなんですがCanvaはベクタデータの編集はできませんが
SVG形式のファイルの読み込みには対応していました。ベクタデータはビットマップの画像データと違って
いくら後から拡大縮小してもきれいなデータで扱えるのでデザインツールとしては必須の機能だと思います。
素材集サイトなどでのベクタ形式のデータは今SVGでダウンロードできるのが主流なので
ベクタ形式のデータを扱ってデザインできるという意味ではCanvaもちゃんとできるんだなと思いました。
06:08
ただどうしてもベクタ形式のデータを自分で作るあるいは編集することができないので
その辺はイラストレーターやFigmaを併用するということが必要になってくると思うので
デザイナーがCanvaだけで仕事を完結させるというのがやっぱりちょっと難しいかなと思いました。
Adobe IllustratorとFigmaはベジェ曲線の編集ができます。
ちなみにイラストレーターのベジェ曲線の編集ツールの方が優れてるだろうと思ってる人が多いと思うんですが
Figmaのベジェ曲線の編集、ペンツールの使い勝手はすごくいいですし
イラストレーターを超えている部分もありますので興味のある方はぜひ調べてみて試してみてください。
ベクターネットワークというのがキーワードになります。
あと日本語の場合縦書きというのがデザインツールには欲しいところなんですが
海外で作られているツールには縦書きに対応していないというパターンが結構あるんですね。
この3つのツールだと残念ながらプロ向けなFigmaには縦書き機能がありません。
イラストレーターはもちろんなんですがキャンバーも縦書きにしっかり対応していました。
Figmaは1行の文字列をボックスを狭くして無理やり縦に並べて縦書きにした時に
伸ばし棒とかちっちゃいツーみたいなものを縦書きでの正しい位置に調整する機能はあるんですね。
なので1行の縦書きはなんとか作ることができます。
フォントによってはこの機能が対応していないものもあります。
その他の比較ですが、まずコスト面でFigmaとキャンバーは無料でも使えるところが嬉しいところですね。
ただ最近Figmaは開発者モードというのが有料プランでしか使えなくなりました。
あとFigmaの良さであるチームで使うには有料プランが必要となってきます。
でも1人でデザインツール、レイアウトツールとして使う上では無料でも十分使えます。
キャンバーは無料で使えるんですが用意されているいろんな素材類が無料で使えるものがかなり限定されていて
有料のものが目立ってますしちょいちょいいろんな機能で無料版では使えない制限がかかっている感が強いんですね。
09:09
例えばデザインを作り始めて後からキャンバスサイズを変えたいとかいう時に
この後からキャンバスのサイズを変えるのは有料プランしかできないんですね。
そんな感じで使っていく上で有料プランのPRをすごいされてくる印象があるので
無料で使うことはできるけどやっぱり有料のツールなんだなと
有料で使ってこそなんだなとキャンバーについては感じます。
あと違いとしてはイラストレーターはパソコンにインストールして使うアプリケーションで
インターネットに接続してなくても使えるんですが
Figmaとキャンバーはインターネットに接続している状態で使うことが前提のオンラインのツールです。
なおイラストレーターもAI関係の機能などネット接続が必要な機能もあります。
あとデザインツールとしては必須ではないですが
キャンバーはデザインしたレイアウトしたものをもとに
簡単にアニメーションが作れるところもいいところだと思います。
Figmaにもユーザーインターフェースの確認用にアニメーションの機能はあるんですが
アニメーションを作って動画として書き出すみたいな機能ではありません。
アニメーションを作って画面収録で動画にするとか
そういう使い方はできないことはないですね。
イラストレーターはもちろんアニメーション機能はありません。
あと最後に学習コスト学ぶのにかかる時間であったり難しさは
やっぱりAdobe IllustratorとFigmaは高い。学習するのが大変。
キャンバーは初心者でも使いやすい。学習コストが低いと言えると思います。
あと今回レイアウトツールとしての比較ですよという話をしましたが
キャンバーは画像加工画像編集も結構基本的なことはできちゃうんですね。
イラストレーターやFigmaはやっぱり別途Photoshopなどの画像加工をするソフトがないと
デザインの仕事としてやっていけないと思うんですが
キャンバーならある程度のところであればPhotoshopのような画像の処理の部分と
イラストレーターやFigmaのようなレイアウトの部分と
両方カバーできるのである意味デザインの仕事の全部を一つのツールでカバーできる
12:09
カバーできる範囲が広いということは言えるなと思います。
他にもプレゼンスライドを作れたりウェブサイトも作れたりしますからね。
デザインに関する作業が何でもいける感はすごいですね。
今回は以上です。アシカガコウジがお届けしました。
