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

タイムライン

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

5人目にして変な汗が止まらないわけだが

実は昨日の段階で出来ていたのですが出し惜しみしてしまいました。といっても出来たのは夜中なんですけどね@shintarowfreshです。

本日は@takashingsさんのブログ「Hello, My Innocent.D」のブランディングセクションをアレしようと思うのですが、ここにきてまさかのはてなダイアリー!
私いまいちよくわからないのですが、CSSとかアレできるのでしょうか。教えてエロい人的な。

とりあえず行きます。
さて、かねてより@takashingsさんのTwitterプロフのアイコンをお見かけするたびに、アノ人がアレしてる姿に似てるよなぁと、ずっっっと思っていました。

ブログを拝見してもかなりチャーミングでキッチュな記事を書かれている。

よし、これはもう、アレしかない。

怒られたら謝ろう。

制作時間4時間の大作をお見せするときが来ました。

ぶっちゃけ、今まで5人の中で一番時間がかかりました。

引っ張るとハードル上がるのでこの辺にしときます。

ではビフォー。

アフター。

任天堂よ、頼むから見逃してくれ的な、権利関係限りなく黒に近いグレーな仕上がりです。

限りなく黒に近いグレーなのになにこのポップさ!

ちなみに全体像はこんな感じです。

そもそも@takashingsさんのプロフ画像がブロックぶち抜いているマリオにしか見えないじゃないですか。ねえ。
ココまで作り込んでほとんど見切れさせるデザイナー魂。我ながらほれぼれします。

ブログのテーマカラーは水色のようなのでワンナップキノコは毒々しいカラーリングにしてあります。
わざわざ本体は色を変えたり権利関係に配慮しようとしているのにキノコはまるのままです。これは手抜きではありません。完成度が高すぎて崩すのがもったいなくなった私のわがままです。

躍動感にこだわり抜いたのでチューニングに思いの外時間がかかってしまいました。

アップルブロックからスロットローディングでCDが飛び出すっていうのも考えたんですが、わかりにくいので止めました。やっぱりキノコが出てきてほしいものです。
背景画像の虹はそのまま流用させてもらいました。思いの外はまってびっくりしています。

イノセント感はとりあえず疾走しているし、もちろん自信作なんですが、@takashingsさんがゲームとか全然やらない人だったら全く意味がわからないコトになってしまいます。

しかも僕はスーパーマリオ1をやりこんだ世代。いまはアレでしょ、3Dとかなんでしょ??世代がずれたらおしまいです。

とりあえず後悔は後にして、実装編

背景を入れ替えるだけです。しかし、自サーバーにアップロードとか出来ない場合どうすればいいのでしょうか?
記事に画像をいれればいいの?
CSS的には
h1 {
margin: 0 auto;
padding: 55px 20px 0 20px;
width: 852px;
height: 95px;
border: 4px solid #FAFAFA;
background: #E7E7E7 url(‘画像のURL’) left bottom no-repeat scroll;
font-size: 2.4em;
font-weight: normal;
}
だけ上書きすれば大丈夫なんですが

画像のダウンロード

ああ、今回ばっかりは賭だな。無難なのも作ろうかと思ったけれども、勝負してない感じがして止めました。いや、むしろブランディングをお願いしている方は美しくかっこいいのを望んでいるのは重々承知なんです。
だれもオモシロにしてくれなんて言ってないわけで、しかし、きっぱりと言わせてもらうと、こんなヘッダー1度見たら忘れません。これ以上の宣伝効果ってありますか?

作品だけが評価の世界です。言い訳すればするほどみっともないですが、仕上がりがオモシロだからと言ってまじめに作ってないと思われると心外です。いつだって真剣勝負なのです。

嗚呼、ゲーマーであることを祈りつつ。

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

一緒に読んで欲しい記事

前の記事(Previous)
frasm企画4発目は@haya1111さんのブログブランディングしてみた
次の記事(Next)
frasm企画6発目は@kentaro_jpさんのブログブランディングしてみた