「作品を追加しました」

秋から冬へに移る昨今、
写真を撮って来ました。
Takumaです。
　

【彼岸花】
ヒガンバナ科の多年草。土手や田の畦に生える。秋の彼岸のころ、高さ約30センチの花茎を伸ばし、長い雄しべ・雌しべをもつ赤い6弁花を数個輪状につける。花の後、線形の葉が出て越冬する。有毒植物であるが、鱗茎(りんけい)を外用薬とする。曼珠沙華(まんじゅしゃげ)。死人花(しびとばな)。捨て子花。石蒜(せきさん)。天蓋花(てんがいばな)。天涯花。幽霊花。かみそりばな。《季 秋》 (by Yahoo！辞書)


というわけでして、写真を結構撮ってた秋でした。
その中から作品として気に入ったものを3つアップしました。



▼takumart.net：Photo Works▼
takumart.net - Takuma saitou Art works ＞ Photo Works

・「彼岸華」
・「虹花柱」
・「朧」

冬も、ひきこもりにならないように、写真撮影に出かけなきゃｗ

■P.S:今日の気になったサイト■■■■■■■■■■■■■■■■

▼ピックアップサイト▼
全日本バーベタイム選手権

●んで、一言
verbatimというメディアの日本上陸のキャンペーンサイト。
なぜか、漢字や英語の意味を選択するクイズを行うと、その結果によって初期値が違うモンスター(メディアモンスター)が授けられる。ランキングシステムや対戦(必殺技等以外はAIでの対戦)を行う事でモンスターの能力値が上がるというシステム。

ちなみに、おいらのはコレ。


強く育てると「ボス」という一群と対戦できるのだが、異常に強い。
10回以上やって勝ったけどね！！！！

PS2ソフトの「らくがき王国」を思い出したが、こんなのがWEBでできるようになったんですよね〜

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

「画像サムネイルを並べるRandom Image Plugin(for WordPress)」

ブログ記事に画像を挿入したりします。
サムネイル一覧作ってないの思い出しました。
Takumaです。
　

【サムネイル】
画像や文書のファイルを縮小表示したもの。多数のファイルを一覧表示する際に使われる。 」(by Yahoo！辞書)

　

というわけで、久しぶりにworepressの改造です。

▼takumart.net：過去記事▼
「ユーザーヒートとページ内導線解析」 | takumaの「デザインはあれでアートはそれで」in takumart.net

にて、このブログのヒートマップ検証をしたわけですが、3カラムタイプのいちばん右。
このカラム中盤の注目率が下がっていました。

・セカンドページ以降で「最新記事」へ回遊ができていない。
・下部のブログパーツにアテンションを奪われている。
・テキストベースで構成されたエリアは本文でない限り読み飛ばされる。

というのが、複数の検証結果から改めて見えてきました。


■この中盤領域に新しいアテンションを■■■■■■■■■■■■

というわけで、この「魔の右カラム中盤(←命名ｗ)」に回遊窓口＆アテンションを作り、下部のブログパーツ領域に行く前にピックアップできないものか。

というわけで、最新記事との絡みで「最新画像」を表示することにしてみました。

いろいろと、調べてみたのですがカラム表示で管理画面から適切な調整ができる下記のwordpressプラグインを選択しました。

▼ピックアップサイト▼
Random Image Plugin for WordPress - Justinsomnia


■大まかな手順は以下のとおり■■■■■■■■■■■■■■■■



●導入(プラグインダウンロードからテンプレート改造＆プラグイン可動)

(Step.1) 上記公式サイトからプラグインファイルをダウンロードして解凍。

(Step.2)「randomimage.php」をwp-content/pluginsにアップロード。

(Step.3) プラグインを有効。

(Step.4)「<?php randomimage(); ?>」と表示させたいテンプレートファイルの街頭箇所にソースを挿入して本番環境にアップ。

※takumaの場合は、右カラムのphpファイルに挿入しました。


そして、細かい設定をwordpressの管理画面から行います。

●設定(基本機能実装後の表示内容微調整)

(Step.4) wordpress管理画面にログイン。

(Step.5) [各種設定]＞[Random Image]のタブを開く。

(Step.6)以下、表示項目を調整して適正化す。。

(Step.7)「Update Opthions」ボタンをクリックして反映。

(a)Include images from WordPress posts? / Pages?
「アクティブのページ：posts」もしくは「固定のページ：page」のどこから画像を抽出するかを選択できます。
⇒「最新画像」なので「posts」のみをチェックしました。

(b)Sort Images Randomly?
抽出するサムネイルが対象先から「ランダム」もしくは「最新記事から順番」に表示されるかを決める。チェックを入れるとランダム。
⇒「最新画像」なのでチェックをはずしました。

(c)How many images to display?
抽出表示するサムネイル点数の数を決めることができます。
⇒二段組みにしたかったので「10」にしました。

(d)HTML Template
各抽出されたサムネイルにセット(1ブロック)で表示する要素指定が行えます。
「%1が記事タイトル、%2が画像、%3がalt」ですが、1と3に関しては文章が長いとサムネイルが見づらくなるので注意です。
⇒「%2」だけで初回は表示することにしました。

(e)HTML between images
複数のサムネイル間のHTML要素指定です。デフォルトでは改行タグが入っています。
⇒特に必要ないのでカラにしました。

(f)Optional attributes for ＜img＞ tags
画像サムネイルに対する指定。画像のサイズや各画像サムネイルにひもづくCSS指定を行えます。
⇒画像サイズと画像周りのマージン調整指定をしました。

(g)Limit by categories/tags
画像抽出対象となるカテゴリの指定。チェックしたカテゴリのみを表示しますが、チェックなしの場合は全対象となります。
⇒チェックなしで全対象

(h)String to match in the ＜img＞ class
「記事側で指定したclass指定」と「この設定で指定したclass指定」が合致した際にのみ表示されるようにする指定項目。
⇒個別指定が必要ないため空欄

(i)Regex to match against the ＜img＞ src
画像のファイル名を指定して表示する場合の指定項目。JPGやGIFやPNGが指定できるが、項目入力すると他の拡張子ファイルが表示されない。
⇒個別指定が必要ないため空欄


という感じで、簡単に表示されました。
実作業時間としては15分程度でした。各項目の意味を探すのに若干手間取りましたがｗ
さて、ヒートマップの結果はどうなるやら。ドキドキですな。


■参考サイト■■■■■■■■■■■■■■■■■■■■■■■■

・記事の画像をサイドバーなどにランダム表示するプラグイン[WP] - ミblog : レビューや日常など
・WordPressプラグイン『Random Image plugin』を使って過去記事を掘り起こす。 - HAAYA
・記事やページ内の画像をランダムに表示してくれるプラグイン | Tips Community
・WordPressの記事画像のサムネイルをランダムに表示するプラグインRandom Image | 無料で使える情報探す「おぼえがき」


■P.S:今日の気になったサイト■■■■■■■■■■■■■■■■

▼ピックアップサイト▼
HOW TO MAKE WONDER CHRISTMAS - イセタンワンダークリスマス 2009

●んで、一言

Flash絵本のようなコンテンツ。
世界のどこかにある「ワンダーエデン」を舞台に、クリスマスシーズンで大忙しの様子をファンタジックかつシュールテイストのイラストで展開していきます。
(作家は、クラウス・ハーパニエミ氏だそうです。)

次回は11月25日とのことで、12月16日に準備が進められているパーティー会場が公開になるそうです。

クリスマスシーズンのキャンペーン系がこれからも多くなりますね。
こういう、ストーリーのあるコンテンツは楽しみですね。

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

「twitterの背景をオリジナルにしよう」

twitterぼちぼちやってます。
どうでもいい事ぼやいてますがｗ
Takumaです。
　

【背景】
１ 絵画や写真などで、主要題材を引き立たせる背後の光景。後景。バック。
２ 舞台の後方を仕切る絵。書き割り。
３ 物事の背後にある事情。また、裏から支える勢力。「事件の政治的―」 (by Yahoo！辞書)

　

twitterをはじめて、しばらく経ちました。
アクセスできないで(サーバーダウン？)よく、投稿を諦めますがｗ

ちなみに、やってるURL

▼twitterスペース▼
Takuma Saitou (takumart) on Twitter

いつも投稿していて・・・さびしい。
なら。オリジナルを背景を作ってみますか！！


■背景画像でオリジナルを画像を作成する際の注意■■■■■■■



・2048px×1707pxのGIF/JPEG/PNG画像(800k以下)
・背景画像が左上配置(メインカラムはセンター寄せ可動)
・オブジェクトがかぶる領域はBGが当然見えない。

それ以外の詳細の作り方は、以下を参照。

▼参考記事▼
Twitterの背景画像を自作する方法・・・ - IDEA*IDEA 〜 百式管理人のライフハックブログ

template size Twitter background guidelines - Croncast

ちなみに、IDEA*IDEAさんでは、PhotoshopとPNGのテンプレートを配布していらっしゃいます。

でも、左上の領域は人間の行動心理上、一番最初に見る箇所です。
F字に導線が動く場合もサイト構成の刷り込みがありますで、企業でtwitterやる場合は、左スペースに概要を書いておくと、他のユーザーとの差別化が図れるかもしれません。

ひと工夫で、だいぶ印象が変わりますね♪


■P.S:今日の気になったサイト■■■■■■■■■■■■■■■■

▼ピックアップサイト▼
アンリ・シャルパンティエ - HENRI CHARPENTIER

●んで、一言

C3（キューブ）も展開するアンリ・シャルパンティエさんのブランド「アンリ・シャルパンティエ」のサイト。

丸と水玉をモチーフにした、モダンポップなおしゃれなサイト。
モノトーンベースで、ケーキの色が非常に際立っています。
(カラフル＆シックなケーキたちが踊っている印象です。)

BGMもかわいく、雰囲気が素敵です。

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

「作品を追加しました」

有給拡張したお盆休みですが、
昨日がラストでした。
Takumaです。
　

【相利共生】
共生の一型で、両種ともに利益を受ける関係。アリとアブラムシ、ヤドカリとイソギンチャクの関係など。 (by Yahoo！辞書)


下書きや原画制作自体はボチボチしてたんですが・・・
作品として制作するのがご無沙汰になっていました。Takumaです。

今回は以前見た二つの展覧会からインスピレーションを受けて制作しました。

▼takumart.net「大琳派展」▼
http://www.takumart.net/wordpress/archives/637

▼takumart.net「メアリーブレア展に行ってきた」▼
http://www.takumart.net/wordpress/archives/883

それが、この「相利共生」という作品です。




▼takumart.net：ArtWorks▼
http://www.takumart.net/art/

ちなみに、「殻」もVer2.0に修正した物をＵＰしました。
あわせてみていただけると幸いです。

さーて。休暇後のパンドラの箱を明日あけるわけだが・・・
まーどうにかするさｗ


■P.S:今日の気になったサイト■■■■■■■■■■■■■■■■

▼Toyota Screensaver▼
http://brandstudio.ru/works/screensaver/


●んで、一言
読んでのとおりトヨタのスクリーンセイバーですね。

いろいろな車のパーツが出てきて、瞬時に組み立てられ走っていく。
間に時間が表示されている・・・これだけ。

だけど、リズミカルかつ音もビジュアルもキャラクター性がありコミカルにまとめられている。

まー。カービジュアルに日本国旗がある車の上に、刀がそなえてあるかは・・・なぞだけどねｗこういうシャープな刺さるクオリティをみると・・・あー海外のデザインっていいなって思う。

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

「休みだしフッターをカスタマイズしてみた」

お盆休みだし。
でも、外は混んでるしね・・・
Takumaです。
　

【カスタマイズ】
［名］(スル)《「カストマイズ」とも》既存の商品などに手を加えて、好みのものに作り変えること。「会計システムを―する」 。(by Yahoo!辞書)


というわけで、ブログのフッターをいじってみました。
まえから、イラスト加えようとかしてたんだけど、最近めずらしく忙しかったのでｗ



▼takumaの「デザインはあれでアートはそれで」▼
http://www.takumart.net/wordpress/

「最新のコメント」と「最新のトラックバック」を復活したり。
「ブログパーツ類」の拡張枠と「イラスト描いてのっけてみたり」。

というのも・・・

■最近のフッターデザインって■■■■■■■■■■■■■■■■

凝ってますよね。実はいろいろな施策をしていいエリアだというのが判明したのでしょうかｗ

まず、このテーマについて解説してる記事。

▼【海外事例に学ぶ】 リッチ化するフッター (ユーザビリティ実践メモ)▼
http://www.bebit.co.jp/memo/2009/06/post_147.html

ブランド感の強化や、導線の最後の巻き取りとして重要な役割という記事。

実際にいろいろな海外ピックアップ記事があった。

▼手を抜かないフッターデザイン30▼
http://blog.creamu.com/mt/2009/04/30_7.html

▼フッターが素晴らしい19サイトを参考に足もとを見直そう▼
http://web-tan.forum.impressrd.jp/e/2007/04/18/1176

▼フッター要素のデザイン集のまとめ▼
http://www.css-lecture.com/log/web-design/011.html

海外で2007年ごろから流れはあったみたいだけど。国内で定着してきたのは、それからちょっと遅くなってからだったみたいです。

よし。サイトが重くなりすぎない程度にカスタマイズがんばろう！！

■P.S:今日の気になったサイト■■■■■■■■■■■■■■■■

▼thetoke▼
http://www.thetoke.com/

●んで、一言

海外制作系の方のポートフォリオサイト。
3Ｄでのナビゲーションを実現しているサイトさんです。
2Ｄアイコンが効果的に取り入れら得ていて、レイアウト方法も選択できるようになっています。

空間デザイン的なアプローチですが、このクオリティはさすがにまだFlashでないとできませんよね。Ajaxで出来るようになったら、すごいんだろうなー。

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■