我们通常拿到设计稿开始实现时,会在设计稿做标注,比如颜色,字号,间距等。之前发现一个问题,我在程序里实现的颜色和设计稿的不太一样。过程通常是这样的,在photoshop、markman或者mac系统自带的取色工具取到一个RGB颜色,默认制式是Adobe RGB,然后在xcode的调色板实现,或者代码
[UIColor colorWithRed:15/255.0f green:120/255.0f blue:164/255.0f alpha:1]
咋一看好像没什么问题,但只要和设计稿对比起来,其实是有差别的,这里有一个坑,xcode调色板的颜色,和预览的颜色,到模拟器,再到真机,颜色都不太一样。到最后我们在真机截图,发回电脑,和设计稿对比色值,果然不一样。
这时候就有点蒙了,不知道程序上怎么实现才能和设计稿一样的颜色,特别在UI Builder的颜色制式有n种
最后发现,无论选哪种颜色制式,都是对不上photoshop的颜色的,最后找到解决方法如下:
用mac自带的取色工具,选中“以sRGB显示”来取设计稿的的颜色,然后这个颜色值用代码实现即可,如果用XIB,颜色制式选”Generic RBG“即可。