解析UI设计师如何配置PS软件的方法技巧

当前位置 : PS教程 > 正文 来源:www.pspsd.com 时间:2020-02-11 人气:1807

如果您正在设计一个移动UI界面和Photoshop的新手,那么今天的共享技能教程适合您,虽然它是一个移动界面设计,但它也适用于其他设计工作,如网页设计,平面设计,等我们开始吧。

Photoshop新文档设置

操作:菜单→文件→新建

宽度:640像素

高度:1136像素(4英寸iPhone设备)

分辨率:72像素/英寸(ppi)

颜色模式:RGB颜色

背景内容:白色(可选)

颜色配置文件:不要对此文件进行颜色管理(更多颜色设置后)

像素长宽比:方形像素

配置如下:

对齐设置

这是您在使用图层,形状等时自动对齐网格的地方,绘制矢量图形时不怕模糊边缘,确保每个像素保持清晰。

设定:

菜单→查看→对齐

菜单→查看→对齐→全部

首选项设置

操作:菜单→编辑→首选项→常规,建议设置如下所示

启用点击平移

这只是滑动效应,并没有提高内存的效率。建议将其关闭。

根据HUD垂直运动改变圆刷的硬度

功能非常好。按Alt +向左/向右/向上和向下键可更改画笔的大小和硬度。

将矢量工具与变换和像素网格对齐

强烈建议启用此功能,这样您就可以创建一个非常易于使用的半像素虚拟边缘。但是,当需要进行微调时,可以暂时关闭它。

文字设置

字体我通常将字体设置为sharp。如果您是Photoshop CC版本,它具有Windows LCD/Mac LCD抗锯齿功能。文本可以与网页一样好,因此建议升级到Photoshop CC。

操作:首先选择文本→字符工具(AA)以选择Windows LCD/Mac LCD

全球之光

遵循Apple iOS人机界面指南,您应将灯光设置为90°。

操作:图层→图层样式→全局光→90°

网格设置

现在设计iOS界面与Retina兼容,所以我将每个网格设置为2个像素,所以我不担心视网膜设备下的图像会模糊。

操作:菜单→编辑→首选项→参考,网格和切片,网格线间距:4像素;子网格2.或网格线间距:2像素;子网1.我喜欢前者^ _ ^

导出设置

无论我们是否为网页设计iOS应用程序,最好使用“另存为Web格式”来导出图像。

以下是通过“存储为网络格式.”导出PNG-24的示例,默认设置更为重要,如下所示:

操作:菜单→文件→另存为网络格式的格式

默认值:PNG-24

透明:检查

隔行扫描:未选中

嵌入颜色配置文件:未选中(仅适用于Photoshop CC版本)

转换为sRGB:未选中

质量:两个立方体

视网膜显示设置

如果您使用带Retina Retina的MacBook Pro,则应确保使用的是2800 x 1800像素(1440 x 900点)

操作:Apple菜单→系统偏好设置→显示→最适合显示器

颜色配置

颜色配置是一项非常复杂的操作。如果你不是这个领域的大神,那么你应该诚实地使用推荐的配置。在这里,我选择了Marc Edwards()的颜色配置选项。

简介:本指南针介绍了用于UI设计的Phtoshop的基本设置。除上述内容外,大多数设计师都会有自己的自定义设置,因此如果您有一些提示,请通过以下信息与我们分享。