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
Why Our Code Smells
bkeepers
PRO
339
57k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
GitHub's CSS Performance
jonrohan
1032
460k
4 Signs Your Business is Dying
shpigford
185
22k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
How to train your dragon (web standard)
notwaldorf
96
6.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Practical Orchestrator
shlominoach
190
11k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
880
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
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*Λ࡞Δ͜ͱͰ ϢʔβʔͱαʔϏεͷεϜʔζͳରΛࢦ͍ͯ͠·͢ɻ
৽εςοΧʔຊॳ ཉ͍͠ํ͔͚͍ͯͩ͘͞ɻ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ