デザイナさんにメイドめーるのデザインを駄目出ししていただいた

プログラマの人が、デザイナさん10人に自分のサイトのデザイン、どこがダメなのかを指摘していただいたという話があって。

Geekなぺーじ : 10人のデザイナさんに駄目出しして頂きました
いいなぁ、僕も教えてほしいなぁ・・・・。

と思っていたので、先日のwebtekoのプレゼンの際に、メイドめーるのデザインを出して、「どうしてこんなに素人っぽいの?」と聞いてみました。

before.PNG
#一部で誤解されている方がおられたみたいですが、メイドめーるのデザインは、素人っぽさを狙ってこうなったのではなくて、僕が全力でデザインしてこうなっています。

メイドめーる デザインに関していただいたつっこみ@WEBTEKO

  • グラデーションを使うとそれっぽくなる
  • スペースの取り方がバラバラなのでまとまって見えない。その結果、読むペースが乱れてしまう
  • ロゴとキャッチが一体になっていてわかりにくい
  • 何を読ませたいのかを考えて制御する
  • ボタンが立体的にする
  • 今っぽいデザイン:
    →でっかいログインフォームと、小さな「登録する」
    大きくすればクリックしてくれるとは限らない
  • ボタン→対照色じゃなくてもいい。読めればいい。
  • 吹き出しつけたら?
  • ボタンの中にアンダーラインは変。ボタンなの?テキストなの?
  • コンテンツ量が少ないので、ajaxとかで1ページにまとめちゃってもいいのでは?

頂いた意見の中で、わりとすぐに対応できそうだったコンテンツ間隔の問題と、ボタンの作り方を修正したのが、今のデザインです。
あと、ちょっと落ち着かせる意味でロゴを小さくしてみた。

after.PNG
・・・多少はマシになった気がする。ボタンの色がまだ変かなぁ?

トラックバック(0)

このブログ記事を参照しているブログ一覧: デザイナさんにメイドめーるのデザインを駄目出ししていただいた

このブログ記事に対するトラックバックURL: http://mogya.com/mt/mt-tb.cgi/759

コメント(4)

aa :

黒でまとめるのはデザイン的には正しいんですけど
メイドのイメージからしたら少しずれているのではないかと思います。
(硬い印象を受ける)。

黒くない配色も考えてみてはいかがでしょうか

もぎゃ Author Profile Page:

テキストを黒じゃなくしたらいいのかな?
ピンク、黄色ときているので、濃い赤とか、薄緑とかそんな感じでしょうか。

kimzo :

このシリーズ好きです。
プログラマの為の実践デザイン入門って感じで、身近な感じがとてもいいです。

もぎゃ Author Profile Page:

ありがとうございます。がんばって続けてみます~。

コメントする


画像の中に見える文字を入力してください。

このブログ記事について

このページは、 もぎゃが 2009年7月23日 14:48に書いたブログ記事です。

ひとつ前のブログ記事は「 webteko8で、「プログラマがデザインをがんばってみた」というテーマでお話ししてきました 」です。

次のブログ記事は「 [css]フォームの項目の折り返し 」です。

最近のコンテンツは インデックスページ で見られます。過去に書かれたものは アーカイブのページ で見られます。

Powered by
Movable Type