Tweet
Tweet

Slide 1

Slide 1 text

גࣜձࣾ͸ͯͳ ҏ౻୓ ࢹ֮ݴޠͱUI

Slide 2

Slide 2 text

ҏ౻୓ גࣜձࣾ͸ͯͳ Mackerel AD, Designer @takuwolog

Slide 3

Slide 3 text

௚ײతαʔόʔ؂ࢹαʔϏεMackerelͰ͢ɻ

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

ࢹ֮ݴޠ͔Βߟ͑Δ

Slide 8

Slide 8 text

6*ͳͲͷཁૉΛߏ੒͢Δ࠷খ୯Ґͷ ࢹ֮తʹҙຯΛ࣋ͬͨελΠϧΛ ࢹ֮ݴޠͱݺΜͰ͍·͢ɻ ࢹ֮ݴޠͱ͸ʁ

Slide 9

Slide 9 text

Mackerelͷࢹ֮ݴޠ

Slide 10

Slide 10 text

border: 2px solid #cccccc

Slide 11

Slide 11 text

border: 2px solid #cccccc

Slide 12

Slide 12 text

border: 2px solid #cccccc

Slide 13

Slide 13 text

border: 2px solid #4dbddb

Slide 14

Slide 14 text

border: 1px dashed #aaaaaa

Slide 15

Slide 15 text

border: 1px dashed #aaaaaa

Slide 16

Slide 16 text

border: 1px dashed #aaaaaa

Slide 17

Slide 17 text

border: 2px solid #4dbddb

Slide 18

Slide 18 text

border: 1px solid #edeeef

Slide 19

Slide 19 text

border: 1px solid #edeeef

Slide 20

Slide 20 text

border: 1px solid #edeeef

Slide 21

Slide 21 text

ࢹ֮ݴޠΛ૊Έ߹ΘͤΔ

Slide 22

Slide 22 text

 ϑΥʔϜͷઢ എܠ ΞΠίϯ จݴ VJTFMFDUCPY ྫ͑͹ηϨΫτϘοΫε

Slide 23

Slide 23 text

ྫ͑͹ηϨΫτϘοΫε

Slide 24

Slide 24 text

ઢͱഎܠ VJDMJQCPBSE ྫ͑͹ΫϦοϓϘʔυ IPWFS͢ΔͱUPPMUJQग़Δ ΞΠίϯ ΫοϦϓϘʔυͷ಺༰  ʢDPEFʹ΋࢖͏ελΠϧʣ

Slide 25

Slide 25 text

ྫ͑͹ΫϦοϓϘʔυ

Slide 26

Slide 26 text

ྫ͑͹ηϨΫτϘοΫεͱΠϯϓοτ  ϑΥʔϜͷઢ എܠ ΞΠίϯ จݴ VJTFMFDUCPY ϑΥʔϜͷઢ ϓϨʔεϗϧμʔ

Slide 27

Slide 27 text

ηϨΫτϘοΫε Πϯϓοτ ྫ͑͹ηϨΫτϘοΫεͱΫϦοϓϘʔυ

Slide 28

Slide 28 text

͍Ζ͍Ζ߹Θ͞Δͱ͜Μͳײ͡

Slide 29

Slide 29 text

·ͱΊ

Slide 30

Slide 30 text

αʔϏεͷ৘ใʢػೳ΍ੈք؍ʣΛ ઢ΍ΞΠίϯͱ͍ͬͨࢹ֮ݴޠʹͯ͠ ҙຯΛϢʔβʔʹ఻͑Δ͜ͱͰ͢ɻ ࢹ֮ݴޠͷ໾ׂ

Slide 31

Slide 31 text

ࢹ֮ݴޠͱUI ࢹ֮ݴޠΛҰఆͷϧʔϧͷ΋ͱ࢖༻ͯ͠6*Λ࡞Δ͜ͱͰ ϢʔβʔͱαʔϏεͷεϜʔζͳର࿩Λ໨ࢦ͍ͯ͠·͢ɻ

Slide 32

Slide 32 text

৽εςοΧʔຊ๜ॳ഑෍ ཉ͍͠ํ͸੠͔͚͍ͯͩ͘͞ɻ

Slide 33

Slide 33 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ