エンジニアでもデザインがしたい！
エンジニアです。RubyOnRailsでバックエンドの処理やAPIを書いたり、フロントエンドのjavascriptをゴリゴリ書いたり、デザイナーから渡されるphotoshopで描かれたサイトイメージをhtmlとcssで書いたりしています。インフラもやっていますし、Androidアプリ、iPhoneアプリも書きます。
で、自分でも個人サービスを作りたいと思っています。というか実際に作ったことがあります。
でもどれもデザインについてはbootstrap頼み。どこか垢抜けない感じがあります。AndroidやiPhoneアプリも同じです。明らかにデザイナーが関与してないことがバレバレな、残念なデザインがまるわかりなのです。
自分で見て真似て見ようかと思いましたが、よくわかりません。
例えば以下のようなエンジニアのためのエンジニアのブログという同じセグメントに対してリーチしようとしているものでも、そのデザインが全く違いますが、それが何故違うのかがよく分からないのです。
http://techlife.cookpad.com/
http://engineer.blog.lancers.jp/2015/05/ugui_quiz_unity/
http://engineer.dena.jp/
http://alpha.mixi.co.jp/
なぜDeNAだけはシングルカラムなのか？
なぜmixiは2カラムだけどサイドバーを左においてるのか？
なぜランサーズはh2タグのデザインが吹き出しみたいなやつなのか？
なぜmixiのh3タグはborder-bottomが設定されていて左に付箋みたいなのがついてるのか？
どれも見やすいのですが、こういうデザインにしたのか、考えてもよくわかりません。
そこでhtml, css, javascriptその他などプログラミングに関することがわかっている人間がwebデザイン、アプリデザインを勉強したいならこれを読めという本などありましたら教えていただきたいです。
一応ノンデザイナーズ・デザインブックだけは読みました。
みんなの回答 3 件
Bootstrapは素人っぽさが出るよ。この時代に角丸だもん。
それに間延びした感じになる。
多分、フルスタックにいろいろやってると思うからわかると思うけど、プロにはプロの感性というか、らしさがあるんだと思う。
ノンデザイナーズ・デザインブックもいい本だけど、実務で言えばあれのような感じがひたすらあるからね・・・
たとえばだけど、何でって言われてもそれがいいって誰かが思ったからそうなってることが多いけどね。今はトレンドでだいたい1カラムだけど。
なんでも論理的に考えようとしていて美術的なセンスが致命的に欠けてるような気もするから、簡単なテンプレートを起こしてくれるプロのデザイナーを見つけた方が早いけどね。。。
上から目線で悪いけどデザインを志す者にとってその気付きはすごいことだと思います。そのレベルでデザインを学びたいのであれば、webよりもまず紙の方の方がやさしいです。webだと見本にすべきものがとても少ないからです。
紙だと、本文ひとつとっても、なぜそのフォントを利用して、なぜそのフォントサイズで、なぜそのフォントカラーで、見出しと対比どれくらいあるか、などと理由が必ずあります。(ちゃんと作られているものはその場合が多いです) 対してwebの場合は、いくらその理由を読み解いても「特に理由がない。ただなんなく」というサイトがほとんどです。それはGoogleなどの大手の企業のページでも例外ではないです。直接的な回答ではないですが、急がばまわれだと思います。
>何故違うのか
開発者ブログのデザインなんて誰も気にしてないから動いてりゃいい。
関連するトピックス