フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと｜Pittan｜note

フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか（前置きなので次の章まで飛ばしてOKです） デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう？」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか？」と質問するのが何か新しい画面を作るときに必ず発生していました。 「（いつも聞いてる

[table]

これがデザイナーでなくディレクターの範疇だと言うならば、デザイナーは二度とUIやUXなどと口にすんなよといいたい

[aienstein]

いやデザイナーから言わせてもらうと妥当妥当and妥当な要求。ディレクターがすべきはその要求に対応する工数を見込んでスケジュールを組む事やエンジニアーデザイン間の情報共有フェイズを設ける事。お互いプロでしょ

[june29]

項目は「わかる」というものが多いのだけれど、いっしょに考えましょう、というスタンスじゃないのを不思議に感じた。上流下流みたいな工程がパキッとわかれているお仕事スタイルなのかしら。

[yurikago12]

Webデザイナーにフロントエンドの知識が必要な理由。紙だって印刷の知識なしには作れないし。

[monorod]

すごいわかるけど、実際に実装してみないと見えてこないことも多々あるので、余り考えずに仮実装してからデザイナーさんと一緒に修正する方が早いときもある

[inmysoul]

デザイナー側の最も星集めてるブコメが「ディレクターに言えよ」かよw デザイナーっていうかadobeオペレーターだなw

[poponponpon]

わかる。プログラマーはデザイナーを尊敬していてデザインに文句なんて付けたくないのですが、それでもデザインではなく一緒に製品を作っていると考えて貰えるととても助かります。

[kote2kote2]

それはデザイナーに言うのではなくディレクターに言いましょう。デザイナーにその能力を求めるのは無理です。出来る人もいますが、できない人への対応方法ではありません。

[fukken]

エンジニアが適当に実装する事はできるのだが、デザイナー的にそれで本当にいいの？手戻りが発生するんじゃねーの？って話。文句言わないならいいよ（プロとして最終成果物への責任を放棄するのはどうかと思うが）

[raf00]

デザイナーと言うよりディレクター向けという気がするが、ディレクター向けとしてとても有益。確かに確かにこのあたり大事だ。

[sd-craft]

当たり前なことを当たり前にやってくれる人は本当に助かるし貴重よね

[sorami2052]

ソーシャル系のアカウントを運用していてもこの手の問題は結構起こるので、頼まれる側でも頼む側でもこうした配慮があるだけでお互いめちゃくちゃたすかる。。。！

[ysk-ur]

わいもワイヤー書いたりするからいくつかチェックリスト化しよう

[tyabata]

定期ネタ

[strawberryhunter]

画面のレイアウトとインタラクションはエンジニアが決めてデザイナーは色合わせ、アイコン、イラストだけやっていれば良い。デザインファーストはデザイナーが先に決めるという意味ではない。

[goldhead]

"エンジニアはなんでもできちゃう生き物です。どうとでもなってしまうだけに、デザイナーさんの「どうしたいのか」がわからないととても不安になってしまいます。"

[abeeei]

トップコメント、イラストレーターさんに失礼では？デザイナーももちろん、ディレクターも意識は持たないと、と思う。

[umai_bow]

個人にお願いして仕事進めようとしてるならそれはそれでエンジニアマインドではないかなぁ

[alph29]

デザイナーってアーティストじゃなくて設計者だからね

[Keisuke69]

良い知見

[yoshikogahaku]

わかる。幸いとても良いデザインカンプで仕事しているが、こちらでわからないこと、決めて欲しいことをわかりやすく手短に尋ねるスキルも必要。開発者じゃなくても一目で疑問点がわかる簡単な資料が大事。

[taku-o]

「割り切れますか？」以外はやってくれてる。オーバーなデータはたまにフォローが薄い。

[p-maul]

aiko好きでしょ

[lejay4405]

まじでこれ

[tk_musik]

「普通に考えたらこうでしょ」のエリアがお互い違うからね、こういう認識合わせは必要。期間と金を決めてやるならWFになるし、WFなら品質は上流依存大きいしね。

[lavandin]

はぁ…。元気な方だね。私はもう疲れた。こういうのいちいち指摘するの、もうやめる…。直接シェアするとパワハラみたいに思われるから、どんどんバズって欲しい…。

[T_Shino]

今の仕事でめっちゃ実感してる。文字数が足りなくてレイアウト崩れ起こしてたりはしたので、フルではなく中間を意識してほしいと本当に思った

[mamimu_memo]

デザイナーというか、ディレクターが制御すべき部分なのかと思ってしてたわ。誰かがやらなきゃいけないし、ガイドライン準備はいいね[webデザイン][メモ][仕事]

[RCHeLEyl]

印刷慣れした人は動くとか内容が可変するってこと理解してない？印刷とWebは違いますよと。/こまめに聞く方もしんどい。「どうでもいいじゃん」とか言われたらガックリ。

[ultimatebreak]

既視感でなく既視だった

[mayumayu_nimolove]

絵描きとか言ってるやつはコミュ能力と人間力を持つ事を意識して欲しい。フロントエンジニアってみんなこうなの？と思われたくないんで。

[nekosann_08]

テキスト・空間関連は全般あるあるだなー。その上でデザインマッチしてくれ＝各個プロパティモリモリ、だもの。時間だけ吸われますは・・・。

[renos]

バックエンドばかりだからこういうのためになるな

[ika2434]

デザイナーにばかり他領域の知識を求めてはいけない。他ブコメでも言われている通り予めルールを決めとけばいいだけの話。お互いに歩み寄ろうよ。

[EngineerYtr]

事前に工程引継チェックリストを渡しておけば、それを前提に依頼してくれると思う。意識して欲しいに留めずルール化すればいいんじゃない？

[misarine3]

1px以下の値でイラレデータ送ってこられて「デザイン通りに」って指示でキレてる場合ではなかった

[norip44]

あるある！ こういうのを経験値って言うんだと思う。 #積ん読ページ消化

[demAge]

デザイナーによってテキストエリアの上下の余白が「その行にある文字のギリギリサイズ（エンジニアが測る）（30px指定なら大体cssは26〜28pxで書く）」と「PsとかXDで要素間サイズとして出る数値」のどっちか違うのが辛い

[shiradofu]

communication frontend engineer designer

[YusukeIwaki]

これはアプリ開発でも全く同じことが言えるぞ！