frasm企画6発目は@kentaro_jpさんのブログブランディングしてみた

べべべべ別に紹介記事とか書いて欲しい訳じゃないんだからねッ!

嘘です。書いてもらえるものならいくらでも書いて欲しいです@shintarowfreshです。でも別に強制でも何でもありません。気が向いたらで結構ですし、さらっと流していただいても全然OKです。

さて、今日は@kentaro_jpさんのブログブランディング。

Apple’n Diary iPhone/iPad News

ブログにアクセスすると猫がないてくれます。癒やしぃ。

こちらはブログ記事やTwitterの背景画面から伺うに、かなりのアップル大好きっ子さんだとお見受けします。

前回のはてなダイアリーと同様に、今回はFC2ブログです。これまたCSSとかいじれるのでしょうか？教えてエロイ人的な。

とりあえず行きましょう。

こちらがビフォー

こちらがアフター

アップル以上でも以下でもありません。
気分的にはVドラムにかなり揚がったので、Vドラム推しにしようかと思いましたが、一般の方はVドラムがいきなりトップにきてはROLANDのサイトに迷い込んだと勘違いする恐れがあるので止めました。いいっすよね、Vドラム。

もっとアップルに寄せようとするとどうしてもグレーっしゅになるので、サイトカラーの肌色オレンジとは反発してしまいます。
完全に無機色と有機色とが大けんかパーティーです。

なので、テクスチャと書体、文字の感じで私に出来るかぎりポく寄せてみました。
このデザイン手法を使うと後で絶対に首を絞めることになるとは思いますが、まあ、使い回さないことも私のルールです。以降この手法は多分使いません。

とりあえずトップ画を差し替えだけでそれっぽくなるように工夫しました。
ブログタイトルの位置そのままで大丈夫だと思います。

実装編

こちらも今使っている背景画像を上書きすれば大丈夫だと思うのですが、それが出来るか出来ないかですよね。
div#header {
width: 100%;
height: 220px;
margin-bottom: 30px;
background: white;
background-image: url("画像のURL");
background-position: right top;
}

出来てくれ、頼む。

問題は記事を拝読してもiPhone4Sの色がわからなかったことです。一応白にしておきましたけど、どっちなんでしょうか？

あとコピーにどうしても「革新的」を使いたかったんですけど、変更全然OKですのでお申し付けください。

画像ダウンロード

これで4分の1だとッ! 楽しい毎日が続くぜ！

文：シンタロヲフレッシュ

はてブ

pocket

twitter