grafoo:blog

福岡アクセシビリティセミナー Vol.1で、ピクトグラムのお話しをさせてもらいました。

アクセシビリティの話の中で「見える」前提の話はさすがに話しづらかったですが、「伝える」という側面でなにか参考になる部分があればいいなと思います。

とはいえ僕はピクトグラムを専門にやっているわけではなく、普段仕事の中で行っている事の一部だったので、改めて資料を参考にしながら自分なりに整理したことをお話ししました。なので実は自分が一番勉強になってたりします。

実はこの資料を準備しているのと同じ時期に、関わっているプロジェクトの中で、iPhoneアプリのUIとWebのUIで使用するアイコン（ピクトグラム要素の強いほうです）制作を行っていました。制作は若いデザイナーに行ってもらって僕はディレクションだったのですが、そのときデザイナーが悩んでいるようすをみて、考え方がすっぽり抜けているのではないだろうかと思い、今回のような内容としました。

ピクトグラムについてはもっと色々と、細かいけれど面白い話もあるのですが、それはまたの機会に。参加したみなさん、雪の中ほんとうにお疲れ様でした。

2月27日（土）に開催された、Wordcamp Fukuoka 2010で使ったスライドを公開します。

ヌーラボの橋本さんから「配置的な何か」ってリクエストされて、そんなに勉強も実践もしてないぞって、すごく困ったあげく、結局WebともWordpressとも言い難いものになってしまった。しかも配置の話でもない。最近はバリバリとコーディングしたり制作してないし、技術的なことは話せないなと思って、もう少し普遍的でいつも気になってたことを材料に整理してみた。

Continue reading

先週末に tenjin.web というコミュニティの「ui/0 Wii観察会」に参加させてもらった。機械（道具）と人間が接する部分である「ユーザーインターフェイス」について、特にインタラクションと呼ばれている「製品・サービスなどの振る舞い」とか、言語や技術だけでなく人の心理などに目を向けて分析・研究し学習していこうという勉強会で、今回はどんな風にこの勉強会を進めて行こうとか、こういった本を読んだらどうだろうとか、こういう事を意識して行きたいよねといった話。参加者全員でWiiを使いながら、その操作性や画面上での視覚表現、動き、視覚的な特殊効果について、意見などを出し合い賑やかで楽しい勉強会だった。

これはそのときに描いたメモ

プロダクトは「機能する」「確実である」「無難に使える」はもう当たり前で、使っていていかに「便利だ」と思わせたり「使ってて楽しい」と思わせたり「有意義だ」と感じさせることができるか。この部分は理屈だけでは生み出せないと思っている。これはアートディレクションにも通じるものがあって、感覚的にとらえて作るミクロな視点がグラフィックデザイナーの視点、そのあと論理的に整理して作るのがアートディレクションの視点なんだけど、それだけでは面白いものが作れない。最後にもう一度感覚的に見て面白いと捉えられるかが必要じゃないかと思う。

時々、インタラクションについて人前で話をさせてもらっているけれと、経験による話よりもいくつかの書籍などから整理した概要的な内容がほとんどで、なかなか技術検証なども行えないのがつらい。だけどこういう勉強会に参加できると、試す機会にもなるし人の意見も聞けるし良いなぁと感じた。出来れば今後も参加したいな。

誘ってくださってありがとうございました。

追記

Wiiのボタンを動画で撮影したビデオと、ボタンにカーソルを載せたときの部分をコマに分解してみた。こうやって分解すると、案外少ない枚数で動いてるなとか、大きさの変化に合わせて小さいアイコンが移動してるなとかがよくわかる。

新しい習慣はいつの時代も嘆かわしいと思われて登場するのかもしれない。

FPN-朝食の前にtwitterやSNSのフェースブックを楽しむ人が増えている訳

＜メディアによるライフスタイルの変化＞

　昔、市民社会が勃興した19世紀頃、ドイツの哲学者ヘーゲルは「近代市民はお祈りをサボって新聞の朝刊を読んでいる」「嘆かわしい」と言いました。これはメディアの普及によってライフスタイルが変わることを示す逸話として有名です。

それが「21世紀のネチズン（ネット市民）は、朝食もとらないでインターネットを楽しむ嘆かわしい人種」と変わったようです。

福岡てら子01に参加しました。
当日の感想等は後日アップするとして、とりあえず資料を公開します。

スライド資料
Flexサンプルプロジェクト

5iveの_simoさんが旗揚げしてくれた「福岡てら子」に参加します。

「teraco（てら子）」といえばtrick7のteraさんが始められた「Flash 好きな人で集まる会」ですが、_simoさんのつぶやきがきっかけで、福岡にも飛び火（？）しましたよ。内容も3D、midiコントローラーとの連携、トゥイーンライブラリ、と気になるものばかりですよ！

もちろん僕もお話しさせていただく予定です。まだまだ勉強中でAS3バリバリではないですが、Flash使いとしてFlex使いとどうやって連携したらいいか試行錯誤・七転八倒起の記録をお話ししようなかぁと思ってます。タイトルは「Flash使いがFlex使いと連携してみたよ 〜Catalystがないので色々試してみた〜」です。内容は急遽変更する可能性もあるのであしからず。

なかなか情報「交換」が根付かない福岡ですが、静かに地味に始まったこのFlasherの集まりが、地味に長く続くと良いな〜と思ってます。

福岡では、2/25日にAdobeのセミナーがあるそうです。
「Adobe CS4 Web Premium セミナー “最高傑作へのショートカット”」

タイトル通り、Adobe CS4 Web Premiumのプロモーションですね。
まだ僕もCS4にアップグレードしてないし、周りにもアップグレードしたって人まだ聞かないので、体験版もらいに行ってこようと思います！

でも実は個人的に気になってるのはCS4よりも「Flash Catalyst」。

以前「Thermo」ってコードネームでAdobe Labに紹介されてたツールで、ソースコードを書かずにアプリケーションを設計できるツールとか紹介されてました。

デザイナーとプログラマの橋渡し的なものなのかなと想像してはいるんですが、IllustratorとかPhotoshopで作成した画像にインタラクションを設定するデモムービーしか見てない（実際にはそれ以前にも紹介ムービーがあったけど、見あたらない）ので、ついに実際に動いてるのが見れるんじゃないかと期待してます。最近はインターフェイスのビジュアルを作製する機会が増えつつあるし、こういうツールがあるとインタラクションまで作り込めるので（守備範囲は増えるんだけど）益々プログラマとの連携が取りやすくなるのかな〜と思いますね。

ところで、こういうムービーってデザイナーがコーヒーとか飲みながらオシャレな感じで優雅に仕事してる姿をよく見るんだけど、実際こんな風に仕事してる人ってどのくらい居るんだろう…少なくとも僕は違いますねw

そういえばFlashテクノロジーばっか力が入ってるみたいだけど、Directorはどうなったんでしょうねー

AIPと書いて「アイプ」と呼ばれているNPOがあります。正式名称は「特定非営利活動法人 高度IT人材アカデミー」。
このAIPがあるIT系のイベント「オープンソースカンファレンス2008福岡」と「九州Ruby会議01」に出展する為のパネル制作をお手伝いしました。

これはその展示イメージとパネルのビジュアル。画像では細かいところまで見えないですが、イベント当日、会場で見かけたらぜひご覧ください。

幕末古写真ジェネレーター -写真を江戸〜明治期の古写真ぽくします-

写真を古くしてくれるサービス。
着物きて撮影した写真があれば、違和感ないものが出来ちゃいそうですね。

見本の写真は、天神で遭遇したガリガリ君。