retina ize It - 准备设计或为Retina显示屏网站优化的最佳Photoshop操作

retina ize It - 准备设计或为Retina显示屏网站优化的最佳Photoshop操作

为iOS(支持iPhone 6 /Plus)准备设计或为Retina显示屏网站优化的最佳Photoshop操作 它包括什么? 包中有3个动作: 1x仅用于对选定的层/组进行切片,非常适合以原始大小快速导出元素。 1x,2x用于对所选元素进行切片+按200%版本进行缩放。非常适合Retina就绪的网站。 所选元素的1x、2x、3x+缩放200% +缩放300%。非常适合iOS资产。 我应该记住什么? 处理形状或智能对象。此外,我建议工作在非视网膜PSD版本的设计(1x)。我在《粉碎杂志》的文章中解释了原因。 如果您对要切片的层使用投影或内阴影属性,请记住“使用全局灯光”复选标记是未选中的。否则,阴影的角度将被更改为Photoshop中设置的默认角度(感谢Nils Helmersson)。 是给谁的? 它非常适合需要从iOS或Retina-ready网站的PSD中分离UI元素的设计师和前端开发人员。 如何安装? 只需双击文件,进入Photoshop中的窗口->动作。在动作窗口中展开“Retinize It”文件夹。 谁干的? 嗨,我是Artiom Dashinsky,在特拉维夫和柏林工作的产品设计师。我是前WeWork高级产品设计师,Swag Fair创始人,《解决产品设计练习》和《产生产品想法》的作者。请随时通过电子邮件联系。 原动作是根据斯科特·贝茨的“有史以来最好的Photoshop导出动作”改编的。区别在于缩放比例——我和我的团队总是以1倍的分辨率进行设计,并在发送给开发人员之前缩放200%,主要是因为0.5px的问题(你可以从Niklaus Gerber的文章《为iPhone 4设计》和Bjango的《为Retina显示屏设计》中了解更多信息),而Scott的缩放比例是50%。

标签: Photoshop

阅读量: 35 2019-03-27