紙の風合いを表現したブログデザイン - 歴史探偵団 REKI-TAN
2009/8/10 (Mon) at 5:21 pm
個人ブログのデザインをつくりました。『歴史探偵団 REKI-TAN』は東アジアの歴史を語るブログです。ブログ主さん自ら書いているオリジナルの歴史小説がメインで、その他、写真つきの旅行記とか、書評等があるというコンテンツです。ゴリゴリの歴史マニア向けの内容。
これは読み物中心なので、あまりに目がチラチラするような派手なデザインは逆効果ではあるけれど、とはいえ、でもやっぱり、パッと見、楽しげにしたいなーという相反する希望を満たすべく、
『にぎやかで楽しいデザインでありつつ、目に優しい色調。長時間読んでも疲れない。紙の風合いが感じられる』
という点に主眼を置いてつくりました。どうでしょうか。成功しているでしょうか。
いまはまだ完成したばかりでエントリ数が少なく、私がお客様に説明するために置いたサンプルダミーのページが残っていたりして、いかにも新築の匂いがプンプンの初々しさですが、この先どんどんとアプしてくれるそうなんで、歴史好きな方はどうぞご覧ください。また、歴史なんかよくわからんという人もチラと覗いてみてください。私も読者として読ませて頂きます。日本の歴史を勉強しましょう。
ところで... 。
いまどきブログなんてものはタダでつくれる時代です。On-The-Flyで開設できて、いたれいつくせりの高機能CMSをすぐに使わせてもらえる。ライブドア、hatena、アメブロ、fc2、Jugem.... 各社が提供するサービスはどれも使い勝手がよい。タダだから多少不便でも我慢しろという時代は終わりました。米Yahoo!のgeocitiesはその役目を終えて終焉。日本のジオシティーズは存続するみたいですが。またDoblogはあのように散りました。
無料サービスをヘタにやらかすと企業イメージを落とすことにもなりかねないという昨今、この時代に生き残っている有名どころは営業的にも技術的にもさすがってかんじがします。初心者のみなさんからいろいろやりたいカスタム派まで、幅広いユーザー層の希望を満たせるようによくできてますよね。しかもほとんどがタダ!
※アメブロに関しては別の意味でさすがともいえるわけですが、それはまぁこの記事の本意とは関係ないので細かい話はスルー。とにかく無料ブログで流行ってるところはどこも華々しいかんじがします。
もっともタダといっても、「タダだからうれしいなー。べんりだなー」と喜ぶのは勝手ですが、無料ブログでせっせと記事を書いてる人々はその運営企業のドメインの価値を高めることに貢献しているのであり、企業の広告営業をボランティアで手伝ってあげているともいえるわけです。オシャレなオフィスでブイブイやってる連中のキャバクラ代をブロガーのみなさんが集めているんじゃないですかね。それはまぁ、サーバ代金ツール代金含めての等価交換といえるのかもしれませんが、このからくりに気づくと「なんかおもしろくねーよ!」といいたくなりませんか。
ブログを始めて1年以上経ち、それが生活の一部になってきたなんていうくらいのレベルの方はですね、そろそろ自ドメインでやったらどうすか。と私はときどき発言するのですが、やっぱり『タダ&べんり!』に馴れきっている方はそのまま居続けるパターンが多いみたいです。
こんな時代にわざわざ私みたいなデザイナーにいちからデザインをつくらせるっていう人間は相当の変わりモンなわけです。いうなれば「家賃タダで格安便利な商業ビルへの入居を辞退し、だれもいない山の中に一軒家をつくって、電気ガス水道を自前で引くのだ。宣伝も自分でやるのだ。手伝ってくれ!」という行為に等しいと思うのですよ。
このムダな美学っちゅうもんに楽しさを見いだせる人間じゃないと、わざわざ私なんぞに頼んでこないでしょう。てわけなんで、まぁなんといいますが、並のブログデザインでは飽き足らないと思われ、そういうこともあってかなり凝った風につくりました。無料のブログツールではここまでやれないだろうというところも攻めてみました。
- 画像つきのツールチップを表示する水平メニュー(視覚的に訴える!)
- エントリに含まれる写真のサムネイルを自動生成してサイドバーに表示する(ネクストクリックを促す!)
- ajaxな問い合わせフォーム(使いやすい!)
- ajaxなブログ内検索(使いやすい!)
という機能があります。ajaxなところは未対応の古いブラウザ(あるいはJavascript disabledの環境)なら代替ページが出るようにしてあります(当オフィスのデフォルト仕様)。
2) についてですが、サイドバーにあるPHOTOsというところですが、いわば自前Flickrブログパーツというようなもんです。エントリを投稿すると一定時間内に正方形のサムネイルを生成します。よく個人のブログでFlickrのヤツをつけてるのを見ますが、あれはよいのですが、Flickrのギャラリーページに飛ぶってのがなんかイヤだなーと以前から私は思っておりまして(それが目的だからブログパーツを配布してるんでしょうけど)、私、思うに、どうせならそのクリックを自サーバ内に誘導したいじゃないですか。写真を見てクリックしてくれるというその興味度はかなり高いわけです。とても良質なクリックです。そのビジターをむざむざ他サーバに飛ばすのはもったいないじゃないかと。そう考えてこういうのをつくりました。
いまはまだエントリ数が少ないので新しいものが順に表示されるだけですが(つまり『新しいエントリ』と同じリンク先になっている)、ゆくゆくエントリ数が増えてきたらば、サイドバーに忘れた頃の大昔の写真が出てくるようにするとかしたらいいですね。また、PHOTOsのところには12枚のサムネイルしか出ませんが、そこに『ぜんぶ表示する』みたいなリンクボタンがあったとして、それをクリックするとこれまでにアプした写真のすべてがズラーリと出てくる見やすいギャラリーページに誘導されるなんていうのもいいですね。そのギャラリーページからすべてのエントリにリンクがしてあれば、サーチエンジンのクローラーに導線を与えるという効果もあるかなと。という将来設計もあります。
こんなブログを持ってみたいなーと思った方は、お気軽にお問い合わせください。Movable Type、ワードプレス等、ご希望のツールに合わせてカスタマイズできます。
Happy blogging!
コメント・プリーズ!
PROFILE![]()
藤居ヒロヤ。ウェブデザイナー/ウェブディレクター。ウェブデザインオフィス、3OT NET主宰。名古屋市中区。「優しいデザイン」「激しいデザイン」「正しいデザイン」「セクシーなデザイン」「泣けるデザイン」「もっともなデザイン」... 。あなただけのウェブデザインを丹精込めておつくり致します。見積り依頼等、お気軽にお問い合わせ下さい。
- www. http://www.3ot.net/
- email. admin [atmark] 3ot.net
- phone. 052 323 7376
RECENT ENTRIES![]()
- トウモロコシがおいしい
- ダイコクドラッグが近所にできた
- ライブドアのBLOGOSをよく読みます
- jQuery :: 画像のリロード
- タムの絵
- Javascript :: ecl.jsにながらくお世話になりました
- サーバ移転&ブログのデザインをすこし変えました
- php :: 正規表現 :: 名前つきキャプチャというのを習った
- jQuery :: ネストしたリスト + ui.sortable.js
- jQuery :: event delegationてナニ?
RECENT COMMENTS![]()
- embedタグを使わずにYouTubeとかのFlashを貼る for W3C [6]
- Rusk (11/05)
- ふ (09/07)
- ふ (09/07)
- 3次元写真撮影機フォトシミリ (09/07)
- jQuery :: チェックボックスが並んだテーブルをjQueryでどーこーするサンプル [5]
- 初心者 (08/05)
- s-box.js - Lightbox-like Javascript with jQuery and SimpleModal plugin [6]
- Hiroya (05/04)
- Billie (05/04)
- CSS :: height:1pxのボックス要素をつくるには [2]
- ふ (02/19)
- にゃん (02/18)
- php :: MagpieRSS :: 他サイトのRSSを表示するクラスライブラリ [2]
- ふ (02/04)
- 青樹洋文 (02/03)
- トウモロコシがおいしい [4]
- ふ (07/09)
- いら (07/03)
- ふ (07/03)
- いら (07/03)
TOOLS![]()
- s-box.js
- Link2WikipediaEncoder
- QR_CodeGenerator
- PagerankChecker
- IntrocucePhpCodeOnBlog
- FaviconGenerator
- Whois
- SiteThumbnailGenerator (Beta)
- EmailAddressEncoder (Legacy!)
BOOKMARKS![]()
RESOURCES![]()
- 99designs
- COMPUTER ARTS
- CPAN
- PHP標準関数逆引き辞典
- SMASHING MAGAZINE
- UNIXコマンド
- ajaxload.info
- deviantART
- deviantART :: PS Brushes
- deviantART :: PS Shapes
- fotosearch.com
- hotscripts.com
- hotscripts.com :: php
- iconlet.com
- jQuery Reference
- php.net :: 関数レファレンス
- psbrushes.net
- turnkeyforms.com
ARCHIVE![]()
- 2010年7月 (1)
- 2010年1月 (1)
- 2009年12月 (2)
- 2009年11月 (3)
- 2009年10月 (1)
- 2009年9月 (9)
- 2009年8月 (7)
- 2009年6月 (7)
- 2009年5月 (1)
- 2009年4月 (8)
- 2009年3月 (1)
- 2009年1月 (1)
- 2008年12月 (3)
- 2008年11月 (1)
- 2008年4月 (1)
- 2008年1月 (3)
- 2007年12月 (1)
- 2007年10月 (3)
- 2007年9月 (5)
- 2007年8月 (4)
- 2007年7月 (13)
- 2007年6月 (22)
- 2007年5月 (30)
- 2007年4月 (15)
- 2007年3月 (12)
- 2007年2月 (7)
- 2007年1月 (16)
- 2006年12月 (23)
- 2006年11月 (9)
- 2006年10月 (3)
- 2006年9月 (2)
- 2006年8月 (6)
- 2006年7月 (4)
- 2006年6月 (6)
- 2006年5月 (10)
- 2006年3月 (17)
- 2006年2月 (8)
- すべての投稿 (266)

