Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
かたちをつくるとはどういうことなのか?
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Yutaro Murakami
May 21, 2021
Design
1
480
かたちをつくるとはどういうことなのか?
Yutaro Murakami
May 21, 2021
Tweet
Share
More Decks by Yutaro Murakami
See All by Yutaro Murakami
ラフとUIデザイン〜UIデザインにおけるラフの使い分けのすゝめ〜
yutaromurakami
2
1.6k
「文脈を理解する」ということについて 考えてみる
yutaromurakami
0
730
欧文WebTypography初級編:基礎知識の学びと実践
yutaromurakami
0
390
ゆめみで実践するOOUI:画面ではなくオブジェクトをとらえる方法
yutaromurakami
2
620
道具的存在なソフトウェアのデザイン
yutaromurakami
1
2.4k
Other Decks in Design
See All in Design
文化のデザイン - Soft Impact of Design
atsushihomma
0
170
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
10
10k
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
210
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
250
Franks Myth
gfht1
2
450
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
180
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
3.1k
【優秀賞+特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
shoko_seven11
0
110
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
1.1k
社員の意識を高めたブランド浸透施策の裏側!
mixi_design
PRO
0
110
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
150
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
150
Featured
See All Featured
AI: The stuff that nobody shows you
jnunemaker
PRO
3
480
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
95
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
130
Bash Introduction
62gerente
615
210k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
86
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4k
HDC tutorial
michielstock
1
590
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
160
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
64
52k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
120
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
199
73k
GraphQLとの向き合い方2022年版
quramy
50
14k
Transcript
͔ͨͪΛͭ͘ΔͱͲ͏͍͏͜ͱͳͷ͔ʁ ଜ্༤ଠ
ࣗݾհ ໊લ ଜ্༤ଠ ઐྖҬ ΠϯλϥΫγϣϯσβΠϯ 69σβΠϯ 4/4 Twitterɿ@WeiweYuʢYutaro Murakamiʣ
͔ͨͪΛͭ͘Δͱ͍͏͜ͱ ͔ͨͪͱ ͜͜Ͱݴ͏͔ͨͪͱɺ͍ΘΏΔ ਓ͕ؒޒײΛ௨ͯ͠ೝࣝ͢Δ͜ͱ͕ Ͱ͖Δͷͩͱߟ͍͑ͯ·͢ɻ ͭ·ΓιϑτΣΞͷΠϯλϑΣʔε Ͱ͋ͬͨΓɺ๏ͳͲͷΈͰ͋ͬͨΓɺ ݐஙͰ͋ͬͨΓɺ ༷ʑͳදݱͱͯ͠զʑ͕ೝࣝͰ͖Δͷ ͩͱͯ͠ߟ͍͖͑ͯ·͢ɻ
ೝࣝ͢Δ ֮͢Δ
͔ͨͪΛͭ͘Δͱ͍͏͜ͱ զʑɺೋͭͷ৮Εಘ͵ͷͷؒͷ͋ΔछͷௐΛ୳͍ͯ͠Δɻ ͦΕɺ·ͩզʑ͕σβΠϯ͍ͯ͠ͳ͍ܗͱɺత֬ʹද͠ಘͳ͍ίϯςΫετͷؒͷௐͰ͋Δɻ bb `` ΫϦετϑΝʔɾΞϨάβϯμʔʮܗͷ߹ʹؔ͢Δϊʔτʯ
͔ͨͪΛͭ͘Δͱ͍͏͜ͱ ࢲ͕ͨͪͦ͜ʹݟ͍ͯΔ͔ͨͪɺ࣮ର͚ͩͰͳ͘ɺ ରͱؔΘΓ͋͏ࢲͷՄೳతੈքͦ͜ʹఏҊ͞Ε͔ͨͨͪͰ͋Δͱߟ͑Δ͜ͱ͕Ͱ͖Δɻ bb `` ਢӬ߶࢘ʮσβΠϯͷܙใσβΠϯ͔Βࣾձͷ͔ͨͪͮ͘Γʯ
͔ͨͪΛͭ͘Δͱ͍͏͜ͱ ࣗର͕ଘࡏ͍ͯ͠Δதͷੈք ڥ͔ΒӨڹΛड͚ɺ·ͨͦͷੈքʹ ଘࡏ͢Δਓؒʹରͯ͠ՄೳੑҙຯΛ ఏࣔ͢ΔͷͰ͋Δͱߟ͑Δ͜ͱ͕ Ͱ͖Δͱࢥ͍·͢ɻ ՄೳੑҙຯΛ ఏࣔ͢Δ ଘࡏ͍ͯ͠Δੈքɺڥɺจ຺
σβΠφʔ͕σβΠϯΛ͢Δͱ͖ σβΠφʔ·ͣʰਓؒͷ׆ಈʱΛඳ͖ɺ࣍ʹୈೋͷରͰ͋ΔʰΠϯλϥΫγϣϯʱʹண͢Δɻ ͦͷ׆ಈͷͳ͔Ͱɺਓ͕ؒͦͷಓ۩ʢίϯϐϡʔλʣΛ͍͔ʹར༻͠ɺ ͲͷΑ͏ʹಓ۩ͱΠϯλϥΫτ͢Δͷ͔Λඳ͘ͷͩɻΠϯλϥΫγϣϯ͕ඳ͔ΕΔͱɺ ୈࡾͷରͰ͋ΔʰίϯϐϡʔλʢιϑτΣΞɾΞϓϦέʔγϣϯʣʱͷػೳͱΠϯλϑΣʔεΛ ͔ͨͪͮ͘Δ͜ͱ͕σβΠφʔͷࣄʹͳΔɻ bb `` ਢӬ߶࢘ʮσβΠϯͷܙใσβΠϯ͔Βࣾձͷ͔ͨͪͮ͘Γʯ
σβΠφʔ͕σβΠϯΛ͢Δͱ͖ ਓؒத৺ઃܭϓϩηε ར༻ঢ়گͷ Ѳͱ໌ࣔ ઃܭղܾҊͷ ࡞ ཁٻੳͱ ༷Խ ཁٻʹର͢Δ ධՁ
ਓؒத৺ઃܭ ϓϩηεͷܭը ϢʔβʔཁٻΛຬ ͨ͢ͷ࣮ݱ ʮ*40ʯ
σβΠφʔ͕σβΠϯΛ͢Δͱ͖ ͜ΕΒΛΈ͍ͯ͘ͱɺզʑ͕σβΠϯ ͢Δ࣌ʹ͍͖ͳΓ͔ͨͪͱͳΔͷΛ ͭ͘Γ࢝ΊΔͷͰͳ͘ɺ·ͣਓؒͷ׆ಈ ࣗମͦΕ͕ߦΘΕ͍ͯΔ ੈքɺจ຺Λ໌ࣔతʹ͠ɺͦΕΒΛ ͱʹ͔ͨͪΛ͍ͭͬͯ͘͘ͱ͍͏ ׆ಈΛ͍ͯ͠Δͱೝࣝ͢Δ͜ͱ͕Ͱ͖·͢ɻ
σβΠφʔ͕σβΠϯΛ͢Δͱ͖ ࠓճͷͰݴ͏ͱɺ͔ͨͪΛ࡞͍ͬͯ͘ ͱ͍͏ͷɺಛʹ ʰ2. ཁٻੳͱ༷Խʱ ↓ ʰ3. ઃܭղܾҊͷ࡞ʱ ͷؒʹͳΔͱߟ͍͑ͯ·͢ɻ ͜͜ͷํ๏OOUIʢΦϒδΣΫτ
ࢦϢʔβʔΠϯλϑΣʔεʣͰͭͳ͙ ͜ͱ͕Ͱ͖Δͱݸਓతʹೝ͍ࣝͯ͠·͢ ͕ɺͦͦͲΜͳΦϒδΣΫτΛ Ͳ͏͔ͨͪʹ͢Δͱྑ͍ͷ͔ʁ
ͲͷΑ͏ʹ͔ͨͪΛͭ͘Δͷ͔ʁ ਓͷಛੑੑ࣭ʹযΛ͋ͯΔ δΣϑɾϥεΩϯ ʮ࡞ۀʹର͢Δχʔζͱ͍͏ͷ͕Ϣʔβຖʹ ҟͳ͍ͬͯΔͱͯ͠ɺϢʔβूஂଟ͘ͷҰ ൠతͳ৺ཧଐੑΛڞ༗͍ͯ͠ΔͷͰ͢ʯ ιϑτΣΞͰݴ͏ͱɺσβΠϯύλʔϯͳͲ ͕͜Εʹͯ·Δ͔͠Ε·ͤΜɻ ASzx
ͲͷΑ͏ʹ͔ͨͪΛͭ͘Δͷ͔ʁ Ϣʔβʔ͔Β ΛूΊΔ ϓϦϯλʔͰૹΔ ۀ ຊ࣭తͳରʢΦϒδΣΫτʣͷ ໌֬Խ ͦͷ׆ಈۀຊ࣭తʹԿΛ͍ͯ͠Δͷ͔ʁ Λ໌֬ʹ͢Δɻ ͦͷ݁Ռɺۀͷதʹଘࡏ͍ͯ͠Δ
ΦϒδΣΫτͰͳ͘ɺϢʔβʔ͕ຊ࣭తʹ औΓѻ͍ͬͯΔରʢΦϒδΣΫτʣΛநग़͢ Δ͜ͱ͕େࣄͳͷͰͳ͍͔ͱߟ͑·͢ɻ
ͲͷΑ͏ʹ͔ͨͪΛͭ͘Δͷ͔ʁ Ϣʔβʔ͔Β ΛूΊΔ ϓϦϯλʔͰૹΔ ۀ σʔλ ඞཁͱ͍ͯ͠Δ ૹ͍ͬͯΔͷ ຊ࣭తͳରʢΦϒδΣΫτʣͷ ໌֬Խ
ͦͷ׆ಈۀຊ࣭తʹԿΛ͍ͯ͠Δͷ͔ʁ Λ໌֬ʹ͢Δɻ ͦͷ݁Ռɺۀͷதʹଘࡏ͍ͯ͠Δ ΦϒδΣΫτͰͳ͘ɺϢʔβʔ͕ຊ࣭తʹ औΓѻ͍ͬͯΔରʢΦϒδΣΫτʣΛநग़͢ Δ͜ͱ͕େࣄͳͷͰͳ͍͔ͱߟ͑·͢ɻ ྫ͑͜ͷ߹ͩͱɺ େࣄͳͷʮϓϦϯλʔʯͰͳ͘ɺʮσʔλʯɻ
ͲͷΑ͏ʹ͔ͨͪΛͭ͘Δͷ͔ʁ Cognitive Characteristics Physical Characteristics Organic Handful Can be cut
/ peeled / sliced Sharp Hard Handy ্ֶʮϓϩϨλϦΞσβΠϯʯΑΓචऀ࡞