プログラミング学習やフリーランスエンジニア情報を発信していきます。現役フリーランスエンジニア2人で運営してます!

  1. デザイン

現役エンジニアが語る優秀なWebデザイナーの条件【スキルアップ】

最終更新日:2019/03/20

web-designer

どうもーぞえまるxです。
よく仕事でHTMLコーディングを行うのですが、デザインを渡されてコーディングをしていると、すぐにそのデザイナーさんがどれぐらい優秀かがわかります。

いいデザインを渡してくるデザイナーさんとは一緒に仕事をしたいと思うしそうでない。
こんな感じでチョチョイのちょいとか言ってる人とは関わりたくないです。

そんな僕が、一緒に仕事をしたいと思うWebデザイナーさんの特徴とやめてほしい事(切実)をご紹介していこうと思います。

データをZeplinでくれる

僕が今まで渡されたデザインデータは、Zeplin、Photoshop(psd)、パワーポイント、手書きのものがあります。

その中で、コーディングのし易さを順番にすると以下の通りになります。

Zeplin >>> psd >> パワーポイント 手書き

Zeplinの何がいいって、記載すべきプロパティーが一瞬で見れる&要素間の距離が一瞬でわかることです。
HTMLコーダーからするとこんな嬉しいことはないので、是非zeplinを導入してください。

Zeplin
Sketch & Zeplinでエンジニアと仲良くなる。

パワーポイント手書きはやめて

まず、パワーポイントと手書きをわたしてくる人はちっちゃい企業のお偉いさんが多いです。

一回でコーディングが終わることはなく、こんな感じなのかな?と予想をしてこれでいいですか?と聞いて謎のこだわりをまた言われることが多いです。

できれば、パワーポイントとか手書きを渡さないでください。

PhotoshopのデータはpsdではなくZeplinで

Photoshopで作成したデザインデータもZeplinで使えるようです。
是非Zeplinでお願いします。

PhotoshopとZeplinの連携について – Qiita

Zeplinだからいいという訳ではない

データに関してはZeplinで見れるのが圧倒的に嬉しいけれど、それはWebデザインを理解しているのが前提条件です。

スタートしてまもないベンチャーにありがちな、sketchでやってみただけのzeplinデータに価値はないです。

Sketchで作ったってだけでオラつかないでください。

レスポンシブを理解している。

HTMLコーダーを、PCのデザインデータを渡したらスマホとタブレットのレスポンシブ対応をしてくれるマジシャンだと考えないでください。

というのも、PCのデザインを渡されたら、PC版のページをモダンなプロパティーを用いてレスポンシブ対応しやすく作るのがコーダーの任務だからです。

マジシャンだと思っている人が意外に多いので、「適当にレスポンシブ対応しといて」とか言わないだけで株は上がります。

自分でもレスポンシブ対応できる人のデザインの方が基本的には綺麗なので、まずはFlexboxプロパティーのお勉強をしてください。

コンポーネントの使い回しが意識できている。

要素の数があまり多くなく、使い回しを意識したデザインかどうか。
これが、一番Webデザイナーさんの実力が出ると思っています。

一つ目のsectionではmargin: 30px 25px;
二つ目のsectionではmargin: 34px 19px;

とかコダワリがあるんですか?
どんなコダワリがあるんですか?

と思ってしまいます。
基本的に、こういう時はデザイナーさんのミスだと考えてどっちかに統一してコーディングしています。

こういった謎のコダワリ?が少ないデザインをみるとこの人は優秀なWebデザイナーさんなんだなーと尊敬します。

なに言ってるかよくわからない人は、マテリアルの要素を研究するのがオススメです。
MATERIAL-UI

画像切り出し

画像を切り出して用意してくれるデザイナーさんには感謝をしています。
コーダーがするのは、HTMLとCSSを書くだけ。
と明確に役割分担がされ、負担が減ります。

言われたらやりますが、適当に切っといてとか辛いです。

画像がSVGか

SVG形式のファイルかそうでないかで、印象は大きく変わります。
とはいっても、結構大きい企業でもロゴがSVGですらないところが多いのでSVGを使っているとさすがデザイナーさんですね!となります。

まとめ

データはZeplinで見れるようにしてくれる。
画像を切り出してくれる。
使い回しを意識したデザインができる。
SVGを使いこなしている。
自分でもモダンなプロパティーを使用したコーディングができる。

以上が僕の考える、最強のデザイナーでした。
果たして黄金比とか白銀比とか計算している猛者はいるのだろうか。

The following two tabs change content below.

ぞえ

実務未経験から1年でフリーランスエンジニアになって給料が6倍になった男/アル中の記憶ない系/しかも190cmの巨人。今は週3勤務しながら@ryudoi1と当メディア運営中 詳細なプロフ ぞえのプロフィール!! Twitterアカウント Twitter 技術系の雑談や、質問の行える無料サロンもやっています。 windii social

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP