34
Think, Mind, Vision etc… 蜜葉 優

Think, Mind, Vision etc

Embed Size (px)

Citation preview

Page 1: Think, Mind, Vision etc

Think, Mind, Vision etc…蜜葉 優

Page 2: Think, Mind, Vision etc

• Interaction,Animation,UserInterface,HCI,LayoutDesign,UserExperience,Prototyping,Visualization,InformationArchitecture,Typography,InfoGraphics,仕掛学,視線誘導,認知心理学

keyword

Page 3: Think, Mind, Vision etc

• インタフェースデザインの心理学 • インタフェースデザインの実践教室 • Seductive INTERACTION DESIGN • THE VISUAL MISCELLANEUM • VISUALIZE THIS • ANDROID DESIGN PATTERNS • Mobile Design Pattern Gallery • 同人誌やイラストの美しいデザイン100 !

book• IAシンキング • タイポグラフィ 03 • 白井博士のゲームデザイン • Windows 8 UI/UXデザイン入門 • iOS フラットデザインの作法 • カルチュラルコンピューティング • 人工知能学会誌 Vol.28 No.4 2013/7

Page 4: Think, Mind, Vision etc
Page 5: Think, Mind, Vision etc
Page 6: Think, Mind, Vision etc

• H.N. :蜜葉 優 [@mitsuba yu] • 1988.12.18 • Designer/Developer/Creator • http://c-mitsuba.com • Microsoft MVP for Client Development • Keynoteの表紙はいつも自分で撮影 • 料理とウイスキーとチョコがすき

profile

Page 7: Think, Mind, Vision etc

not Programmer

Page 8: Think, Mind, Vision etc

プログラミングめんどい

Page 9: Think, Mind, Vision etc

• Proce55ing • openFrameworks • XAML->Blend • 最近はちょっとだけC#とも仲良く いわゆるちょっと書いてぱぱっと動くやつとかノンプログラミングプログラミングとかプロトタイプ言語とか

好き?な言語的な

Page 10: Think, Mind, Vision etc

プログラミング自体は そんなに好きでもない

Page 11: Think, Mind, Vision etc

すき ->

Page 12: Think, Mind, Vision etc

すき -> なんかつくる

Page 13: Think, Mind, Vision etc

すき -> なんかうごかす

Page 14: Think, Mind, Vision etc

Begin

Page 15: Think, Mind, Vision etc

画面に映るWebページを 自分でもつくりたかったから。

Page 16: Think, Mind, Vision etc

Vision? Mind?

Page 17: Think, Mind, Vision etc

すてきなものは、 こどもたちが取り合うもの。

Page 18: Think, Mind, Vision etc

すてきなものは、 こどもたちが取り合うもの。 そゆものをつくるのに プログラムが必要だっただけ。

Page 19: Think, Mind, Vision etc
Page 20: Think, Mind, Vision etc

いろいろ動画

Page 21: Think, Mind, Vision etc

Think

Page 22: Think, Mind, Vision etc

つくったものがどういう未来を紡ぐか考える。= UXの1つ 使うと、どう感じるか、どう振る舞うか、どう体験して、どう幸せになるのか。

Page 23: Think, Mind, Vision etc

「思考の密度が高ければ、  デザインの密度も高くなる」• デザインを支える「思考」は、目に見えない部分であるけれども、

形として表されたデザインと同様に重要なものです。デザイニングという仕事は、思考を目に見える形に練り直す作業そのものといえます。(中略)考え、そして表す。形にする以前の思考の密度が高ければ高いほど、デザインの密度も高くなる、ということでしょう。

!• ソール・バス 『Saul Bass: A Life in Film and Design』 343ペー

ジより一部引用

Page 24: Think, Mind, Vision etc

• プログラミングは表現手法 • 理系とかプログラムとかだけじゃ、

すてきなものは生み出せない • だれがどうよろこぶプロダクトをつくるのか • 作るプロダクトについて深く思考する • 魅力的なものは、デザインとか音楽とか思想

とか、素敵なものを集めたもの

まとめ

Page 25: Think, Mind, Vision etc

one more thing…

Page 26: Think, Mind, Vision etc

プログラミングする人が かっこいいんじゃなくて、 プログラミング極めた人が かっこいい

Page 27: Think, Mind, Vision etc

プログラミングもできる人がかっこいい

Page 28: Think, Mind, Vision etc

自分の個性だったり好きなものにプログラミング=実現性を 足した未来を描こう

Page 29: Think, Mind, Vision etc

one more thing…

Page 30: Think, Mind, Vision etc

すてきな仲間をつくろう

Page 31: Think, Mind, Vision etc
Page 32: Think, Mind, Vision etc
Page 33: Think, Mind, Vision etc
Page 34: Think, Mind, Vision etc