事例紹介 | 株式会社インフォバーン
あとちょっと良いサイト ATOCHOTTO
オブジェクトベースのUIデザイン術。 基本 1.デザインリサーチでゴールやタスクを把握 2.オブジェクトとアクションに分けモデリング 3.デザインパターンを使いながらメイキング 補足 すべては立証ではなくひらめきのために行う。 ネーミングと概念の定義が重要。 リサーチやモデリングの結果を詰め込むのではなく、同時進行でアイデアを考え、着地にいたらないものは外していく。 詳細はOOUX – オブジェクトベースのUIモデリング モデルの背景 デザイン組織の支援の相談には自社の組織にデザイナーないしデザインに親和性が高い人材がいないということがある。 実際には人数の多い組織であれば、全くいないということもなく、ワークショップなどをすると親和性の高そうな人材がいることもある。しかし製品レベルで影響を与えているということはないのである。 流出モデル そこで、デザイナーないしデザインと親和性の高い人材の
O'Reilly Japan - インタフェースデザインの心理学 : ウェブやアプリに新たな視点をもたらす100の指針
デザインは相手から反応を引き出すための大事な要素です。買ってほしい、読んでほしい、行動を取ってほしいなど、相手の反応を誘い出すためにデザインをします。人間の行動原理を理解していないデザインは相手を混乱させるだけで目的の結果を得ることができません。本書ではすべてのデザイナーが知るべき100の指針を実践例とともに紹介します。すべてが科学的な研究から導き出されたものです。これらの指針を理解してデザインすれば、人間の思考や行動、遊び方にマッチした直観的で人を引きつける製品――印刷物、ウェブサイト、アプリケーション、ゲーム――を作れるようになります。 翻訳者によるサポートページ。 サンプルPDF ● 「前付〜#008まで」（53MB） 目次 1章 人はどう見るのか 001 目が受け取る情報と脳が私たちに伝える情報は微妙に違う 002 対象の「あらまし」をつかむのは中心視野より周辺視野の役目 003
工場みたいなワークフローは、もうやめなさい。
日本は工業国として非常に成功したとおもいます。電化製品は80年代、90年代は世界トップクラスの品質でした。これは非常に誇るべきことです。私も学生時代にはソニーの製品ばかりを愛用していました。皆さんもmade in Japanが誇りだったこともあるでしょう。 世界一が生み出したもの 日本では、この世界一の工業国としての経験から「カイゼン」「５S」などの言葉が生まれ、今では世界でも「カイゼン」などという使われています。ポルシェの工場には「カイゼン」の表があるそうです。これは本当に素晴らしいことです。 工業国のワークフローをウェブにも利用した しかし、僕らはこの工業国としての成功した経験をウェブにも利用しているような気がしてならないのです。ウェブを工業製品のように扱い、工業製品のように製造しています。 コストを落とす事ばかり考えて、工場のように24時間体制で制作をおこない、 部門ごとに職種をわけ
PhotoshopのレイヤースタイルをCSSで再現してリアルタイムに出力してくれるプラグインCSS Hat - WebDelog
2012/09/06追記： 現在 Windows版も対応されています。 fontのプロパティ各種にも対応されています。 詳しくは最新の記事にて確認して下さい。 最近はCSS3によってリッチなUIを作成できるようになりましたが、 Photoshopで作成されたデザインを元に CSSを作成するのはなかなか手間で、 PhotoshopでCSSを書き出せたら楽なのに… と思う方も多いのではないかと思います。 それを実現してくれたPhotoshopプラグインがあったので紹介します。 CSS Hat 先日このページを見つけて、 サイト内に設置してあるフォームにメールを送って そのまま何も無かったので忘れかけていたところ、 『CSS Hat is launching』 というメッセージが届いていて、 購入するためのリンクが届いていました。 30%オフの$19.90(通常は$29.99)で購入出来るとのこ
最近のWebサイトがハイレベルすぎて、正直これからデザイナーとしてやっていけるか不安です。皆さんはそんな時、どのようにして不安を払拭していますか？
Webデザイナーって中途半端。でも広く浅い知識が求められることもあると考えます。WEBデザイナーとはメディアコーディネーター。WEBメディアを扱う水先案内のプロ。やるべきことは広く知識を身につけ、さらにキュレーションのスキルを磨くことだと思います。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebサイトをRetinaディスプレイに対応させる方法
IDEA * IDEA