I only update when I feel like it.

tomisan.com

webデザイン制作ソフト【現場視点】

ウェブデザイン(ウェブサイトのデザイン)をするとき、どんなソフトを使いますか?

ウェブデザイナーの求人情報などを見てみると、Adobe Photoshop / Adobe illustrator必須!と書かれている場合がほとんどですよね。
これは昔から変わらないというか。
でも、実際どうなんでしょう。

これを書いている2024年5月現在のお話ですが、Photoshop形式、psdファイルのウェブデザインは見なくなりました。少なくとも私の周りでは皆無です。

 

Adobe Photoshop

Photoshopという名のとおり、写真を扱うためのソフト。
ウェブデザインには向いていません。
個人的には写真(画像)を加工/編集する時しか使わないです。

 

Adobe illustrator

ベクター形式のソフト。
アイコン等はsvg形式で書き出す、とするならイラレが良でしょう。
ロゴの制作もsvgで書き出す前提ならイラレが良でしょう。
個人的には、フォトショかイラレのどちらかを選べと言われたらイラレです。

 

Adobe XD

ウェブデザインに特化したソフト。Adobe製品でウェブデザインをするなら、これ一択。
バナー画像などの制作もコレでOK。
単体販売を停止したため使用するにはAdobe CCが必要。インストールするのでオフライン使用可。
※Figma買収→失敗、しかしXDは開発終了。なにやってんだか・・

 

Figma

ぱっと見、XDに似たウェブデザインtool。
ブラウザ上でデザイン制作できるので場所を選ばない。フリープランまである。
コーディング案件を請けた際にFigmaデザインが多かったりします。
近年、Figma多いな~と思った要因(笑)
※Figmaはインストール不要のネットワーク接続なのでオフラインでは使えない。

 

他にもいろいろなツールがあると思いますが
制作会社ではAdobeやFigmaなどの有名な製品で制作することが求められますので、これらのソフトはマストですね。
Sketchも有名ですが、私の周りでは使っている人を見たことが無いです(Macのみ、というのがネックだったのかもしれませんね)

 
【番外編】

知る人ぞ知る?「Adobe Fireworks」。
実は未だに使ってます。元々はマクロメディア(Macromedia)という会社のソフトで
Macromedia FLASHとセットでAdobeに買収されました。
かつて、FLASH制作していた私はMacromedia Fireworksも大好きでよく使ってました。
単体販売はしておらず、Adobe CCから(古いアプリを表示して)インストールできます。
Fireworksはウェブ制作に特化したソフトで画像の切り出しとかすごく便利なんですよね。

 

余談ですが、Fireworksの後継はXDになりますが、FLASHの後継はAdobe Animateです。
Animateの使い心地は、FLASHとそんなに変わらない感じです。
 

コメントは受け付けていません。