[B! wireframe] skatsushimaのブックマーク

直前の告知になってしまい申し訳ありませんが、9月29日21時より @threepennie さん「Websig 24/7サイトマップ＋ワイコミ研」ということでUStreamを行ないます。サイトマップとワイヤーフレームの標準ガイドラインを考える会のキックオフ番組となります。詳細はこちら http://ow.ly/2Js6t 配信は、 http://ow.ly/2Js6u にて行なわれますのでお楽しみに！ハッシュタグは#websigです。第2回ワイヤーフレームコミュニケーション研究会が開催される2週間ほど前にTwitter上で、デザイナーの松原慶太さんとやりとりで、ワイヤーフレームのパーツをマグネット化できたらいいよねみたいな話し合いが行なわれました。ホワイトボードとかに貼ったりしてアナログな状態でいろいろなブレストをやるためのアイテムという雰囲気です。松原慶太さんは、標準Webデ

skatsushima 2011/04/20

[for:@twitter]

リンク

http://www.spacejam.info/p_24.html

skatsushima 2011/04/18

[for:@twitter]

リンク

第2回ワイヤーフレームコミュニケーション研究会@東京終了しました - ワイヤーフレームコミュニケーション研究会

6月18日金曜日に第2回ワイヤーフレームコミュニケーション研究会@東京が開催されました。第1回の時は、あらかじめ用意されたトピックに従ってみんなでディスカッションするタイプの会でしたが、今回は講師を交えてのセミナー形式の会となりました。第2回目は「マークアップエンジニアからインフォメーションアーキテクトへのキャリアパス　～マークアップはマイクロIA（インフォメーションアーキテクチャ）だ～」と題して、マークアップエンジニアとインフォメーションアーキテクトを兼任する株式会社ビジネスアーキテクツの伊原力也さんと元株式会社ビジネスアーキテクツ、iA incで現nodot代表をつとめる小久保浩大郎さんをゲストに迎えるかたちでの開催となりました。（伊原さんにより「ワイコミ研」という略名もつけていただきました）当初、第1部は「マークアップエンジニアをベースにしたインフォメーションアーキテクトへ

skatsushima 2011/04/18

[for:@twitter]

リンク

使えるワイヤーフレームの書き方

もっと現場で使える「本気のワイヤーフレームの書き方」を公開しました。ワイヤーフレームの書き方は、それこそディレクターさんによって千差万別。手書きが一番だ！と叫ぶ人もいれば、Fireworksラブ！なんて人もいて、使用するフォーマットもマチマチ。なので、ここでは僕がやっている「使えるワイヤーフレーム」を僕なりのやり方で紹介させていただき、読んでいる殊勝なかたがたのお役に立てばなぁと思います。僕の場合、ワイヤーフレームを使って脳内シュミレート（サイトが使いやすいかどうか？のテスト）をするので、一般的なワイヤーフレームというよりは、どちらかといえばプロトタイプに近いものを作ります。ピクセルは等倍で、フォントサイズも大まかには合わせて、原稿はすべて入れてしまいます。なんでワイヤーでそこまでやるんだって？決まっています。そのほうが楽だからです。ワイヤーの多くは、「あくまでレイアウトの草

skatsushima 2011/04/18

[for:@twitter]

リンク

ワイヤーフレームはFireworksがベストか。意外とInDesignが次点か。 | 戦意

ワイヤーフレームはFireworksがベストか。意外とInDesignが次点か。 123 (2010/6/10, 10:50 PM) ワイヤーフレームって何で作ってますか？これまで私はワイヤーフレームはイラレで作ってました。大枠となるページだけ作る分にはこれでもさほど問題ないんです。ただ、全ページ作る必要に迫られた場合、ナビゲーション部分などの共通部分に後から変更が生じたとき、イラレにはページ概念がないので、すべてのファイルもしくはアートボートのナビゲーション部分を変更し直さなければならず、とても厄介です。前回の案件でそうなって、大変な目にあったので、次こそなんとかしたいと思って、最近InDesignのマスターページ機能に着目し、実際やってみたら結構よかったんです。もう今後これでいいじゃんと。ところがそんな矢先、CSS Nite in Omotesando, Vol.1にて、Fi

skatsushima 2011/04/07

[for:@twitter]

リンク

ワイヤーフレーム制作の５つのアプローチ

ワイヤーフレームを作るときに、とりあえず「どのソフト・道具を使って作ろうか」という考えが先に来てしまいますが、どのようなワイヤーフレームを作るのかのほうが重要です。情報をどれだけ見せるのか、何を表現したいかによってワイヤーフレームの見せ方が異なります。つまり、サイトの属性や目的に応じてワイヤーフレームの作り方を調整するとより効果的になります。また、予算や時間に合わせてワイヤーフレームを作成する目安にもなり、制作チームやクライアントとの情報共有がしやすくなる可能性があります。ワイヤーフレーム制作は、主に５つのアプローチが考えられます。それぞれメリット・デメリットがあり、得意分野も異なります。複数を組み合わせたり、アレンジすることで目的にあったワイヤーフレームを作ることが可能になるでしょう。コンテンツブロック型内容や記載せず、おおまかなブロックで枠組みするワイヤーフレーム。サイト制作の早