从RGB代码中的indesign中获取颜色代码并使用iOS应用程序看起来颜色不同

时间:2017-12-14 13:46:21

标签: ios iphone xcode interface-builder uicolor

在InDesign中

enter image description here

在从InDesign导出的Photoshop jpeg中

enter image description here

这是它在真实设备上的外观

enter image description here

我看到了一个奇怪的问题,当我从RGB InForign文件中获取RGB格式的颜色代码或者用于UI元素(如按钮)的六进制代码并将我的Xcode中的颜色代码从界面构建器设置为按钮时,它在iPhone上的应用程序上看起来颜色不同(6)真实设备和模拟器(所有设备模拟器)两者。

但是当我将InDesign文件导出到jpeg并在photoshop中打开并从那里获取颜色代码时 那么

  1. 它显示InDesign文件(Strange)中的不同颜色代码。

  2. 如果我在界面构建器中的Xcode中使用该颜色代码,那么它会在真实设备和模拟器中再次显示不同的颜色。但是,当我拍摄模拟器的快照并在photoshop中比较模拟器快照图像与jpeg(我从InDesign导出)时,它们显示相同的颜色代码,但在iPhone真实设备上看起来颜色不同。

  3. 我想要适合我的颜色代码,看起来和InDesign一样。

    我怎么能得到它?

1 个答案:

答案 0 :(得分:0)

我按照以下步骤解决了我的问题

  • 在Project中的Assets.xcassets文件夹中添加颜色。点击+按钮 并选择新颜色集enter image description here

  • 将sRGB颜色空间中的颜色设置为enter image description here

  • 我使用InDegisn中提供的十六进制代码并且它有效。
  • 在故事板中将其用作enter image description here
  • 代码为enter image description here

注意 - 这适用于ios 11及更高版本。