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
liabilities_of_ux
Search
mackymakiosh
June 22, 2017
0
51
liabilities_of_ux
mackymakiosh
June 22, 2017
Tweet
Share
More Decks by mackymakiosh
See All by mackymakiosh
ux_husai
mackymakiosh
0
3.8k
invision
mackymakiosh
0
110
BEM
mackymakiosh
0
130
hooked_on_slack
mackymakiosh
2
1.2k
design_sprint_makuake
mackymakiosh
0
88
study_of_ sketch
mackymakiosh
1
93
young_donuts_intro
mackymakiosh
0
130
ganbaru_lunch
mackymakiosh
1
59
Introduction to DESIGN SPRINT
mackymakiosh
1
550
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Gamification - CAS2011
davidbonilla
81
5.5k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
33
2.3k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
The Cult of Friendly URLs
andyhume
79
6.6k
We Have a Design System, Now What?
morganepeng
53
7.8k
Done Done
chrislema
185
16k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Transcript
Makino Shu 6.20. ʹ ཱ ͪ ͔ ͏ ɻ
MAKUAKE UI DESIGNER MAKINO SHU
Makino Shu 6.20. MAKUAKE UI DESIGNER MAKINO SHU Ұ ݟ
ฏ ʹ ݟ ͑ Δ . B L V B L F Ԧ ࠃ
Ұ ݟ ฏ ʹ ݟ ͑ Δ . B
L V B L F Ԧ ࠃ ͠ ͔ ͠ ͦ ͜ ʹ
Ұ ݟ ฏ ʹ ݟ ͑ Δ . B
L V B L F Ԧ ࠃ ͠ ͔ ͠ ͦ ͜ ʹ ઃ ཱ ʹ Δ 6 9 త ෛ ࠴ ͕ ੵ ͬͯ ͍ ͨ
ঢ় گ Λ ݟ ݉ Ͷ ͨ Ұ ਓ ͷ
༐ ऀ ͕ ཱ ͪ ্ ͕ Δ ʜ
Makino Shu 6.20. M A K I N O S
H U MAKUAKE UI DESIGNER MAKINO SHU ༐ ऀ հ 6 * σ β Π ϯ ༷ ࡞ ϑ ϩ ϯ τ σ β Π φ ʔ
Makino Shu 6.20. MAKUAKE UI DESIGNER MAKINO SHU ٕ ज़
త ෛ ࠴
6 9 ٕ ज़ త ෛ ࠴
6 9 త ෛ ࠴ ׆ ಈ Ϩ ϙ ʔ
τ ϖ ʔ δ
׆ ಈ Ϩ ϙ ʔ τ ϖ ʔ δ Ϧ
χ ϡ ʔ Ξ ϧ 6 9 ෛ ࠴ ղ ফ ͷ ࣄ ྫ ҙ ࣝ ͠ ͨ ͜ ͱ
Makino Shu 6.20. ࣮ ߦ ऀ ࢧ ԉ ऀ ࢧ
ԉ ཉ ͠ ͍ ʂ ࢧ ԉ ͢ Δ ͔ Β ࡞ ͬ ͯ ʂ ߴ Ի ࣭ ͳ Π Ϡ ϗ ϯ Λ ࡞ Γ · ͢
Makino Shu 6.20. ͏ ؒ ແ ͘ ൃ
ૹ Ͱ ͖ · ͢ ʂ ϓ ϩ τ λ Π ϓ ͕ ͠ · ͠ ͨ ʂ ࣮ ߦ ऀ 1 3 0 + & $ 5 ͷ ਐ ใ ࠂ ػ ೳ ׆ ಈ Ϩ ϙ ʔ τ ˣ
Makino Shu 6.20.
Makino Shu 6.20.
Makino Shu ׆ ಈ Ϩ ϙ ʔ τ ͷ Ϗ
δ ω ε త ॏ ཁ ੑ ׆ Ϩ ϙ ϝ ʔ ϧ ௨ ճ ༡ ߪ ೖ Ϣ ʔ β ʔ ݺ ͼ ͠
Makino Shu 6.20. ׆ ಈ Ϩ ϙ ʔ τ ϖ
ʔ δ Ϧ χ ϡ ʔ Ξ ϧ
׆ Ϩ ϙ Ϧ
χ ϡ ʔ Ξ ϧ લ
ෛ ࠴ ̍ ׆ ಈ Ϩ ϙ
ʔ τ ͱ Ԡ ԉ ί ϝ ϯ τ ͕ ಉ ͡ λ ϒ ʹ Γ ্ ͕ Γ Θ Δ ͷ ͷ ɺ ɺ
ෛ ࠴ ̍ ׆ ಈ Ϩ ϙ
ʔ τ ͱ Ԡ ԉ ί ϝ ϯ τ ͕ ಉ ͡ λ ϒ ʹ Ͳ Ε ͕ ׆ ಈ Ϩ ϙ ʔ τ ͳ ͷ ͔ Θ ͔ Β ͳ ͍
Α Γ ಡ Έ ʹ ద ͠ ͨ ݟ
ͨ ʹ Ͱ ͖ Δ ʁ Ϟ ʔ μ ϧ ల ։ ʹ ϫ ϯ Ϋ Ϧ ο Ϋ ඞ ཁ ෛ ࠴ ࢧ ԉ ऀ ͷ Ԡ ԉ ί ϝ ϯ τ ͱ ಉ ͡ ݟ ͨ
ෛ ࠴ ͕ ੜ · Ε ͨ ܦ Ң ϩ
ʔ ϯ ν ؒ ۙ Ͱ Ϧ Ϧ ʔ ε Λ ٸ ͍ Ͱ ͍ ͨ ϩ ʔ ϯ ν લ Ͳ ͷ Α ͏ ͳ ί ϯ ς ϯ π ͕ དྷ Δ ͔ Θ ͔ Β ͳ ͍ ํ ͳ ͍ ! ί ϛ ϡ χ ς Ο ػ ೳ Ϧ Ϧ ʔ ε ͠ ͳ ͍ ͱ Ͳ ͷ Α ͏ ͳ ߘ ͕ ͘ Δ ͔ Θ ͔ Β ͳ ͍
Makino Shu 6.20. վ ળ
Makino Shu 6.20. ࣄ લ Ϧ α ʔ ν ˔
ί ϯ ς ϯ π จ ࣈ ͕ ͘ ಡ Έ จ ࣈ ʮ ൃ ૹ ͷ ͓ Β ͤ ʯ ˓ ˓ ൃ ૹ ͷ ͓ Β ͤ ˓ ˓ ˔ λ Π τ ϧ Λ ࣗ લ Ͱ ͭ ͚ ͯ ͍ Δ ਓ ͕ ଟ ͍
Makino Shu 6.20. վ ળ λ ϒ ͷ
அ ί ϯ ς ϯ π Λ ݟ ͢ ͘ ͢ Δ ࣮ ߦ ऀ ࢧ ԉ ऀ
Makino Shu 6.20. վ ળ ߘ 6
* Λ # - 0 ( د Γ ʹ . 0 % " - Λ ։ ͘ Ξ Ϋ γ ϣ ϯ Λ ݮ Β ͠ ɺ ू த ͠ ͯ ಡ Έ ͢ ͘ ʜ ͬ ͱ ݟ Δ
Makino Shu 6.20. վ ળ ߘ ʹ
λ Π τ ϧ Λ Ճ ΄ ΅ શ һ ͕ ͏ ػ ೳ ʹ ͳ Γ · ͠ ͨ
Makino Shu 6.20. վ ળ ߘ Լ
෦ ʹ ί ϝ ϯ τ ཝ Γ ্ ͕ Γ ײ Λ ͠ ͯ ί ϛ ϡ χ έ ʔ γ ϣ ϯ ͠ ͢ ͘
Makino Shu 6.20. ϕ ʔ ε ' B D
F C P P L ͷ 6 * େ ن ϓ ϥ ο τ ϑ Υ ʔ Ϝ ͷ ܗ ࣜ ʹ ଇ ͬ ͨ ํ ͕ Ϣ ʔ β ʔ ʹ ཧ ղ ͞ Ε ͢ ͍
6.20. R e a c t + R e d
u x % 0 . ૢ ࡞ ଟ ͢ ͗ ঢ় ଶ ཧ ͳ ʹ ͦ Ε ͓ ͍ ͠ ͍ ͷ ʁ ι ʔ ε ͷ Խ K 2 V F S Z ͭ Β ͍
Makino Shu 6.20. վ ળ ϑ ϩ ʔ ᶃ ՝
ɾ χ ʔ ζ Ѳ ᶄ ࢪ ࡦ ʹ མ ͱ ͠ ࠐ Έ ͢ Ͱ ʹ ಈ ͍ ͯ ͍ Δ ػ ೳ ͩ ͬ ͨ ͷ Ͱ ɺ Ϣ ʔ β ʔ ͷ ߘ Λ ؍ ͠ ͨ
Makino Shu 6.20. ෛ ࠴ ղ ফ Ͱ ࣄ લ
४ උ େ ࣄ ࣄ લ ४ උ ͳ ͠ ͩ ͱ · ͨ ෛ ࠴ Λ ੜ Μ Ͱ ͠ · ͏ ͔ ɺ ɺ
Makino Shu 6.20. ॳ ظ උ Ͱ ϥε Ϙ
ε ʹ Ή ਓ ͍ ͳ ͍
Makino Shu 6.20. ࣄ લ ४ උ େ ࣄ
Makino Shu 6.20. 5 ) " / , :0
6