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
340
視覚言語とUI
KyotoUI
April 18, 2019
Tweet
Share
More Decks by KyotoUI
See All by KyotoUI
みやすいデザインに するための基礎知識
kyotoui
0
380
Featured
See All Featured
The Language of Interfaces
destraynor
151
23k
Visualization
eitanlees
137
14k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Building Your Own Lightsaber
phodgson
100
5.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
22
6.4k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
Fireside Chat
paigeccino
22
2.6k
Producing Creativity
orderedlist
PRO
338
39k
Bash Introduction
62gerente
605
210k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
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*Λ࡞Δ͜ͱͰ ϢʔβʔͱαʔϏεͷεϜʔζͳରΛࢦ͍ͯ͠·͢ɻ
৽εςοΧʔຊॳ ཉ͍͠ํ͔͚͍ͯͩ͘͞ɻ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ