はてなのデザインだせえから直してみた /
20081227Sat 15時 41分 46秒
はてなのサービスはわりと好きなんですけど、
デザインのだささはヘイトの域で、使ってて我慢できないので、ざっくりと直してみた。
使った時間は１時間半くらい。
そんなに徹底的に詰めてない。
はてなにも言い分はあるだろうから、
革命的なインターフェイスとか目指さないで、
あたりまえの事をあたりまえにやってみた。
もともとのは左。直してみたのが右。クリックで原寸サイズになります。
直したバージョンは広告や期間限定っぽい告知ははずしてます。
めんどうなので。
でも問題なく差し込めるでしょ？
ここからどういう調整をしたのか解説。
両方の画像をみくらべながら読むといい。
デザインのだささはヘイトの域で、使ってて我慢できないので、ざっくりと直してみた。
使った時間は１時間半くらい。
そんなに徹底的に詰めてない。
はてなにも言い分はあるだろうから、
革命的なインターフェイスとか目指さないで、
あたりまえの事をあたりまえにやってみた。
もともとのは左。直してみたのが右。クリックで原寸サイズになります。
直したバージョンは広告や期間限定っぽい告知ははずしてます。
めんどうなので。
でも問題なく差し込めるでしょ？
ここからどういう調整をしたのか解説。
両方の画像をみくらべながら読むといい。
◆落ち込むほどの色味を調整
まず、
くすんで、ど〜んよりして、
なんかほんとにどうしようもない青色を明るくしたよ。
俺はこの青を見るだけで気分が落ちこむんだ。
というか、はてなの配色は、全てが落ち込むような彩度の低さ。
見る度に鬱病になりそうだ。
なんでこんなに彩度低いの？曇りの日に作ったの？鬱病だったの？
それにと合わせて、全ての色を調整。
ていうか元のデザインは色の調和というものが全然考慮されていないよ！
がんばれよ！
色の調和なんて感覚じゃなくて
プログラムでも破綻しないように導けるのに！
◆自殺を呼ぶ囲みを軽くし、自殺防止に努めた
上の青い囲みが、ページ全体を重くして、
これもまたひどく気分を落ち込ませて、
見る度に自殺したくなるので、なくした。
でも全体的に青っぽいサイトのイメージは残ってるでしょ？
問題ないでしょ？
◆小さすぎて誰もみやしねえロゴを大きくした
Hatenaのロゴも小さすぎたので大きくした。
文字の密度に対して解像度が低いから、
小さい文字のイメージになるんだよねー。
文字や絵の密度に対してちょうどいい解像度っていうのがあって、
それより低いと小さくイメージになるし、高いと大きいイメージになる。
そして「？」のロゴはさらに密度が高くて、ちょうどいいサイズにするとバカみたいにでっかくなるからはずした。
あのロゴはわりと好きなんだけどねー。全然「？」マークに見えない所は大問題だと思うけど。
大きくしたロゴは、少し大きめのイメージ。アピッていこうよ。
ていうか元々のロゴ、ドットの並びが汚い。ちゃんと仕事して！
◆スプラッタのようなぐちゃぐちゃを整えた
新着記事の下に灰色をひいた。
なんでかっていうと、ここは情報がコントロールできずに並べられるから、色の調整がきかない。
だからここは無彩色をひいて、破綻しないようにする。
かといって白だとコントラストが強すぎてエグイから少し灰色にして
おちつかせた。
無彩色を間に置くのセパレーションていうんだけど。
配色の本を見たら絶対に最初の方に書いてあるんだけど。
当然、調和なんて考えちゃいねえ広告スペースにも使わないと
ぐちゃぐちゃのスプラッタでR指定ですね。
◆細かすぎて伝わらないタイトル選手権
各セクションのタイトルを変更。
いきなり「最新人気記事」とか言われても「何の？」としか思えないし、
はてなのサービスを使わせたいならアピールすべきでしょここは。
ブックマークのタブの「社会」とか「政治経済」とかもはずした。
見ないし。
見るような人は登録済みの人じゃね？
無駄に便利にしても意味ない。
あとブックマーク人数の数を表す数字も、明度しかいじってないムカつく配色なので直しといた（あ、ダイアリーの方、忘れてた）。
「？」マークはここで使った。クリックしたら当然説明ページにとぶよな？
あと、「うごメモ」とかロゴがあるんだから使えよ！
◆瀕死の検索窓くんに安楽を
検索窓を葬った。最近はブラウザに窓ついてるし。
IEにですらついてるんだよ？
わざわざはてなで検索する？
はてなの検索窓がグーグルに勝っていることって何？
はてなサービス内の検索ですらないんだよ？
◆サービスに陽の当たる教室を
右側のサービス一覧。
なんで６個だけなの？全サービス載せないの？ばかなの？
作ってる人のモチベーション低下させて
社員をやめさせたいって目論見なの？
なんとなくひいてあるだけのグラデーションも当然いらない。
『ユーザー登録（無料）』の括弧書きもダサすぎて寒気がした。
テキストだけで考えてるとこういう事になるんだよな。
◆遣り残したこと
他にも細かい所いっぱい直してるけど、とりあえず終えてみた。
やり残したこともいっぱいある。
本当は上にならんでるボタンの名前も直したい。
「ブログ/Hatena::Diary」って。
「はてなダイアリー/ブログ」だろうよ。もっと自信もて。
あと最低限名称は統一しろ。
下の灰色の領域も見送った。お腹空いてきたし。
俺がやらなくても、もう出来るよな？
それと、あまりにもめんどうだったのでやらなかったけど、
全体のつくりとして、ひとつひとつのサービス情報を減らして、
９つのサービスをちょっとずつ紹介すべきだと思うな。
なんで「ブックマーク」と「うごメモ」と「ダイアリー」だけなの？
他のは手を抜いてるの？
作ってる人のモチベーション低下させて
社員をやめさせたいって目論見なの？
ていうか、他のサービスのデザインしてる場合じゃないんだよな。
このブログの日付とか明度差なくて、そうとう読みにくいし、
本文の領域も狭くてイラっとする。
おまえならわかると思うだろうけど自殺寸前ですよ。
近々直します。
そして、願わくば、少しでもはてなの人に届いて、
少しでも良いデザインになるといいなあ。
まず、
くすんで、ど〜んよりして、
なんかほんとにどうしようもない青色を明るくしたよ。
俺はこの青を見るだけで気分が落ちこむんだ。
というか、はてなの配色は、全てが落ち込むような彩度の低さ。
見る度に鬱病になりそうだ。
なんでこんなに彩度低いの？曇りの日に作ったの？鬱病だったの？
それにと合わせて、全ての色を調整。
ていうか元のデザインは色の調和というものが全然考慮されていないよ！
がんばれよ！
色の調和なんて感覚じゃなくて
プログラムでも破綻しないように導けるのに！
◆自殺を呼ぶ囲みを軽くし、自殺防止に努めた
上の青い囲みが、ページ全体を重くして、
これもまたひどく気分を落ち込ませて、
見る度に自殺したくなるので、なくした。
でも全体的に青っぽいサイトのイメージは残ってるでしょ？
問題ないでしょ？
◆小さすぎて誰もみやしねえロゴを大きくした
Hatenaのロゴも小さすぎたので大きくした。
文字の密度に対して解像度が低いから、
小さい文字のイメージになるんだよねー。
文字や絵の密度に対してちょうどいい解像度っていうのがあって、
それより低いと小さくイメージになるし、高いと大きいイメージになる。
そして「？」のロゴはさらに密度が高くて、ちょうどいいサイズにするとバカみたいにでっかくなるからはずした。
あのロゴはわりと好きなんだけどねー。全然「？」マークに見えない所は大問題だと思うけど。
大きくしたロゴは、少し大きめのイメージ。アピッていこうよ。
ていうか元々のロゴ、ドットの並びが汚い。ちゃんと仕事して！
◆スプラッタのようなぐちゃぐちゃを整えた
新着記事の下に灰色をひいた。
なんでかっていうと、ここは情報がコントロールできずに並べられるから、色の調整がきかない。
だからここは無彩色をひいて、破綻しないようにする。
かといって白だとコントラストが強すぎてエグイから少し灰色にして
おちつかせた。
無彩色を間に置くのセパレーションていうんだけど。
配色の本を見たら絶対に最初の方に書いてあるんだけど。
当然、調和なんて考えちゃいねえ広告スペースにも使わないと
ぐちゃぐちゃのスプラッタでR指定ですね。
◆細かすぎて伝わらないタイトル選手権
各セクションのタイトルを変更。
いきなり「最新人気記事」とか言われても「何の？」としか思えないし、
はてなのサービスを使わせたいならアピールすべきでしょここは。
ブックマークのタブの「社会」とか「政治経済」とかもはずした。
見ないし。
見るような人は登録済みの人じゃね？
無駄に便利にしても意味ない。
あとブックマーク人数の数を表す数字も、明度しかいじってないムカつく配色なので直しといた（あ、ダイアリーの方、忘れてた）。
「？」マークはここで使った。クリックしたら当然説明ページにとぶよな？
あと、「うごメモ」とかロゴがあるんだから使えよ！
◆瀕死の検索窓くんに安楽を
検索窓を葬った。最近はブラウザに窓ついてるし。
IEにですらついてるんだよ？
わざわざはてなで検索する？
はてなの検索窓がグーグルに勝っていることって何？
はてなサービス内の検索ですらないんだよ？
◆サービスに陽の当たる教室を
右側のサービス一覧。
なんで６個だけなの？全サービス載せないの？ばかなの？
作ってる人のモチベーション低下させて
社員をやめさせたいって目論見なの？
なんとなくひいてあるだけのグラデーションも当然いらない。
『ユーザー登録（無料）』の括弧書きもダサすぎて寒気がした。
テキストだけで考えてるとこういう事になるんだよな。
◆遣り残したこと
他にも細かい所いっぱい直してるけど、とりあえず終えてみた。
やり残したこともいっぱいある。
本当は上にならんでるボタンの名前も直したい。
「ブログ/Hatena::Diary」って。
「はてなダイアリー/ブログ」だろうよ。もっと自信もて。
あと最低限名称は統一しろ。
下の灰色の領域も見送った。お腹空いてきたし。
俺がやらなくても、もう出来るよな？
それと、あまりにもめんどうだったのでやらなかったけど、
全体のつくりとして、ひとつひとつのサービス情報を減らして、
９つのサービスをちょっとずつ紹介すべきだと思うな。
なんで「ブックマーク」と「うごメモ」と「ダイアリー」だけなの？
他のは手を抜いてるの？
作ってる人のモチベーション低下させて
社員をやめさせたいって目論見なの？
ていうか、他のサービスのデザインしてる場合じゃないんだよな。
このブログの日付とか明度差なくて、そうとう読みにくいし、
本文の領域も狭くてイラっとする。
おまえならわかると思うだろうけど自殺寸前ですよ。
近々直します。
そして、願わくば、少しでもはてなの人に届いて、
少しでも良いデザインになるといいなあ。
