デザインの裏側を理解できるエンジニアになろう - Qiita

「画面」のデザインは、エンドユーザーから見た「プロダクト」との唯一の接点。超大事。 そんな画面のデザインにまつわる、エンジニアが「いじる」ときに気をつけると、もしかしたら面倒が減って争いが減ってみんなが幸せになれるんじゃないかなあ、とか、そもそもの設計上で考慮できると、もしかしたら使う人たちが幸せになれるんじゃないかなあ、というポイントを、思い付きで書いていくので、あとは誰か整理してほしい的な投げやり感あふれるアレコレ。デザインとコーディングの話を混ぜて書いてます。 空白の理由を考える編 その1. 空白にまつわる認識の相違 例えば、Tumblrのダッシュボード。右肩のメニューの隅までちゃんとレイアウトされてるなーって感じがします。 でも、もしあなたが「空白を理解しないエンジニア」だった場合、こんな感じにコーディングしてしまうかもしれません。 （※画像はイメージです） 「なーんか、素人感があ

[sucelie]

最近は空白取り過ぎて使いにくいデザインが多い気がする。シンプルや空白取ればいいってもんじゃないとおもうんだが。

[VoQn]

デザイナー⇒エンジニア間でプロダクトのワークフローが引き継ぎされる際に起きる「えっなんかダサくね」ってほとんどこの部分の不理解で発生してるよね

[anconium]

コメントまで読み込んだ

[planset]

“そもそもデザイナーをまったく別世界の人間だと思っている人向けに、両者がこだわる「空白」をテーマに共通性を持たせて投げかけてみたら、少しは興味を持って話ができるようになるといいな”

[proverb]

インデントでキレる感覚は分かり過ぎる

[otchy210]

1px のずれにはすぐ気づくんだけど、あれを気持ち悪いと思っているのは一部のエンジニアと大半のデザイナで、ほとんどのユーザは気づいてすらいない。でも気づかないのに印象には響く。っていう難しい要素。

[sonots]

良い記事

[joker1007]

デザイン上のスペースの重要性は分かるのだが、自分で調整するのは余りやりたくないw 後コーディングにおけるインデントはなんか違う気がする。

[akatuki_sato]

どんな世界にも　マッハの戦い（©カトキハジメ　だったような気がする）は　あるなーそこで戦わないとな

[hirsato]

72dpiの世界だと1pxって結構大きいんですよね。神の世界だとその更に10分の1の単位で制御できちゃう

[zilog80]

Web以前はこういうことは余り考えなくても済んだ。あまり本質的なことじゃないのに気を付けないといけないことって、なくなってほしいね。

[mzkzzz]

細かすぎでしょ、っては言わないようにしたい。けど、気のせいじゃね・・ってときはある。

[kakkunpakkun]

説明うまっ！

[thorikawa]

おもしろい

[asonas]

インデントにキレるぐらいこだわるのにCSSのマージンにこだわらないエンジニアっているよねぇ

[FunnyBunnyDizzy]

だいたいリーダブルコードに書いてあった。リーダブルコードを読むとたぶんUIの開発もうまくなる。

[mobilesensor]

お互い一歩はみ出せると素敵。“@fladdict: 良い記事 Reading... Design - デザインの裏側を理解できるエンジニアになろう [キータ] by http://t.co/dg5hZlWyIi”

[kasumani]

デザインの裏側を理解できるエンジニアになろう 「画面」のデザインは、エンドユーザーから見た「プロダクト」との唯一の接点。超大事。 そんな画面のデザインにまつわる、エンジニアが「いじる」ときに気をつけると

[gnta]

エンジニアと仕事してると、なんでこのグリッド感のなさが気にならないんだ…って思い続ける毎日です

[teracy_junk]

スペースとかピクセルとかの話。大事よね（吐血）

[uasi]

スペースの話

[oitch01]

スペースとても大事なんで。何卒お願いします（懇願

[YaSuYuKi]

"spaces" "tabs" "both"でbothがフルボッコにされているイラストを思い出した。崩れたデザインは、確かに"both"だな

[kick178]

良記事。デザインをただ解説するんじゃなくエンジニア側で置き換えたら…と、視点を変えて解説してくれてる。

[mahotoki]

デザインがわかるエンジニア。

[wkbyshnbtk]

“エンジニアにとっても空白は大事”

[megazalrock]

「デザインは機能」ということをデザイナーもエンジニアも理解しないといけないよね。

[junpeso]

デザインを意識しない奴をエンジニアと呼ぶのか？スクリプタだろ。

[a2ikm]

ノンデザイナーズ・デザインブックっぽい話だ

[ritena]

パワポで四角いオブジェクトをくっつけるとよく1ピクセルズレてるので( ﾟ皿ﾟ)ｷｰｯってなる(？)

[y-kawaz]

最初の2つが何が違うのか10回位見なおしてもわからんかった色が暗いのと明るいのが違う？？みたいな。THE違いの分からない男ｗ