Upgrade to Pro — share decks privately, control downloads, hide ads and more …

introduce Material Theming from Google IO 2018

mochico
May 17, 2018

introduce Material Theming from Google IO 2018

Google I/O 2018 わいわい報告会にてMaterial Themingについて紹介しました。

mochico

May 17, 2018
Tweet

More Decks by mochico

Other Decks in Technology

Transcript

  1. JOUSPEVDF.BUFSJBM5IFNJOH
    _GSPN(PPHMF*0_
    !NPDIJDP
    (PPHMF*0׻ְ׻ְ㜠デ⠓

    View full-size slide

  2. "CPVUNF
    NPDIJDP!@NPDIJDPO@
    "OESPJE+BWB,PUMJO4XJGU
    5FDICPPTUFS䪮遭剅Ⱙ
    ًٕؕٔ

    View full-size slide

  3. 8IBUJT.BUFSJBM5IFNJOH
    .BUFSJBM5IFNJOHSFGFSTUPUIFDVTUPNJ[BUJPOPGZPVS
    .BUFSJBM%FTJHOBQQUPCFUUFSSFFDUZPVSQSPEVDUˏTCSBOE
    .BUFSJBM5IFNJOHהכ.BUFSJBM%FTJHO،فٔ׾ؕأةو؎
    ؤ׃גծ醡ㅷךـٓٝس׾״׶״ֻ⿾僥ׇׁ׷ֿהדׅկ

    View full-size slide

  4. 8IBUJT.BUFSJBM5IFNJOH
    ✘/FX(VJEFMJOF
    ⭕6QEBUFPG.BUFSJBM%FTJHO

    View full-size slide

  5. -PPLCBDL.BUFSJBM%FTJHO
    ˖ .BUFSJBMJTUIFNFUBQIPS
    ˖ #PME HSBQIJD JOUFOUJPOBM
    ˖ .PUJPOQSPWJEFTNFBOJOH

    View full-size slide

  6. 8IBUJTDIBOHFE
    ˖ 錬ךⴖ׶衅ה׃
    ˖ ؿؓٝزך㢌刿
    ˖ 㢩単نةٝ
    ˖ "QQ#BSך䌴
    ˖ ،؎؝ٝ
    ˖ ⵖ⡲ؿٗ٦ך؟ه٦ز
    ˖ FUD

    View full-size slide

  7. 8IBUJTOPUDIBOHFE
    ˖ EQBOEEQVOJUT
    ˖ ،فٔⰋ⡤ד♧顐׃׋؝ٝه٦طٝز׾⢪ֲֿה
    ˖ QSJNBSZDPMPS TFDPOEBSZDPMPSזו

    View full-size slide

  8. )PXUPEFTJHO
    .BUFSJBM5IFNJOH

    View full-size slide

  9. .BUFSJBM5IFNF&EJUPS

    View full-size slide

  10. (BMMFSZ
    ˖ 4LFUDIך"SUCPBSE׾8FCדⰟ剣דֹ׷
    ˖ رؠ؎ٝألحؙ邌爙ծ؝ًٝزծ،ؙإأⵖꣲ盖
    椚ծ㢌刿㾶娖זוך堣腉

    View full-size slide

  11. )PXUPJNQMFNFOU
    .BUFSJBM5IFNJOH

    View full-size slide

  12. .BUFSJBM$PNQPOFOUT

    View full-size slide

  13. .BUFSJBM$PNQPOFOUT
    ˖ "OESPJE J04 8FC 'MVUUFSךفٓحزؿؓ٦يぢֽ
    ח欽䠐ׁ׸׋ٓ؎ـٓٔ؝ٝه٦طٝز
    ˖ (BMMFSZדכ׉׸׊׸ךفٓحزؿؓ٦يぢֽךأ
    لحָؙ鋅׵׸׷

    View full-size slide

  14. )PXUPTUBSU.BUFSJBM5IFNJOH GPS&OHJOFFS

    ˖ .BUFSJBM5IFNF&EJUPSדرؠ؎ٝך嚊銲׾䪾䳢ׅ׷
    ˖ $PNQPOFOUדדֹ׷ֿה׾䪾䳢ׅ׷
    ˖ "OESPJEך㜥さכػح؛٦آך㢌刿׾遤ֲ

    View full-size slide

  15. 3FDPNNFOETFTTJPO
    ˖ %FWFMPQFS,FZOPUF (PPHMF*0
    :PV5VCFIUUQT
    ZPVUVCF6$5'.2 UNT
    ˖ $VTUPNJ[F.BUFSJBM$PNQPOFOUTGPSZPVSQSPEVDU (PPHMF*0

    :PV5VCFIUUQTXXXZPVUVCFDPNXBUDI W76.M@M
    @G*GFBUVSFZPVUVCF
    ˖ .BUFSJBM.FUSJDTSFTFBSDICBDLFEWBMJEBUJPOGPSBEPQUJOH
    .BUFSJBM%FTJHO (PPHMF*0
    :PV5VCFIUUQT
    XXXZPVUVCFDPNXBUDI W*PG%89%MPUT

    View full-size slide

  16. SFG
    ˖ .BUFSJBM5IFNJOH.BUFSJBM%FTJHOIUUQT
    NBUFSJBMJPEFTJHONBUFSJBMUIFNJOH
    ˖ .BUFSJBM$PNQPOFOUTIUUQTHJUIVCDPN
    NBUFSJBMDPNQPOFOUT
    ˖ (BMMFSZIUUQTHBMMFSZJP

    View full-size slide