修正色差,创建完美的 iPhone UI 设计!
iPhone 和你的计算机显示器之间自然会有色差,有时候不太明显,有时候却会让你抓狂。比如,有一次在Photoshop上画了一个边缘是 #004f8d 的图。放到 iPhone 上,把 UIView 的背景也设置为 #004f8d 却发现根本没法重合。后来发现是这个颜色在 Photoshop 默认设置下和 iPhone 上差异太大了。http://image.zcool.com.cn/img2/45/31/m_1326008943757.jpg
原因:一方面是设备间本身的问题,另一方面是颜色配置的问题。
先看颜色配置方面,曾经下过一些别人为 iPhone 调好的颜色配置文件,发现效果不是很好。
测试过很多,最后发现与 iOS 色彩配置最接近的色彩配置文件是 Generic RGB Profile 。
因此,解决方法如下:
在创建 Photoshop 文档的时候。要选择不使用色彩管理,然后再指定为 Generic RGB Profile。
http://image.zcool.com.cn/img2/17/59/m_1326009112408.50.29%20PM.jpg
创建文档时选择不使用色彩管理
http://image.zcool.com.cn/img2/21/16/m_1326009359558.55.24%20PM.jpg
选择“编辑”菜单下的“指定配置文件”,选择 Generic RGB Profile
这样调整后,色差会减少很多。
http://image.zcool.com.cn/img2/20/34/m_1326009817053.02.55%20PM.jpg
调整后的对比,左 iPhone 右 Photoshop
另一个因素是设备本身存在的色差,这点没法通过软件的方法去解决。并且不同批次的 iPhone,iPod,iPad 之间也存在着一些色差。最好的做法是把设计稿传到设备上看实际效果。
如果你嫌每次传设备上太麻烦,用这个 iOS 应用,Photoshop Display,它可以把 Photoshop 画布镜像输出到 iOS 设备上。不用每次上传,还是实时的。
P.S.
关于色彩配置文件,有兴趣的童鞋可以搜索 “ iPhone ICC ” 去找一些 iPhone 的颜色配置文件安装试试。或者试试其他的颜色配置文件,说不定可以获得更好的效果。
本文也只是提供一些思路和工具让你的设计在 iPhone 上看起来更好,更符合原本的样子和你的设计思路。如果你有更好的 iPhone 颜色矫正方法欢迎分享。
本文由 站酷网 - YvAo 原创,转载请保留此信息,多谢合作。 ios上有个 PS Display的app,可以把PS的画布实时同步到ios设备上,实时较色,挺方便的
页:
[1]