pscc手机版教程入门教程

pscc手机版教程入门教程

如果你是初学者从事移动UI界面设计并且也是Photoshop新手,那么今天的这篇教程将为你提供极大的帮助。虽然本文主要聚焦于移动界面设计,但其实很多技巧同样适用于其他设计领域,如网页设计和平面设计等。接下来,让我们一起进入Photoshop的世界吧。

文章推荐:30个技巧提升你的IOS设计流程——Photoshop版

我们需要新建一个文档以适应移动UI设计:

操作步骤:点击菜单→文件→新建

设定宽度为640像素,高度为1136像素(适用于4英寸iPhone设备)

分辨率设置为72像素/英寸(ppi)

颜色模式选择RGB颜色

背景内容可以选择白色

颜色配置文件建议不启用色彩管理

像素长宽比选择方形像素

接下来是对齐设置:

当使用图层、形状等工具时,为了确保设计的精准度,我们需要开启自动对齐网格功能。这样,在绘制矢量图时,你可以确保每个像素都清晰无比。

为了更高效地操作,我们还需要进行一些首选项设置:

通过菜单→编辑→首选项→常规进行设置

启用轻击平移功能可能会占用内存并影响操作效率,所以建议关闭

启用按Alt+右键调整画笔大小和硬度的功能是非常实用的,建议开启

对于UI设计,建议开启矢量工具与变换与像素网格对齐功能,这有助于避免矢量边缘出现虚边

文本设置方面,建议将字体设置为清晰锐利的样式。如果你使用的是Photoshop CC版本,可以启用Windows LCD/Mac LCD抗锯齿功能,让文字效果更接近网页显示效果。

为了符合iOS的人机界面指南,我们将灯光设置为90°的全局光。在设计iOS界面时,为了兼容视网膜显示屏,我们将网格设置为每格2像素,以避免图像在视网膜设备下变得模糊。

在导出设置方面,无论是制作网页还是设计iOS应用程序,最好使用“存储为Web所用格式”来导出图像。具体的操作步骤如下:菜单→文件→存储为Web所用格式。在导出PNG-24格式时,按照默认设置进行操作。

如果你使用的是带Retina视网膜的MacBook Pro,还需要进行相应的显示器设置,确保你的设计在Retina显示器上以最合适的分辨率显示。至于颜色配置,如果你不是该领域的专家,建议使用推荐的配置。这里我们选择的是Marc Edwards的颜色配置选项。这篇教程旨在为UI设计师提供Photoshop的基本设置指南。每个设计师都有自己的自定义设置和技巧。如果你有任何好的设置或技巧,欢迎在下方留言处分享给更多的设计师。想要提升UI设计技能,请关注我们的微信号: uifuns,我们将持续为你提供设计资源和技巧分享。


pscc手机版教程入门教程