Material Designから学ぶデザインと技術の共通項
Google I/O 2014 では様々なデバイスが発表されて、ますます Google が日々の生活へ入り込んでいくのだなという印象を受けました。幾つかのプロダクトは興味深かったですが、プロダクトより気になったのが Material Design の発表です。現在 Android L と称されている次期バージョン Android で採用されているデザイン言語のガイドラインです。 Skeuomorphism が全面的に使われていたときは、画面上にあるオブジェクトを触っているような感覚を見た目で演出していましたが、Material Design ではアニメーションを通して触れているような感覚を作り出しています。ときにはカードのような実世界のオブジェクトを模擬していますが、それでもカードを操作しているような感覚を与えているのは見た目ではなく動きだったりします。 感覚からコードへの転換 Mater
デザインの話をするときに気をつけたいこと
違う人たちとデザインを語る デザイン批評は、とても難しいですが、目を背けることもできない課題です。前回のセミナーで、批評のときに使う言葉遣いを紹介したものの、フォーカスをズラさず会話を進めるのは至難の業です。デザイナーだけが集まる場や、長く仕事をしている間柄であれば感覚で伝わることがありますが、そうでない場面はたくさんあります。結局のところ、デザインは主観的なところが多いわけですから、様々な背景の人たちが集まる仕事場でデザインの意見が分かれるのは当然なのかもしれません。 さらに批評を複雑にしているのが、手を動かしているデザイナーだけにデザインを任せるのは困難というところがあります。IDEOの Time Brown 氏が TED の講演で「デザインはデザイナーだけに任せるには重要すぎる」という言葉を残しています。今のデザインは利用者だけでなく、ビジネス、市場、文化、技術への理解が不可欠です。
電子書籍「エクスペリエンス ポイント」
この書籍について この書籍は、過去 4 年間にわたり Web と体験について扱ったコラム・エッセーを 34 集めました。概念だけでなく、コミュニケーションの糸口、啓蒙するためのヒントなど、明日から考えを行動にうつすためのヒントが掲載されています。 近年、よく耳にするようになった【体験】。何気なく使っている心地の良い言葉ですが、漠然な表現であることから、つかみ所がない表現です。そもそも体験とは何なのでしょうか。私たちは何を体験として見なしているのでしょうか。どのようなきっかけで記憶に残る体験になっているのでしょうか。 体験について考えてみることで、私たちは体験の何をデザインしようとしているのかが見えてきます。この書籍は「体験はなにか？」という疑問に対して明確な答えを出しているものではなく、様々な角度からの考察を通して、体験の輪郭を示しています。書籍の内容が、今後の Web デザインと向き合う
今後のWebデザインとの向き合い方
2012年2月25日 CSS Nite in TAKAMATSU vol.6 が開催されました。CSS Nite は、ツールの使い方や制作のノウハウなど、テクニックを扱うことが多いイベントですが、今回は全編を通してコードが出ないという珍しい構成でした。いつもとは少し違う雰囲気ではありましたが、他の CSS Nite にはない満足感を得た方も多かったのではないかという印象を受けました。イベントの様子はTogetterでまとまっているので参照してください。 私のセッションは、Webデザインのウソ・ホント ～ Web らしくデザインするためのヒントと題して、未来を見据えた Web のデザインを行う上で必要な考え方や取り組み方法を紹介しました。 今月はセミナーで登壇する機会が3回もあり、過密なスケジュールでした。準備は大変でしたが、3回を通して一貫としたテーマがあったかと思います。なんとなく「未来
Webサイト制作の終わりと始まり
12月10日に年末好例のイベント CSS Nite Shift が開催されました。Webサイト制作に関わる様々なキーワードに触れながら1年を振り返るこのイベントも既に5回目。今年は「我々が知る世界の終わり（けど大丈夫）」と題し、Web に関わるプロフェッショナル達が、今後クライアントや利用者に向けてどのような価値を提供できるのかというテーマで話をしました。 Webサイトを作ることが目的になっていないか いつの間にか、公式サイトを作って公開することが当たり前になっている今日。CMS が広く導入されるようになってきた頃から、「とりあえず作る」という傾向が強くなった印象があります。システムを上手く活用すれば、コンテンツはあとで後で流し込めるので、コンテンツが揃う前に作れる（装飾をする）という考えが定着したのかもしれません。作ることが目的になっているからこそ、Web サイト制作における価値も作るた
WD101: モニターの外をデザインするのが大半である
このシリーズでは Web Design101（WD101）と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹介していきます。 Webは見た目のコントロールがきかない Webサイトをデザインするといっても、スケッチブックに描いたワイヤーフレームを基にグラフィックツールで装飾をすれば完成するわけではありません。たとえ、見た目がよくても操作がしにくい、読み難い、何処になにがあるのか把握しにくいのであれば意味がありません。つまり外観を作るというのはデザインプロセスのほんの一部でしかなく、それ以外のことを考える必要があります。 見た目だけではデザインが完結しない・・・という意味では、Web デザインはグラフィックデザインというより、プロダクトデザインに近いでしょう。プロダクトデザインも単に絵が描けて、美しいフォルムを作れば良いというわけではありません。プ
非デザイナーも知っておきたいデザインにある葛藤とホンネ
去年から恒例イベントになっているWebSig 1日学校。古い学校の校舎を使って正に学校で学んでいるような気分で参加できるこのイベント。今年は「デザイン視点のコミュニケーション術」というタイトルで講師をさせていただきました。主催者からの依頼が非常に難易度が高く、扱うトピックからスライドの完成まで悩みながら作りましたが、そのプロセスで見えたところもたくさんあり、イベントも含めて学びと出会いがたくさんありました。 なぜ『作る』以外について語ったのか デザイナーの仕事はレイアウト、UI、ルック&フィールなどを作る人。コンセプトや潜在的にあるものを視覚化出来る人と捉える方が多いと思います。作り出すことがデザイナーの能力ではありますが、語られる部分が「作る」という部分に集約してしまいがちです。しかし、実際のところ「作る」部分というのはデザイナーの能力のほんの一部でしかなく、それ以外が重要だったりします
モバイルにある３つの場所レイヤー
モバイルコンテキストの見分け方と注意点という記事で、モバイル機器とそれに触れる人間との間で生まれる文脈を、誰が使っているか・何を使っているか・何処にいるのかの３つに分けて解説しました。しかしこの３つは文脈を理解する上での始まりにか過ぎません。例えば何を使っているか（What）を想定するにしても、ハードウェア、OS、ソフトウェア、そして前回の記事でも指摘した回線速度など幾つかの考慮項目があります。今回は、何処にいるのか（Where）をもう少し深く掘り下げてみたいと思います。 「何処にいるか？」という質問を「電車にいる」「お店のショーウィンドウを見ている」といった場所・地名だけに限定できません。もう少し視野を広げて「何処」という意味を探ることで、モバイル利用者の像がより明確に浮かび上がる場合があります。ここでは「何処」を３つのレイヤーに分けてみました。 文化レイヤー 経済、社会構造、流行など、
Waveから見えてくるGoogleの弱点
発表された当時から「なんかスゴそうだけど何かよく分からない」と言われていたGoogle Wave。常に細かな改善はされていましたし、今年の 5 月に開催された Google I/O 2010 では Wave を利用したカンファレンスの整理や情報交換に利用されていました。私も先月開催されたセミナー＆ワークショップで Wave を利用していたわけですが、発表されてわずか1年でGoogle Wave 開発中止になりました。 一般公開されている Public Wave を見てみると結構盛んなやりとりをされているものも少なくなく、利用者の使い方を反映してどう改善していくのか楽しみだっただけに少し残念です。Wave の技術や学んだことは Chrome OS へ受け継がれるでしょう。 Waveが残したもの 開発が中止になったとはいえ、すべてが無駄だったとは言いきれません。デザインや技術的なところで学べる
Webが前提にあるフォントとデザイン : could
共有ボタンと検索がページ上に移動しました。もし、じっくり記事を読みたいという方は一番右の「読みモード」ボタンをご利用ください。 CSSデザイン Webが前提にあるフォントとデザイン Webフォントであれば作り手が考えているとおりにコントロール出来るといえば、一概にそうとはいえません。Web であるという前提を忘れてしまうとかえって残念な思いをすることになるでしょう。 先週、Web Directions East の無料イベント WDE-ex に参加してきました。今回は Mozilla Japan の John Daggett さんを迎えて講演。Webタイポグラフィの基本から今後の展開まで日本語も視野に入れての話をしてくださいました。5月に Google が Font API をリリースしたことにより、日本でも Web フォントへの注目が一気に上がったというイメージがします。また、電子書籍へ
価値のあるコンテンツを提供しているかを調べる方法
以前 Google のウェブマスターツールを利用して簡単にコンテンツが最適化されているかを見る方法を紹介しました。自分のサイトがどのようなキーワードを通して露出しているのかを知るのに手軽で便利なツールですが、検索エンジン (Google) からみた視点なので、訪問者全体を表しているわけではありません。そこで Google Analytics を利用して、読者がどのコンテンツを好むかを調べることが出来ます。機能が多い Analytics ですが、今回紹介する方法はほんの数分でできます。 Analytics の右側のメニューにある「コンテンツ」から「タイトル別のコンテンツ」を選択すればどのコンテンツが見られているのかを調べることが出来ます。ディフォルトの状態だとページビューでランキングされますが、これでは単なる人気順です。読者が好むと思われるコンテンツの配信したいという目的があるわけですから、
Tweets CS4.JP
Twitterに集まっているAdobe CS4のつぶやきを淡々と表示しているページです。 CS4について何か書いたら自動的に表示され、メッセージのトーンで左右にズレて表示されます。
Delishでビジュアルブラウジング : could
先週末のセミナーでタイミングがあれば紹介しようと思ったアプリケーションをこちらで紹介。Mac OS X Leopard で del.icio.us ユーザーならぜひ試して欲しいフリーウェアです。 人によって記憶の辿り方は異なると思います。タグといったキーワードが記憶を辿るためのトリガーになることもありますが、ビジュアルで記憶している方もいると思います。Delish は del.ico.us に保存したブックマークをスクリーンショットでブラウジングが出来るソフトウェアです。タグを選択したり検索すると Leopard らしいスムーズなアニメーションで並び変わって行きます。まずはスクリーンキャストをご覧ください。 タグが多くなってくると Bundle にしてタグをまとめているかと思いますが、Bundle にしているグループをまとめて見るといった del.icio.us にもない便利なブラウジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.yasuhisa.com/could/entries/001210.php
http://www.yasuhisa.com/could/entries/001185.php
COULD：OpenSocial的なサイトデザインの考え方
COULD：Macをタグで管理
http://www.yasuhisa.com/could/entries/001173.php
Gmailを管理するMac用ソフトウェア
http://www.yasuhisa.com/could/entries/001144.php