Touch to TouchBar

AKIBA.swift #07の資料です

Transcript

1. 2016/11/29 Touch to Touch Bar AKIBA.swift #07
2. About Me
3. • ాத ޹໌ (Takaaki Tanaka) • Ϋϥεϝιουגࣜձࣾ • iOS ΞϓϦέʔγϣϯΤϯδχΞ • @kongmingtrap • iOS Developer (Swift / Objective-C) • GyazSquare / GitHub
5. Touch Bar
6. 5IF
   5PVDI
   #BS
   DBO
   NBLF
   ZPVS
   BQQ
   NPSF
   BDDFTTJCMF
   UP
   OFX
   VTFST
   XIJMF
   HJWJOH
   ZPVS
   QSP
   VTFST
   HSFBUFS
   F⒏DJFODZ
   JO
   UIFJS
   XPSLqPXT
   "OE
   XPSLJOH
   JO
   GVMM
   TDSFFO
   JT
   FWFO
   NPSF
   QSPEVDUJWF
   TJODF
   VTFST
   DBO
   TUJMM
   FBTJMZ
   BDDFTT
   UIF
   UPPMT
   BOE
   DPOUSPMT
   UIFZ
   OFFE IUUQTEFWFMPQFSBQQMFDPNNBDPTUPVDICBS Touch Bar
10. pro users…?
11. IUUQTUPNBDDPNEPPNNBDCPPLQSP UPVDICBS
12. IUUQTHJUIVCDPNBWBUTBFWUPVDICBS@OZBODBU
13. IUUQTHJUIVCDPNN[QTVTIJCBS
14. About the Touch Bar
15. 5IF
    5PVDI
    #BSŠMPDBUFE
    BCPWF
    UIF
    LFZCPBSE
    PO
    TVQQPSUFE
    .BD#PPL
    1SP
    NPEFMTŠJT
    B
    3FUJOB
    EJTQMBZ
    BOE
    JOQVU
    EFWJDF
    UIBU
    QSPWJEFT
    EZOBNJD
    JOUFSGBDF
    DPOUSPMT
    GPS
    JOUFSBDUJOH
    XJUI
    DPOUFOU
    PO
    UIF
    NBJO
    TDSFFO
    5IFTF
    DPOUSPMT
    P⒎FS
    RVJDL
    BDDFTT
    UP
    TZTUFNMFWFM
    BOE
    BQQTQFDJpD
    GVODUJPOBMJUZ
    CBTFE
    PO
    UIF
    DVSSFOU
    DPOUFYU
    'PS
    FYBNQMF
    XIFO
    UIF
    VTFS
    UZQFT
    UFYU
    JO
    B
    EPDVNFOU
    UIF
    5PVDI
    #BS
    NJHIU
    JODMVEF
    DPOUSPMT
    GPS
    BEKVTUJOH
    UIF
    GPOU
    GBDF
    BOE
    TJ[F
    8IFO
    UIF
    VTFS
    WJFXT
    B
    NBQ
    UIF
    5PVDI
    #BS
    DPVME
    HJWF
    RVJDL
    POFUBQ
    BDDFTT
    UP
    HBT
    TUBUJPOT
    MPEHJOH
    BOE
    SFTUBVSBOUT
    OFBS
    UIF
    EJTQMBZFE
    MPDBUJPO
    "
    5PVDI
    *%
    TFOTPS
    UP
    UIF
    SJHIU
    PG
    UIF
    5PVDI
    #BS
    BMMPXT
    pOHFSQSJOU
    BVUIFOUJDBUJPO
    GPS
    MPHHJOH
    JOUP
    UIF
    DPNQVUFS
    BOE
    BQQSPWBM
    PG
    "QQ
    4UPSF
    BOE
    "QQMF
    1BZ
    QVSDIBTFT IUUQTEFWFMPQFSBQQMFDPNMJCSBSZDPOUFOU EPDVNFOUBUJPO6TFS&YQFSJFODF$PODFQUVBM 049)*(VJEFMJOFT"CPVUUIF5PVDI#BSIUNM About the Touch Bar
16. About the Touch Bar
17. w %FTJHO
    B
    DPOUFYUVBM
    FYQFSJFODF
    
    w 6TF
    UIF
    5PVDI
    #BS
    BT
    BO
    FYUFOTJPO
    PG
    UIF
    LFZCPBSE
    BOE
    USBDLQBE
    OPU
    BT
    B
    EJTQMBZ
    
    w 4USJWF
    UP
    NBUDI
    UIF
    MPPL
    PG
    UIF
    QIZTJDBM
    LFZCPBSE
    w %PO`U
    FYQPTF
    GVODUJPOBMJUZ
    TPMFMZ
    JO
    UIF
    5PVDI
    #BS
    
    w 1SPWJEF
    DPOUSPMT
    UIBU
    QSPEVDF
    JNNFEJBUF
    SFTVMUT Design for the Touch Bar
18. w 3FTQPOE
    JNNFEJBUFMZ
    UP
    VTFS
    JOUFSBDUJPO
    w 8IFO
    QPTTJCMF
    BMMPX
    UBTLT
    UIBU
    TUBSU
    JO
    UIF
    5PVDI
    #BS
    UP
    pOJTI
    JO
    UIF
    5PVDI
    #BS
    w "WPJE
    VTJOH
    UIF
    5PVDI
    #BS
    GPS
    UBTLT
    BTTPDJBUFE
    XJUI
    XFMMLOPXO
    LFZCPBSE
    TIPSUDVUT
    w 3FqFDU
    TUBUF
    DPOTJTUFOUMZ
    BOE
    BDDVSBUFMZ
    w "WPJE
    NJSSPSJOH
    5PVDI
    #BS
    JOUFSBDUJPOT
    PO
    UIF
    NBJO
    TDSFFO Design for the Touch Bar
19. Interaction
20. Gestures • Tap • Touch and hold • Horizontal swipe (pan) • Multitouch
21. Visual Design
22. Animation Avoid animation. The Touch Bar is considered an extension of the keyboard, and people don’t expect animation in their keyboard. In addition, excessive or gratuitous animation can make people feel disconnected and distract them from their work.
23. Color • controlColor • labelColor • secondaryLabelColor • tertiaryLabelColor • quaternaryLabelColor
24. Layout
25. Layout 3FHJPO %FTDSJQUJPO $POUSPM
    4USJQ 5IJT
    SFHJPO
    DPOUBJOT
    TZTUFNMFWFM
    DPOUSPMT
    TVDI
    BT
    GPS
    JOJUJBUJOH
    4JSJ
    PS
    BEKVTUJOH
    UIF
    WPMVNF
    MFWFM "QQ
    SFHJPO :PVS
    BQQ`T
    DPOUSPMT
    BSF
    EJTQMBZFE
    IFSF 4ZTUFN
    CVUUPO #BTFE
    PO
    UIF
    DPOUFYU
    UIF
    TZTUFN
    EJTQMBZT
    B
    CVUUPO
    TVDI
    BT
    &TD
    &TDBQF
    $BODFM
    PS
    %POF
26. Layout
27. Icons
28. Custom Icons 5BSHFU
    JDPO
    TJ[F QY
    CZ
    QY
    QU
    CZ
    QU
    !Y .BYJNVN
    JDPO
    TJ[F QY
    CZ
    QY
    QU
    CZ
    QU
    !Y
29. Controls
30. Buttons
31. Candidate Lists $BOEJEBUF
    -JTUT
32. Character Pickers
33. Color Pickers
34. Labels
35. Popovers
36. Scrubbers
37. Segmented Controls
38. Sharing Service Pickers
39. Sliders
40. Demo
41. Recap
42. w ·ͩΤίγεςϜ͕ἧ͍ͬͯͳ͍
    w ࠓޙͷΞϓϦରԠ࣍ୈ
    w δΣενϟʔૢ࡞ʹ׳Εͨੈ୅޲͚ Recap
43. ͋Γ͕ͱ͏͍͟͝·ͨ͠