-
ID:9Kx7an さんの質問

エンジニアでもデザインがしたい!

エンジニアです。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 件

ID:aKdFxQ さんの回答

Bootstrapは素人っぽさが出るよ。この時代に角丸だもん。
それに間延びした感じになる。

多分、フルスタックにいろいろやってると思うからわかると思うけど、プロにはプロの感性というか、らしさがあるんだと思う。
ノンデザイナーズ・デザインブックもいい本だけど、実務で言えばあれのような感じがひたすらあるからね・・・
たとえばだけど、何でって言われてもそれがいいって誰かが思ったからそうなってることが多いけどね。今はトレンドでだいたい1カラムだけど。
なんでも論理的に考えようとしていて美術的なセンスが致命的に欠けてるような気もするから、簡単なテンプレートを起こしてくれるプロのデザイナーを見つけた方が早いけどね。。。

ID:o9Q8A6

デキるエンジニアとデキるデザイナだったら、圧倒的にデザイナが少ないよな。いいデザイナはホント重宝されるよ。私みたいに。

ID:9Kx7an

ありがとうございます。
配色などある程度体系だった理論があるものはセンスがなくても出来ると思ったのですが、やはりそううまくはいかないものなんですね…
グラフィックデザインの本を少し読んでみましたが、(自分にとっては)曖昧な表現ばかりで、本の中で褒められているサンプルの何がいいのかというのがさっぱりわかりませんでした。
その辺がわかるようになるには美術的な知識とセンスを培わなければいけないのでしょうし、そんなの時間かかるからプロに頼んだほうがいいというのは確かに最も現実的な解ですね…

ID:DIWpQU さんの回答

上から目線で悪いけどデザインを志す者にとってその気付きはすごいことだと思います。そのレベルでデザインを学びたいのであれば、webよりもまず紙の方の方がやさしいです。webだと見本にすべきものがとても少ないからです。
紙だと、本文ひとつとっても、なぜそのフォントを利用して、なぜそのフォントサイズで、なぜそのフォントカラーで、見出しと対比どれくらいあるか、などと理由が必ずあります。(ちゃんと作られているものはその場合が多いです) 対してwebの場合は、いくらその理由を読み解いても「特に理由がない。ただなんなく」というサイトがほとんどです。それはGoogleなどの大手の企業のページでも例外ではないです。直接的な回答ではないですが、急がばまわれだと思います。

ID:n.Ii.3

そうそう!Webのデザインのレベルは低くて参考にならない!DTP書籍なんかを沢山見るべき。

ID:9Kx7an

ありがとうございます!
デザインできる方々は皆様自分よりはるか上の方なので、上から目線で全然構いません!

たしかに「webデザイン」の本を色々探してみましたが、Photoshopとイラストレータ、html、css、jQueryの使い方程度にしか収まってないものが多くて、何故これがいいとかこういう理論があるとかって説明が無いなという印象でした。
遠回りでもDTPなどの書籍を読んで参考にしたいと思います。

ID:ZpIKia さんの回答

>何故違うのか


  • 開発者ブログのデザインなんて誰も気にしてないから動いてりゃいい。

最終更新日:2015-08-07 (1,763 views)

関連するトピックス

ページ上部に戻る