在想色色的事情對吧?About color in iOS - Jeff Lin === {%hackmd FGRWt1UuTFKk0wSbGgg-SA %} ## YouTube {%youtube 6n7TUuA-dug %} ## Slide {%slideshare ssuser76f232/about-color-in-i-os %} # Reference ## Color Space ### Apple document [About Color Spaces](https://developer.apple.com/library/archive/documentation/Cocoa/Conceptual/DrawColor/Concepts/AboutColorSpaces.html) [HIG-color](https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/) [UIColor-Understand Color Space Usage](https://developer.apple.com/documentation/uikit/uicolor) ### P3, Wide Color [Working with Wide Color](https://developer.apple.com/videos/play/wwdc2016/712) [Get Started with Display P3 - WWDC 2017](https://developer.apple.com/videos/play/wwdc2017/821/) [Improving Color on the Web](https://webkit.org/blog/6682/improving-color-on-the-web/) ### Gamma [Adjusting the Brightness and Contrast of an Image](https://developer.apple.com/documentation/accelerate/vimage/adjusting_the_brightness_and_contrast_of_an_image) [准确的伽玛 2.2 及预设 5 种伽玛值设定](https://color.viewsonic.com/zh-cn/explore/content/5%20%E7%A7%8D%E4%BC%BD%E7%8E%9B%E5%80%BC%E8%AE%BE%E5%AE%9A_4.html) ## Accessbility ### Requirements https://www.w3.org/TR/WCAG-TECHS/G18.html [WCAG 2 Contrast and Color Requirements](https://webaim.org/articles/contrast/) https://webaim.org/resources/contrastchecker/ https://www.w3.org/TR/WCAG20/ https://designtongue.me/website-accessibility/ [Gist](https://gist.github.com/kenobilyh/eca222e881130f2fafffe4d3331805da) ### Sketch plug-in https://github.com/getflourish/Sketch-Color-Contrast-Analyser ## Blend mode [Using Blend Modes with Images](https://developer.apple.com/library/archive/documentation/GraphicsImaging/Conceptual/drawingwithquartz2d/dq_images/dq_images.html#//apple_ref/doc/uid/TP30001066-CH212-TPXREF101) [Color Blending Tool](https://colorblendy.com/#!/multiply/f26591/ffb8b1) ## Dark mode ### WWDC 2019 session [Implementing Dark Mode on iOS](https://developer.apple.com/videos/play/wwdc2019/214/) [Supporting Dark Mode in Your Web Content](https://developer.apple.com/videos/play/wwdc2019/511/) [What's New in iOS Design](https://developer.apple.com/videos/play/wwdc2019/808/) ### Web [How do I implement dark mode into service ?](https://medium.com/@meistudio/how-do-i-implement-dark-mode-into-service-230e8ad829a4) ### Useful reference [Dark Mode on iOS 13](https://nshipster.com/dark-mode/) [Backwards compatibility for iOS 13 system colors-Table of system colors](https://noahgilmore.com/blog/dark-mode-uicolor-compatibility/) [8 Tips for Dark Theme Design](https://uxplanet.org/8-tips-for-dark-theme-design-8dfc2f8f7ab6) ## Color In Development [Asset catalog colors on Xcode 9](https://blog.zeplin.io/asset-catalog-colors-on-xcode-9-c4fdccc0381a) ###### tags:`iPlayground2019`