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
350
視覚言語とUI
KyotoUI
April 18, 2019
Tweet
Share
More Decks by KyotoUI
See All by KyotoUI
みやすいデザインに するための基礎知識
kyotoui
0
390
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
36
13k
Fireside Chat
paigeccino
25
2.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
YesSQL, Process and Tooling at Scale
rocio
166
14k
Web Components: a chance to create the future
zenorocha
307
41k
How GitHub (no longer) Works
holman
305
140k
Debugging Ruby Performance
tmm1
71
11k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
Web development in the modern age
philhawksworth
203
10k
Large-scale JavaScript Application Architecture
addyosmani
506
110k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
189
16k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
2.9k
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*Λ࡞Δ͜ͱͰ ϢʔβʔͱαʔϏεͷεϜʔζͳରΛࢦ͍ͯ͠·͢ɻ
৽εςοΧʔຊॳ ཉ͍͠ํ͔͚͍ͯͩ͘͞ɻ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ