WEBCRE8.jpウェブクリ8.jpwebデザイナーによる、デザインとwebを楽しむ情報ブログRSSABOUT会う。WEBCRE8.jpが出会った人や参加したイベントの様子を報告するカテゴリです。解説ピクトグラム制作には、文字を自分で生み出すような面白さと、物体や概念を絵に落とし込む楽しさがあります。デザイナー向けハッカソン「ピクタソン」の参加を通して感じたことを書きます。先日ピクトグラムを作ってその出来を競うデザイナー向けのハッカソン、「ピクタソン」というイベントに参加してきました。その中で、元々好きなピクトグラムの制作の難しさと、そして楽しさをまた実感することができました!というわけでイベントのレポートも交え、ピクトグラム制作の面白さについて書いてみます。ピクタソンは以前エンジニアだけじゃない!参加型イベント「○○ソン」を紹介しますという記事でも紹介しています。文字と図、それぞれの役割ピクトグラムについての前に、文字と図とは何かを考えてみましょう。文字とは文字は読めるひとにのみ情報を伝える文字という表現は、要は決まったルールを利用者同士が知っておくことで情報の伝達ができる形の集合だと言えます。文字は、多くの人に繰り返し使われるため普通はできる限り単純な形状をしています。それが使われる文化に深く根ざしているため、その文化に生きる人であればほとんどの人が使いこなせます。おかげで誰もが情報を受け取ることができますが、そのかわり文字をあらかじめ知らない人にはまったく情報を伝えることができません。図とは図という表現は、説明的な絵であり、文字を用いる代わりに見たままの様子や心象風景をディフォルメしたものだと言えます。図は、事前知識がなくてもそれを見たり体験したことがある人には何を表しているのかを読み取ることができるのが利点です。そのかわり共通のルールがないため、それをどのようにディフォルメするかが人によって変わってしまいます。伝達する情報が複雑になりがちです。大人の男性というだけのことを表現したいときにあまり図の描写が詳細だと、見る人によってはそれを白人のひげを生やしたというように余計な情報を受け取ってしまう可能性があります。海外では実際にスマホの絵文字には人種多様性が欠落しているという議論というものがあったりするようです。描写が細かすぎるため人種などの情報も持ってしまう不要な情報を削ぎ落とし、かつ事前知識がなくてもわかるようにする図というのもなかなか難しく、面白いものですね。ちなみに事前知識がないとわからない図は、記号または記号的表現とも言います。赤い十字のマークが赤十字を表すことは世界的に知られていますが、それを知らない人には全く伝わらないでしょう。絆創膏のイラストは、絆創膏を見たことがある人であればなんの図かわかるはずです。ピクトグラムとは文字と図、この両方の特徴を持ったものが絵文字、つまりピクトグラムです。ピクトグラムは文字のように、それを知っている人が共通のものを表す形状として使うことができます。図のように、その図自体を知らない人でも見た目だけでそれが表す情報を受け取ることができます。文字表現の補助としてわかりやすいピクトグラムが用いられる私たちWeb制作者の慣れ親しんでいるWebサイトのインターフェースなどにも、パソコンやスマートフォンを表すピクトグラムがアイコンに使われています。シンプルなため、絵心のない人でもこれがスマートフォンだと表す図を書くことができるのではないでしょうか。ピクトグラム制作の面白いところピクトグラムを作ることの面白いところはいかに情報を伝えるかといかにディフォルメするかです。表現するものが物体ならそれを観察して抽出した特徴を、概念や行為であればそれが人に与える印象を、できる限りシンプルに伝える...これはデザイナーとしてもやりがいのある取り組みだと思います。これは単に作るのが面白いというだけではなく、実際に有用なことです。ピクトグラムには説明やラベルが添えられるときも添えられないときもあるそもそもピクトグラムは単体で、または複数で、ラベルと併用して、というふうに様々な運用のされ方が考えられるものです。言葉が通じなかったり、場所が暗かったり明るすぎることもあり、色の見分けがつかない人が見ることや目の見えない人に利用される可能性すらあります。したとき、単色で、エンボスなどの形状で、文字と同じように情報が伝えられるピクトグラムは優れた共通言語となります。やってシンプルに伝えるかという試みはときにデザイナーの自己満足のようにも聞こえますが、この試みの面白さは如何に多くのひとに情報を伝えるかという努力と同時に生まれるものだというわけです!ちなみに私は以前[Webデザイン]作例つき!アイコンやピクトグラムを作る時のデザイナーの頭の中という記事を書いています。15分程度で手書きのピクトグラムを作成、みんなで見る予選。2〜30人の参加者をA、Bのブロックにわけ、それぞれ異なるお題で1時間で、3つで1セットのピクトグラムを作成する。Aブロックがトライ中Bブロックは懇親会、その後Aブロックの作品で良かったものに投票を行うブロックを交代し、今度はBブロックがトライ。それぞれ人気上位の二人が決勝戦に進出A、Bブロック各2人の計4人以外の全員で敗者復活戦。競技性を持たせたデザイン大会という感じですね。参加者はどちらかというとイラストレーターやDTPデザイナー、そしてプロダクトデザイナーが多く、Webデザイナーは少なめ。いうイベントでは知り合いが多いことがよくあるんですが、ここには全然いない...!軽くレポート写真主体で軽くレポートを。みんなでお題にそって描いたピクトグラムを評価しあう予選で出したドアの「押す」「引く」「横にスライド」を表現したもの。結局予選は抜けたものの、決勝戦は実力の差を実感してしまうような結果に。最近デザインソフトをまともに使っていないということが露骨に現れてしまいがっくりしました...。後で見るとどう考えてもダメなところがあるわけですが、ぶっちゃけ形にするので精一杯でした。width="540"]決勝は「現金」「クレジット」「電子マネー」[/caption]私の作品は一番右です。準優勝の猪瀬さんは毎回準優勝か優勝というとんでもない実力者で、決勝の作品も投票権があればこれに入れていただろうキレイでとてもわかりやすい作品でした。まとまっているし、これが一時間で作られたものとは...優勝の及川さん(右)。優勝商品と作品、主催のカズワタベさんとあ、一応決勝進出でもらえるSUZURIの無料作品注文券というものを頂くことができました!SUZURIは普段から私も利用していて、SUZURIで勘違いさせそうなTシャツを作ってみた(そして届いた)でサービスの使用感も解説しています。HTML5プリントTシャツとか殺伐とした会議室にビールジョッキが!(右利き用)マグカップとか作ってるので良かったら見てやってください★SUZURIでは画像をアップするだけでこういうグッズが簡単に作れます!ちなみに実はこのピクタソン、私前回も参加したんですがレポートは書いてません。いろんな意味で今回は一歩前進できてよかったですねw競技型イベントとピクトグラム制作の相性こうしたデザイナー向けイベントについても少し書いておきます。みんなもくもく作業するかというとそうでもなくワイワイやっている私も前述の記事で紹介した、エンジニアとデザイナーが力を合わせて何かを作るオールナイト・クリエイソン(ANC)というイベントをやっています(Facebookグループに参加してもらえれば開催の際には招待もします!)。このイベントはそもそもデザイナーをハッカソンに呼びたいという趣旨を持っていましたが、思っていたとおりデザイナーの人はなかなかハッカソンイベントには参加したがらないことも多く、集客が難しいのです。デザインはできるけどサービスが作れないからエンジニアに手伝ってほしいという人、結構多いのではと思ってたんですが...。その大きな理由として、デザイン作業は短時間で制作物を作るのに向かないということが考えられます。決まったデザインを作るだけのオペレーションならそうでもないのでしょうが、参加して楽しいかどうか、かつエンジニアがデザイナーにやってほしいこと...と考えるとそれだけでは物足りないでしょう。その点、ピクトグラムを作るというものは非常にわかりやすく、作業スパンも短いクリエイティブで、こういう形の競技イベントに非常にマッチした題材だと思いました。作るものが明確だと、デザイナーの人も参加しようと思いやすいですしね。イベント自体も非常に楽しく、今回はイベントのスポンサーである企業のプレゼンも面白いものが多かったです。印象に残ったのは株式会社ゼロベースの石橋秀仁さん(@zerobase)が手がけるハイパーピクトグラム構想のプレゼン。Sketchとの連携で色々見せてくれたんですが、これは別途記事を書こうと思います。vol.5を開催しました。(イベントレポート)でも見ることができます。おわりにピクトグラムは簡単に始められる問題解決としてのデザイン、ビジュアルデザインの両方の面白みを持つデザイン要素です。グローバル化していく世の中の状況を鑑みても文字に頼らない情報伝達を行うこと(いかに伝えるか)、そしてコンテンツやプロダクト、場所に魅力的な印象を持たせることも含めて創意工夫すること(いかにディフォルメするか)。これらのためにピクトグラム制作をしてみることはとてもオススメです。ピクトグラムは即興で作るものとは限らないので、こうしたイベントで票を集めたものが実践的かというとそれはまた他の評価軸があり得るとは思いますが、こうしたイベントを機によりピクトグラム制作に親しむのもアリだなと感じました。個人的には今後もこのイベントに参加していきたいと思うと同時に、似たアプローチでデザイナー向けのイベントができないかなーと思っていますwこの記事を読んだ皆さんがイベントに参加したくなったり、単にピクトグラムを作ることを楽しむ、という視点で制作ができたりすると嬉しいですね!tweethatenafacebook_likewebcre8はTwitterを使っています。