Webデザインの参考になるDropboxのダウンロード画面

今更ながら、気がついたのでメモ。

Dropboxのダウンロード画面はブラウザによってチュートリアルの画像とテキストが変化する。
確かskypeのウェブサイトも同じような感じだったと思うが、細かいところまで気が配られていて非常に良い。

改めて言うまでも無いが、ウェブサイトにせよ、アプリケーションにせよ、こういう利用者目線で設計を行うことがとても重要。
表面的な装飾じゃなくて、こういうユーザー中心のデザインなら大いに参考にすべきだと思った。
→参考記事:「Samsung製品はコピー」を画像で例示:Apple

以下各ブラウザ表示時の参考画像。

(さらに…)

Firefox4で色がおかしいのですけど

タイトルの日本語が既におかしいのですが、それ以上にFirefox4の色がおかしい。
なんだか彩度が足りない。

ろくにモニターキャリブレーションをやってないのでWebデザインの神様がぶち切れちゃったのだろうか。

ちなみに環境はMacOS X(10.6.7)でモニタはナナオのFlexScan SX2262W。
MultiFirefoxで3.xと4.xをそれぞれ別プロファイルで作成して撮影。
どうすりゃいいんだろう。

追記(4/2):

再起動したら色が正常になった!!なぜ???

サイトを改装中

次のトレンドっぽいグリッドデザインにWebサイトのレイアウトを変更中。

CSSだけで何とか実現出来ないかとしばらく試行してみたが、どうにも各ブロックの上下間隔が詰まらないので、ありがたい事にこちらで公開されているjQueryのプラグインを使用。Firefoxとsafariでしか確認していないので、IEでは崩れているかも。あとトップページ以外はレイアウト崩れてます。とりあえず今日はここまで。

IT起業アカデミア