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
視覚言語とUI
Search
KyotoUI
April 18, 2019
1
370
視覚言語とUI
KyotoUI
April 18, 2019
Tweet
Share
More Decks by KyotoUI
See All by KyotoUI
みやすいデザインに するための基礎知識
kyotoui
0
410
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.8k
Practical Orchestrator
shlominoach
188
11k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
How to Ace a Technical Interview
jacobian
277
23k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Git: the NoSQL Database
bkeepers
PRO
430
65k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
228
22k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
660
Transcript
גࣜձࣾͯͳ ҏ౻ ࢹ֮ݴޠͱUI
ҏ౻ גࣜձࣾͯͳ Mackerel AD, Designer @takuwolog
ײతαʔόʔࢹαʔϏεMackerelͰ͢ɻ
None
None
None
ࢹ֮ݴޠ͔Βߟ͑Δ
6*ͳͲͷཁૉΛߏ͢Δ࠷খ୯Ґͷ ࢹ֮తʹҙຯΛ࣋ͬͨελΠϧΛ ࢹ֮ݴޠͱݺΜͰ͍·͢ɻ ࢹ֮ݴޠͱʁ
Mackerelͷࢹ֮ݴޠ
border: 2px solid #cccccc
border: 2px solid #cccccc
border: 2px solid #cccccc
border: 2px solid #4dbddb
border: 1px dashed #aaaaaa
border: 1px dashed #aaaaaa
border: 1px dashed #aaaaaa
border: 2px solid #4dbddb
border: 1px solid #edeeef
border: 1px solid #edeeef
border: 1px solid #edeeef
ࢹ֮ݴޠΛΈ߹ΘͤΔ
ϑΥʔϜͷઢ എܠ ΞΠίϯ จݴ VJTFMFDUCPY ྫ͑ηϨΫτϘοΫε
ྫ͑ηϨΫτϘοΫε
ઢͱഎܠ VJDMJQCPBSE ྫ͑ΫϦοϓϘʔυ IPWFS͢ΔͱUPPMUJQग़Δ ΞΠίϯ ΫοϦϓϘʔυͷ༰ ʢDPEFʹ͏ελΠϧʣ
ྫ͑ΫϦοϓϘʔυ
ྫ͑ηϨΫτϘοΫεͱΠϯϓοτ ϑΥʔϜͷઢ എܠ ΞΠίϯ จݴ VJTFMFDUCPY ϑΥʔϜͷઢ ϓϨʔεϗϧμʔ
ηϨΫτϘοΫε Πϯϓοτ ྫ͑ηϨΫτϘοΫεͱΫϦοϓϘʔυ
͍Ζ͍Ζ߹Θ͞Δͱ͜Μͳײ͡
·ͱΊ
αʔϏεͷใʢػೳੈք؍ʣΛ ઢΞΠίϯͱ͍ͬͨࢹ֮ݴޠʹͯ͠ ҙຯΛϢʔβʔʹ͑Δ͜ͱͰ͢ɻ ࢹ֮ݴޠͷׂ
ࢹ֮ݴޠͱUI ࢹ֮ݴޠΛҰఆͷϧʔϧͷͱ༻ͯ͠6*Λ࡞Δ͜ͱͰ ϢʔβʔͱαʔϏεͷεϜʔζͳରΛࢦ͍ͯ͠·͢ɻ
৽εςοΧʔຊॳ ཉ͍͠ํ͔͚͍ͯͩ͘͞ɻ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ