The Acorn Spirit's Journey

tomisan.com

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

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

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

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

 

Adobe Photoshop

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

 

Adobe illustrator

ベクター形式のソフト。
アイコン等は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とそんなに変わらない感じがします(個人的感想)。
 

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