いつまでPhotoshopでウェブデザイン作っているの?

最近、コーディングをしていて思うことがあります。
フリーランスのデザイナーは、いつまでPhotoshopでウェブデザインを作ってくるのでしょうか?
ウェブデザインは、XDで作ってきてほしいです。今回はそのことについて書きます。

※ウェブデザインと書いていますが、厳密にいうとウェブサイトのデザインカンプ(見本)という言い方になります。面倒なのでウェブデザインと省略して書きます。

なぜPhotoshopでのウェブデザインがダメなのか?

一昔前はPhotoshopで作ったウェブデザインが一般的でした(たまにイラレの人がいましたが…)。今でもPhotoshopのデザインを基にコーディングすることは可能です。なので、まあダメではないですが・・・。

Photoshopは、元々、画像編集ソフトです。画像編集ソフトだけど、ウェブサイトのデザインカンプとして長らく利用されてきました。しかし、現在は、Abobe社からXDというソフトがリリースされています。XDは、ウェブ制作に特化したデザインソフトです。

XDがリリースされて3,4年経った現在、Photoshopで作ったウェブデザインをコーディングすると、やりづらさを感じます。やっぱり画像編集ソフトなので、コーディングに適していません。コーディングに必要ない機能も多くあります。しかも動作が重いです。

コーダーとしては作業時間がかかってしまいます。

なぜXDが良いのか?

XDはウェブ制作に特化したソフトです。なので当然、ウェブサイトの制作がやりやすいです。

コーダーとしてのメリット

XDのデザインが送られてくることは、コーダーにとって多くのメリットがあります。

  •  ウェブ上でデザインが共有できる。
  • しかもコメントが書ける。共有もできる。
  • コードが表示される。
  • テキストのコピペがやりやすい。
  • ガイド機能で余白がわかる。
  • 画面遷移が確認できる(作っていることが前提だけど)。
  • 動作が軽い

デザイナーとしてのメリット

  • 動作が軽い
  • 繰り返し使える部分を作ることができる
  • スマホデザインは実機で確認できる

ディレクターとしてのメリット

  • ウェブ上でデザインが確認できる。
  • だからクライアントにデザインを共有できる。
  • ウェブ上でコメントが書ける。指示が出せる。
  • 動作が軽い。低スペックなPCでも操作&確認できる。
  • 画面遷移、ボタン選択時(ホバー)のデザインが把握できる。

ウェブ制作会社はXDを使っています

まともなウェブ制作会社はXDでウェブデザインを作ってきます。プロジェクトによってはFigmaもあると思いますが、今時Photoshopでデザインを作るところは少ないです。

しかし、フリーランスのデザイナーになると、経験上、ほぼPhotoshopで作ってきます。デザイナーではない自分からすると「なんでなんだろう?」と不思議に思っています。

新しい技術に疎いのか?そもそもXDの存在を知らないのか?ディレクターやコーダーの作業効率など興味がないのか?ひょっとして、まだCreative Suiteを使っているのか?

コーダーの自分からするとナゾです。

まとめ

XDでデザイン制作を行うことで、「コーダーはコーディングがやりやすい」「デザイナーはウェブデザインが作りやすい」「ディレクターはディレクションがやりやすい」という誰もが得をする三方よしのソフトです。

いつまでも昔の方法であるPhotoshopでのウェブデザイン制作は卒業してほしいです。特にフリーランスのウェブデザイナーの方。よろしくお願いします。

facebook
twitter
line
hatena
pocket