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
A designer walks into a library…
pauljervisheath
207
24k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
For a Future-Friendly Web
brad_frost
180
9.9k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
Fireside Chat
paigeccino
39
3.6k
Building Adaptive Systems
keathley
43
2.7k
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*Λ࡞Δ͜ͱͰ ϢʔβʔͱαʔϏεͷεϜʔζͳରΛࢦ͍ͯ͠·͢ɻ
৽εςοΧʔຊॳ ཉ͍͠ํ͔͚͍ͯͩ͘͞ɻ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ