Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
かたちをつくるとはどういうことなのか?
Search
Yutaro Murakami
May 21, 2021
Design
530
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
かたちをつくるとはどういうことなのか?
Yutaro Murakami
May 21, 2021
More Decks by Yutaro Murakami
See All by Yutaro Murakami
ラフとUIデザイン〜UIデザインにおけるラフの使い分けのすゝめ〜
yutaromurakami
2
2k
「文脈を理解する」ということについて 考えてみる
yutaromurakami
0
800
欧文WebTypography初級編:基礎知識の学びと実践
yutaromurakami
0
410
ゆめみで実践するOOUI:画面ではなくオブジェクトをとらえる方法
yutaromurakami
2
660
道具的存在なソフトウェアのデザイン
yutaromurakami
1
2.5k
Other Decks in Design
See All in Design
[Unity] VAT×VFX Graphがいま個人的にアツイという話
sakiyama
0
120
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
490
Jun Wei Portfolio 2026
wjw100788
PRO
1
350
Edmonton River Slidedeck
edmontonriver
0
420
使いたいときだけ使う 「道具のようなアプリケーション」を考える
fumink7
0
290
デザインハーネスをつくるハーネス|誰でも自社らしいデザインをつくれるようにする仕組み
katakai
0
1.3k
「惜しいデザイン」 を生み出さないための AIレビューループ
0b1tk
3
4.6k
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
ryu1013
0
320
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
530
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
260
Spectrum Tokyo Meetup #26「できることが増えた時、デザイナーは何に時間を使うべきか」
muture
PRO
0
300
言幹と言葉(Stems & Leaves)
kakukoki
0
240
Featured
See All Featured
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
390
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
260
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
203
77k
Claude Code のすすめ
schroneko
67
230k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
560
Discover your Explorer Soul
emna__ayadi
2
1.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
31k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
1
620
The Cult of Friendly URLs
andyhume
79
7k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
360
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
430
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 ্ֶʮϓϩϨλϦΞσβΠϯʯΑΓචऀ࡞