これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（後編） | Goodpatch Blog
UIデザインの新しいワークフローを作るために長谷川恭久さんとの共同プロジェクトとしてスタートした“Patch Project”。導入部分として長谷川さんにお話頂いたワークフローの提案について「これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）」として記事にしました。後編となる今回は、デザイナーがするべき雰囲気のデザイン、また具体的なワークフローについての話をまとめていきます。 ルック＆フィールを考える photo credit: Crossett Library Bennington College via photopin cc ではHTMLプロトタイプを作っている間にデザイナーがするべきことは何なのか。それは雰囲気をデザインすること。レイアウト以外のデザイン、色やタイポグラフィ、写真や動画について考えていくのです。 具体的に言うと、スタイルガイドを作るこ
これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編） | Goodpatch Blog
先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに！ まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で
Turn Your IPad Into A Typewriter | Incredible Things
Tablet computers like the iPad make it extremely easy to brows the internet and write emails no matter where you are. The one thing they lack is a full keyboard. Sure, there’s an on screen keyboard, but let’s face it, you just can’t type that fast on one a touch screen. You could always use a bluetooth keyboard, but finding one that works with your tablet computer can be a major hassle. That’s wh
スターバックスの紙コップ利用を減らすためのアイデアコンペに優勝したのはコップのデザインではなく、”行動”をデザインするものだった！！ | greenz.jp グリーンズ
スターバックスの紙コップ利用を減らすためのアイデアコンペに優勝したのはコップのデザインではなく、“行動”をデザインするものだった！！ 2011.02.01 石村 研二 石村 研二 スターバックスもパートナーとなったコーヒーカップの廃棄量を減らすためのアイデアコンペ「Betacup」が行われたことについてはgreenzでもお伝えしました。このコンテストの結果が発表されたのですが、その結果選ばれた「Karma Cup」はなんとコーヒーカップではなかったのです！しかも他のアイデアとは一線を画すエモーショナルな仕掛けがなされていました… このKarma Cupのコンセプトを示すイメージ画に書かれた言葉がまず印象的です。 A shared problem. A shared reward.（問題を分かち合い、報酬も分かち合おう） このKarma Cupのコンセプトを要約すると、店頭に黒板を置き、マイ
Lufdesign
The artificial cables all around us create a more dark and cold environment. The Leaf tie takes the cables and wraps the cables while bringing life to a dull area. It serves the dual purpose of design and efficiency. The Leaf tie is easy to use. It is simply used in the same manner as the cable-tie. All you have to do is wrap the Leaf Tie around the loose cables. The design of the Leaf tie makes t
私がグッドデザイン賞に応募しない理由
私の父は6年連続計8アイテム受賞しました。私は1点も受賞していません。おそらく今後も。なぜか。端的に言いますと、グッドデザイン賞におけるグッドが、私の考えるグッドと異なるからです。 でも今は、何ひとつ検査をせず完全に見た目だけで選んでいます。念のために付け加えますが、私にとって見た目とは、持ったときの感触や馴染み方なども含まれています。それらすべて合わせて「かたち」ができるからです。使いやすさなどは、もの単体を什器にぽん置きしただけでは判断つきません。でも、使いやすさを判断できるすばらしい能力を持つ人がたまにいらっしゃるようです。 グッドデザイン賞は経済産業省の外郭団体である日本産業デザイン振興会が実施していて、1998年に民営化されました。これは私の感触に過ぎないのですが、そこから（私にとって）おかしくなり始めたような印象があります。現在グッドデザイン賞の企画運営は広告会社が手がけていま
ウェブサイトのフッタを魅力的にする10のシンプルなアイデア
昨年くらいからウェブデザインの傾向としてフッタを充実させたウェブサイトが増えてきました。 ユーザーの印象に残り、より利便性の高いフッタを設置する際にヒントとなるアイデアをDesign Shackから紹介します。 10 Techniques for a Fantastic Footer 以下は、そのポイントを意訳したものです。 はじめに 1. プライマリ ナビゲーション 2. 「トップに戻る」ボタン 3. 美しいコントラスト 4. インパクトのあるイラスト 5. 充実したコンテンツ 6. インフォメーション 7. メディア ハブ 8. 新鮮なコンテンツ 9. インフォグラフィックス 10. ビジュアル的なアクセント はじめに 魅力的なフッタは、サイトのユーザーに永続的でポジティブな印象を与えることができます。 フッタのデザインと機能性の両方にフォーカスをあてることで、サイトのフッタを魅力的に
みんながエスカレーターばっかり使うから階段を鍵盤にして音が出るようにしたら利用者が急増｜デジタルマガジン
駅の上り下り、階段を使ってますか？ それともやっぱりエスカレーター？ ここはストックホルムのオーデンプラン駅。ごらんの通り階段は閑古鳥が鳴いています。 果たしてどうすればみんなに階段を使って貰えるようになるでしょうか？ その答えは“楽しさ”にありました。駅の階段を、鍵盤にしちゃったんです。 そうと決まれば話は早い。駅が閉まったあと、夜を徹して作業。一夜にして階段は踏めば音が鳴るピアノの鍵盤に早変わりしました。するとどうでしょう。 みんなが鍵盤（階段）を使い始めたんです。つまらないからエスカレーターを使う、でも楽しかったら階段も苦にならない。鍵盤にしてから通常よりも66％多くの人が階段の方を使ってくれたそうですよ。 “楽しさ”って大事ですね。駅の様子は動画でお楽しみください。 [ via 雑学 Part２ ] あわせて読みたい 重力に逆らって階段を上る猫 近未来の住宅はこうなる？丘に作られ
こどものように描いてみよう - 発想豊かにしてくれるノート｜blogs.com
はてブ こどものように描いてみよう - 発想豊かにしてくれるノート delicious livedoor クリップ Tumblr Instapaper メールで送信 デザイン・アート 2009.09.16 0 デザイン文具、おしゃれなノートというと、Moleskine（モレスキン）が有名ですが、ちょっと趣向を違えたノートが紹介されていました。たかがノート、されどノート。道具ひとつが発想を豊かにしてくれるといういい例じゃないかと思います。 「らくがき帖 school desk」 小学校や中学の時に、机に落書きしませんでした？（わたし、すっごい描きましたよ。もちろん本人はアートのつもり(笑)） ノートを開くと、そんな自由な感覚がよみがえってきて発想がひろがっちゃうかも。 「Walls Notebook」 全ページに違う壁の絵が。壁に落書き、こんなに堂々とできるなんて。これまた発想豊かになっ
日本の家電メーカーが出す商品はなぜ”もっさい”のか - キャズムを超えろ！
もっさい 標 準 語：かっこ悪い・ダサイ 使 用 例：なーんかあれはもっさいよね 意 味：なんかあれはかっこ悪いよね http://inadani.jp/c13/dt/001265.php twitterで @shi3z さんと喧々囂々と話していたネタが面白かったので軽くまとめてBlogネタに。 実は日本だけでなく、世界のどの会社も、Apple以外はiPhoneが作れなかった。それは経営者が美的感覚を軽視し、それを磨くことを怠っていたからだ。 by shi3z というtwitをきっかけに んー。形状判断を意思決定者がデザイナーあるいはデザインセンスのある社員に権限委譲できればいいはず。大手メーカーはできてないけど。 by warenosyo なんてふらりと突っ込んだのが運の尽き（笑） @warenosyo 結局、形状の判断は性能や価格の判断に比べて優先されない。これは最終的には意思決定者
デザインは装飾である、デザインする人に必要なのは美的センスである: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 あれこれ逡巡してきましたが、結局、なんだかんだ言ったところで、 デザインの核となるものは装飾である と思うし、 そうであるがゆえに、デザインをする主体である、 デザインする人に最も求められるものは美的センスである と思うに至りました。 まあ、ある意味では遠回りをしながらも一般的に「デザイン」ということばを聞いてイメージするものに近いところに行き着くことができたというわけです（たぶん、「装飾」とか「美的センス」ということばの使い方は一般とはズレがあると思いますが）。 良いデザインとは、美的センスに優れた装飾性をかたちにした仕事であり、その結果としての人工物であるというわけで、自分の美的センスに自信がないからといって、そこから逃げて、あれこれ立派な理屈でその場をやり過ごそうとし
スタイルシートを分けて管理する方法をまとめる - 2xup.org
comment 2006-10-17T21:15:00+09:00 お好みの言語が英語で無い場合は、日本語でどうぞ。 In this PDF file, the order of the set format rule and property's appearing was announced. This time, the method of separately managing the CSS file used on the site is announced. Why is CSS divided? I think that most reasons are the improvements of the work efficiency. The access to the revision part becomes early They are combined and co
pruto.jp - よく使うCSSの話|基本編
2008.06.24 1年半ほど前の記事なので、現在は通用しない部分もあるかと思いますので最新の技術・流行り等を求めている方はご注意ください。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCSSを書き始めるときである。 どうしようかなーなんて迷いながらもなんだかんだで結局はいつも同じ形で出来上がるから今後どうしようかなーなんて迷わずにスパっと仕事に入れるようにするためのまとめてみよう。 はてなブックマークなんかでもよくCSS関連の記事が人気エントリーにあがってきたりして、それらを踏まえつついつか自分なりにまとめて書きたいとおもっていたから丁度良い。 色々あるからまずは基本となるところから。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ジャチェック・ウツコは問う「デザインは新聞を救えるか？」 | Video on TED.com
map² | The Zoomable Map on Paper