DJ eri様 ブログカスタマイズ

http://ameblo.jp/beautyfly/

Category:

Type:アメブロカスタマイズ

Concept:50'sカルチャーイメージでページを開いた瞬間のインパクトを重視

Skill: /
dje_ame2
都内でDJとして活動されているクライアント様のブログカスタマイズをさせていただきました。
ご本人の好みのテイストである50’sカルチャーテイストのロカビリー&ロックイメージでビジュアルをデザイン。 ロックというところもあり、ちょっと傾いている感を出そうと全体的に不揃いでランダムな感じにして「自由」な感じを表現。ダークな色調や表現と相まって雰囲気のあるデザインに仕立てました。

ビジュアルイメージ

dje_ame3

メインビジュアル

「ページを開いた瞬間のインパクト」を意識してRockabilly Pinup風のビジュアルをトップに。

ターンテーブルの面ごとなど、全パーツをPhtoshopで合成して作成。

dje_ame4

ナビゲーションデザイン

レコードを好んで使ってらっしゃることにちなんで、ナビのデザインはレコードにし、ロールオーバーモーションも実際にレコードの回るスピードに調整するなど拘りと遊び心を加えた。

dje_ame5

不揃いなサイドバーオブジェクト

トップのビジュアルが中心から広がるようなデザインの為、サイドバー部分が整列されすぎていると窮屈でトップで感じる解放感が消えてしまうと感じたため「抜け」をつくる意味合いでサイドバーのオブジェクトをバラつかせました。

各パーツ一つ一つcssでポジションをズラして調整しています。

Author's Comment

Designer: 深井 学

自分にしては珍しく、あまりあれこれを考えずフィーリング重視で製作したデザインです。「開いた瞬間のインパクトが欲しい」というクライアント様からの要望により、メインビジュアルに比重を大きく置いたデザインにしてみました。
トップを賑やかにしたため、他の部分ではクドくならない程度のビジュアルにしつつ、トップだけが浮かないようにバランスを調整していきました。(50’sカルチャーはどちらかと言えばクドめなところがありますが)

また、カラーリングの面ではモノトーン+赤のアクセントだけでは少しキツすぎる感じがあったのでベージュ系のカラーを加えて少し落ち着かせつつ、レトロな雰囲気も加えています。

表現者やクリエイティブな関係の方というのはやはり独自の世界観を持ってらっしゃるので、お話しを聞かせていただいたりしていてもとても刺激的ですね。様々な新しい価値観に触れられて自分の見識も広がると思います。

JavaScript Not Working!

当サイトでは閲覧の快適性向上と、あなたの操作に対し応答を行う為にJavaScriptを利用しております。
JavaScriptがOffの状態ではこれらの機能が動作しません。本来の状態で閲覧するにはJavaScriptを「有効」にして、ブラウザの「再読み込み」をお願い致します。

» 各ブラウザでのJavascriptをオンにする方法