作るだけではないデザイナーの生きる道
職種を超えたデザイナーの集まり 3月20日、浜松市にて DORP INSPIRATION 2016 が開催されました。様々な分野で活躍するデザイナーを対象にしたイベントだけあって、Web デザイナーの来場者数は半分以下。グラフィックデザイナーはもちろん、建築家やインテリアデザイナーの方も参加していました。デザインという限定されたテーマではありますが、様々な分野のデザイナーが集まるイベントは珍しいと思います。 参加者だけでなく、登壇者も多彩な顔ぶれ。オイシイワークスの佐藤実紗さん。書籍「なるほどデザイン」の著者で株式会社コンセントのアートディレクター筒井美希さん、関口 裕さんが登壇しました。デザインという共通項はあるものの、仕事の仕方も、アウトプットするモノも様々。自分の仕事に直結した情報を手に入れることが難しい分、「これは自分の仕事に置き換えると何が言えるのか」といった意識が強くなり、終始
Google Font API で手軽に始めるフォント遊び
昨日開催された WDE ex -vol9 (Twitter TL) の懇親会で「Google がフォントのホスティングやれば良いじゃないか」という話題が出ていたのですが、朝起きたら Google Font API として現実的なものとなっていました。Web Font をホスティングしているサービスは海外で既に幾つかありますが、ほとんどが JavaScript のコードを貼付ける方法が採用されており、中には body 内に記述しなければならないものもあり、エレガントな方法とはいえませんでした。 今回公開された Google の API は JavaScript を使うのではなく、CSS をリンクするだけ。使いたいフォントをディレクトリから選び、リンクした CSS ファイルに変数としてフォント名を記述するだけになります。シンプルかつ簡単です。 <link rel="stylesheet" ty
組み立てるだけのサイト制作プロセスを変えるヒント
書籍や雑誌をはじめとした印刷物。TVやラジオで見られるような広告。デスクトップで動作するソフトウェア。これらの制作プロセスは Web サイト制作において影響を与えてきてモデル。テクノロジーやノウハウが蓄積され独自性も多少出て来たものの、Webサイト制作プロセスは基本的なところは10年くらい変わらないのではないでしょうか。 配布してしまったら終わりの印刷物。一瞬でもインパクトがあればそれで良いテレビCM。企画といっても仕様や機能を決める話になり、始めたら後に戻りにくいウォーターフォール式のソフトウェア開発。いずれのプロセスも長所はありますし、それぞれの形に合っているから使われているわけですが、人と人、情報と情報、そして人と情報が常に双方向に繋がり続けている Web という有機体にはいずれの方法も適していません。 流動的に変化を続ける Web だからこそ、アジャイルソフトウェア開発が受け入れら
これからのWebデザイン教育
Webデザインにフォーカスした教育は、時々頭に浮かぶ話題のひとつ。日本全国に Web デザインに特化した学科をもつ専門学校は幾つかありますし、学ぶための書籍もたくさんあります。ただ多くの場合、スキルセットを習得することが中心というイメージがあります。ソフトウェアの使い方、レイアウト・タイポグラフィ・ドローイングの基礎などを扱うことが Web デザインの基礎教育で軸になっています。デザイン全般にしても、基本的に仕事で即時必要となるスキルセットを身につけることが先行しています。 デザイナーを「Craftman (職人・工芸家)」として捉えるのであれば、それで良いのかもしれません。腕を磨くための情報を収集し、練習・実践を繰り替えしていれば、職人としての価値がより上がるでしょう。そして、スキルを得るための最初のステップとして、ノウハウを教えるという教育は適しているのかもしれません。 しかし、私は
ソーシャル・ネットワーク : could
映画 ソーシャル・ネットワーク Facebook というデジタルの社会ネットワークを中心として、様々な社会ネットワークに住んでいる私たちの現在を登場人物と巧妙なシーン構成で見事に具現化した映画。2度3度見ると新たな発見や、象徴化されたシーンを見つけることが出来ると思います。 もしこの映画を Facebook が出来るまでの話、そして米国 IT 業界の裏側が知りたいと思って見たのであれば落胆してしまう映画かもしれません。映画『ソーシャル・ネットワーク』は Facebook や実在する方達の名前が登場するノンフィクションのようなフィクション（物語）を語っているだけのように見えると同時に、象徴的な設定やシーンが多い映画でした。 私たち人間は「地位を築きたい」「他人から認められたい」「誰かからの賛同・賞賛を聞きたい」という欲望をもっているかと思います。これらの欲望は Facebook という SN
ゲームから学ぶ「おもしろさ」と「ハマる」の秘密
シナリオ ＜ ゲームプレイ 今はゲームと一言でいってもかなり意味が広い時代です。ジャンル、機器、オフライン／オンラインなど分類すればキリがありまません。最近 Web ではソーシャルゲームという人とのコミュニケーションを軸にしたゲームが幾つか出て来ています。日本でも流行しはじめている foursquare もその部類に該当します。人気になるゲームは「おもしろい！ハマる！」という言葉で表現されることが多いですが、おもしろいゲームとは一体どういった特徴をもっているのでしょうか。なぜ人はゲームにハマるのでしょうか。 Jesse Schell 氏の著書「The Art of Game Design」によれば、素晴らしいゲームには５つの要素があると定義しています。 Surprise (驚き) 自分が予測もしていなかったことが起こる。それに対して自分の経験と直感を活かし反応しなければならない Risk
コンテンツを繋ぎ合わせる理由とメリット
コンテンツに意味をもたせる SEO、アクセシビリティ、ユーザビリティを考慮するのであれば「セマンティック」は忘れてはならない言葉です。しかしながら「セマンティック」という言葉は HTML のようなマークアップのみを指しているのではなく、別の側面もあります。例えばあるページに「デザイン」という言葉があるとします。そこに「CSS」「HTML」「レイアウト」など幾つかのキーワードが付随することで、「デザイン」だけでは捉え難いコンテンツの文脈と範囲を理解することが出来ます。キーワードだけでなく誰が書いているのかといった情報も付随すれば、情報を別の角度から繋ぎ合わせることも考えられます。コンテンツにメタデータがあることで各コンテンツとの関わりが明確になるだけでなく、各コンテンツの意味が深まるのでコンピュータの理解力が増します (つまり SEO 的な効果も考えられます) 。 制作側はコンテンツを載せる
最近Geek Outしてる？
「Geek」はオタクとか熱中している人という意味ですが、「Geek out」は聞いたことがないという人もいるのではないでしょうか。モノを作ったり何かを伝えたいと思っている人にとって（良い意味でもそうでない意味でも）覚えておきたいフレーズだと思います。Urban Dictionaryには以下のように書かれています。 The act of becoming emotionally and physically aroused by the sight or the thought of a technicality of a certain topic of major interest. 自分が興味をもっている何かに対して興奮したりワクワクしたことはありますか？「Helvetica」のようなドキュメンタリー映画をみて熱くなったり、CSS3の最新情報をみつけて仕事を放り出して早速試してみたり、
Webを活用したマニュアルの役割とは
先週、新宿で開催されたテクニカルコミュニケーションシンポジウム2010にて、パネルディスカッションのパネラーとして参加させていただきました。Web技術やデザインに関連する話ではなく、ネット社会のいまとマニュアルのこれからを考えるという内容でした。マニュアル（テクニカルライティング）という世界はあまり詳しくありませんでしたが、出演のオファーをいただいた２ヶ月前から調査・勉強をし、このサイトでも紹介しているような情報を交えて話に加わりました。 そもそもマニュアルとは？ 電子書籍でもハマる問題ですが、今までのマニュアルの見た目・印象を活かしつつ電子化してしまうと、紙のように見えて紙ではないよく分からないデジタルマニュアルになります。「よりリッチに」ということでインタラクティブなコンテンツが盛り込まれた CD-ROM が同封される場合もあります。しかし、そんな形ではマニュアルの電子化に未来はありま
メタファーが作り出す期待値と使いやすさの関係
Webをはじめとしたテクノロジーを利用したものには、馴染みのない機能や象徴的で捉え難いアイデアがあります。それらをスクリーンショットで見せたり、分かりやすい解説があったとしても伝わらない場合が多いです。そこで、他にある似たようなものと関連付けさせて理解しやすくします。これを私たちは「メタファー」と呼びます。 メタファーはパソコンの中にたくさん見ることが出来ます。アイコンデザインがその代表格です。絵としてフォルダを表現することで、頭の中で「幾つかの書類をまとめることが出来る」という本物のフォルダと関連付けがしやすくなり、操作を促すことが出来ます。フロッピーディスクアイコン (保存)のようにメタファーからシンボルへと進化した例外もありますが、機能やインタラクションを説明せずに利用者に伝えることが出来るメタファーは、アプリケーションデザインやWebデザインでよく使われます。 メタファーが作り出す
記事ページのアクセス通信簿 : could
openwebdesign資料 記事ページのアクセス通信簿 記事ページを新して半年経ち、読者の動きに様々な違いが表れ始めました。良くなった点とそうでもなかった点をみて、今後の課題を幾つか考えてみました。 今のような記事ページになった理由 今年の始めに記事ページを新しくしました。そのあと小さな調整を行ったり機能を追加はしていましたが、そろそろどのような結果が出たのが発表するには良い時期だと思いますので幾つか紹介したいと思います。 ご存知の方もいるかもしれませんが、今「記事」と呼ばれるエントリーはほとんどすべてレイアウトが違います。中には色を変えただけのものもありますが、レイアウトが少し複雑なものや画像が活用されているものもあります。凝り過ぎたことをすると読み難くなってしまいますが、毎回見た目が新鮮なので飽きることもありませんし、それがキッカケで読んでくれる方もいるかと思います。 最近、海外で
TypeKitから始まるウェブ文字革命
今月はじめに John が来日したときに「フォント関連で近々発表があるんだよね」と言っていたのですが、ついに全貌が明らかになったようです。Jeffrey Veen を中心に TypeKit というプロジェクトが立ち上がる模様です。既に WebKit, Opera 10, Firefox 3.1 3.5 でサポートされている @font-face。利用者のパソコンにあるなしに関係なく指定のフォントが使えるようになります。つまり、今まで仕方なく画像文字にしていた部分もテキストで処理可能になる可能性があります。 @font-faceでまず問題になるのが著作権に侵害しないかどうかという部分です。多くのフォントはウェブ上での配布を禁じていますし、@font-face の許可をしていないフォントもあります。法的な問題や DRM を気にせず安心して @font-face を使った文字表現をするために生ま
Webデザインがつまらなく見えてしまう理由
魅力が伝え難いWebデザイン Webデザインを説明するのは非常にやっかいです。このサイトでも何度も取り上げては書き続けていることですが、上手く説明しきれていない部分は少なくありません。 最近よく感じることが Web サイトの魅力を伝えるのは難しいということと、そもそも「魅力・良さ」という部分も人それぞれであるという点です。いろいろな意味が含まれていると思いますが、Web における「魅力・良さ」は、見た目や動きに集約されることが多いです。 ときどき、Webデザイン専門学校の先生とお話をすることがありますが、HTML の勉強をずっとしてても、最終的に出て来る作品がフルFlashということがあるそうです。当然 Flash サイトが魅力的ではないわけはありません。良い Flash サイトもたくさんあります。学生さんが Flash を選んだ気持ちも分かります。パッと見たときの魅力やインパクトは Fl
カテゴリとタグを上手に使い分ける : could
CMS にタグというコンセプトが組み込まれる以前は「カテゴリー」はどういった情報がコンテンツに含まれているのかを示すものでした。例えば、Mac、映画、ライフハック、仕事といった具合だと思います。しかし、タグ機能が CMS に導入されるようになると、以前カテゴリ名として扱っていた名称 (キーワード) がタグへ移行していきました。 ここで課題になってくるのが、タグがコンテンツに含まれている情報を示すようになったので、カテゴリに明確に違う役割を示さなくてはならないところです。もし従来のように「Mac」というカテゴリを作ってしまうと、Macに関する情報が書かれたエントリーに Mac というタグを書き込むことは重複になりますし、管理する側もこれはカテゴリなのかタグなのかというのが分かり難くなり、記事によって異なる示し方になりかねません。 ブログエントリーとひとことで言ってもエントリーによって様々なタ
私にとってテクニカルアートディレクターの意味
Twitterでは、自分の趣向に合ったサイトをリンクしているだけということが多いですが、たまに仕事に関係したことを書いていることがあります。先週ですが、以下のようなことを書きました。 優れたマークアップをする方はテクニカルアートディレクターみたいな存在になっていくのかな。既にそんな方いるけど。 — Yasuhisa🗯 (@yhassy) November 12, 2009 Twitterの文字数ではどうも説明しきれない部分があるので、この場で少し補足しておきます。 マークアップする方は印刷機？ 単価数百円のマークアップサービスがあるように、見た目のデザインを再現するという意味でのマークアップの価値は下がっていく一方です。もし見た目を形作るだけでマークアップがあるのであれば、それは当然のことです。紙の印刷業も同様で、見た目の再現の水準が同等であれば、あとは価格しか残りません。Dreamwe
デザイナーといってもいろいろです : could
セミナーデザイン デザイナーといってもいろいろです 勉強会に来ると、人によって「デザイナー」という定義がいろいろあることに気付くので興味深いです。何もないところから形作る孤独なプロセスがあるデザイナーとの接し方を考えてみました。 今月も再び百式の田口さんが主催の勉強会に参加してきました。今回はなんと「デザイン (全般的なデザインというより Webに特化していたかと)」がテーマでした。テーマがテーマなのでポッドキャストで対談した種村さんにもご一緒してもらい、開発者、デザインしている人合わせて 20人くらいが集まりました。エンジニア、プログラマー（デザイナー以外の視点ですね）からデザイナーに向けて質問というのがメインでしたが、受け答えるデザイン系の方が 4人だったのでもう少しデザイン系の方が多かったらいろんな意見が聞けたのかもしれません。 幾つかあがった質問をみて感じたのが、装飾という意味でデ
デザインが失敗してしまう理由 : could
「アート・オブ・プロジェクトマネジメント ―マイクロソフトで培われた実践手法」「イノベーションの神話」の作者として知られている Scott Berkun氏は、現在も執筆活動だけでなく講演やブログなど情報発信を絶え間なく行っている方です。そんな彼が先日「なぜデザイナーは失敗するのか」という刺激的なタイトルのレポートを掲載しました。詳しい内容は UIE13 で話されたそうで、スライドの PDF 版をダウンロードすることが出来ます。 デザイナー、プロジェクトマネージャ、プログラマーなど様々な役職の方300名を対象に調査 (そのうち 35.2% はデザイナーで、49% はチームを管理したりリードする方)。41の質問に対してデザイナーが失敗すると思うものを1〜5のスコアを付けるというアンケート。詳しくは記事を読んでいただきたいですが、平均スコアが高かったのは以下の10項目。 デザインをしない方がデザ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
