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

実践Dark Mode対応 / Implementing Dark Mode

hirothings
November 08, 2019

実践Dark Mode対応 / Implementing Dark Mode

hirothings

November 08, 2019
Tweet

More Decks by hirothings

Other Decks in Programming

Transcript

  1. μʔΫϞʔυରԠ࣌ͷ৭ઃܭʹ͍ͭͯ Human Interface GuidelinesΑΓ • ηϚϯςΟοΫΧϥʔΛ࢖༻͢Δ͜ͱ(label, separator, systemBackground..etc) • γεςϜఆٛͷ৭Λ࢖༻͢Δͱɺલܠͱഎܠͷίϯςϯπؒͷద੾ͳίϯ

    τϥετൺ͕อূ͞ΕΔ(ޙड़) • ΧελϜΧϥʔͷ৔߹ɺಛʹখ͍͞ςΩετͷ৔߹ɺίϯτϥετൺ7ɿ1 Λ໨ࢦ͢͜ͱ • μʔΫϞʔυͰίϯςϯπʹന͍എܠΛ࢖༻͢Δඞཁ͕͋Δ৔߹͸ɺपғ ͷ҉͍ίϯςϯπʹରͯ͠എܠ͕ޫΒͳ͍Α͏ʹɺগ͠҉͍നΛબ୒͢Δ ͜ͱ
  2. SF Symbols SF Symbolsʹ͍ͭͯิ଍ • 1500Ҏ্ͷΞΠίϯηοτ • 9ͭͷ΢ΣΠτ • iOS

    13~ • SF Symbols appͰϓϨϏϡʔ͕Մೳ (લεϥΠυͷεΫγϣ΋͜Ε) • https://developer.apple.com/design/human-interface-guidelines/sf- symbols/overview/ • download the SF Symbols app. ͷ෦෼͔ΒDLͰ͖Δ..(෼͔ΓͮΒ͍)
  3. μʔΫϞʔυରԠͷϋʔυϧʹ͍ͭͯ • ը໘਺͸ແ࿦ɺطଘΞϓϦͷ৭ͷ؅ཧঢ়ଶʹΑͬͯมΘΔ • Named ColorsΛఆٛ͢Δ͔͠ͳ͍ͷͰɺରԠ͢Δͱࣗવͱ৭ ͷ؅ཧ͕੔ཧ͞ΕΔ • ΞϓϦͷੑ࣭ʹΑΔ •

    ϢʔςΟϦςΟܥͷΞϓϦͩͱൺֱతָ͔ɻधཁ΋͋Γͦ͏ • ΠϥετΛ;ΜͩΜʹ࢖͍ͬͯΔΞϓϦͳͲμʔΫϞʔυͱ ͷ૬ੑ͕೉͍͠΋ͷ΋͋Δ