見出し画像

【Tips】駆け出しデザイナー向け!UIデザインツールの選び方

こんにちは!PLAY THE DESIGNERメンター兼SNS担当おかちゃん ( @okbchyk ) です🐧Twitterで紹介したTipsをnoteでもご紹介💁‍♀️
今回は「UIデザインツールの選び方」です👀

デザインツールって何を使えば良いの?

駆け出しの方からよく受ける質問の1つが「デザインツールは何を使えば良いのか?」です。
どのツールが何に優れているのか、なかなかわかりにくいですよね。そこでnoteにまとめてみました!オススメ度を参考に、お試ししてみてください✨

Adobe XD

👉オススメポイント: お手軽に使い始められる!
Adobe CCに登録している方はすぐ使い始めることができます!Photoshop・Illustratorと親和性が高いので、加工した画像やベクターファイルを取り扱いやすいです。複数人で作業できないので、みんなで成果物をブラッシュアップするのには不向きです。

Sketch

👉オススメポイント: ツールのクオリティが高い!
ツールのクオリティが高く、多くのデザイナーに使われているツールです。(中の人調べではSketchを使っている人が多いです。)ベクターの編集をしやすく、ピクセルパーフェクトにする調整もSketch上でやってしまっています。プラグインを使うことで様々なカスタムが可能ですよ!Abstractを使うとバージョン管理もできるので、チームでの作業にも向いています。無料プランが1ヶ月までな点が少しネック。

Figma

👉オススメポイント: 複数人で1つのファイルを同時に作業できる!
複数人での作業といえばFigma!誰がどこを編集しているのかマウスカーソルで把握できます。ライブラリ機能やオートレイアウト機能も充実しており、中の人的にはFigma便利だな〜と思うことが多いです。操作が少し難しい・WiFi環境下でしか使えない点が少しネックです。

Photoshop/Illustrator

👉オススメポイント: 使い慣れている方が多い!
Photoshop・IllustratorでUIデザインをする方もいます。3年前くらいまではよく使われている印象でしたが、今はもっと便利なツールが生まれています。画像編集・ベクターグラフィック作成など、用途にあった使い方をする方がバリューを発揮しますよ!

あとがき

個人的にはFigmaを推しています!Figmaの操作が難しい方はSketch、より安価に手軽にツールを手に入れたい方はXDをオススメします✨
一番の理想は「ツールにこだわることなく、適材適所で使い分ける」こと。慣れるまで大変な点もあるかと思いますが、ゲームだと思ってお試ししてみてください💪


この記事が気に入ったらサポートをしてみませんか?