0

0

UI设计师的photoshop配置技巧图文介绍教程

PHP中文网

PHP中文网

发布时间:2016-06-01 14:29:56

|

1473人浏览过

|

来源于php中文网

原创

  photoshop新建文档设置

  操作:菜单 → 文件 → 新建

  宽度:640像素

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

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

  颜色模式:RGB颜色

  背景内容:白色(可选)

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

  像素长宽比:方形像素

  配置如下图:

UI设计师的photoshop配置技巧图文介绍教程

  对齐设置

  这个处就是当你使用图层、形状等操作时自动对齐网格,画矢量图不怕模糊边缘,确保每个像素保持清晰。

  设置:

  菜单 → 视图 → 对齐

  菜单 → 视图 → 对齐到 → 全部

UI设计师的photoshop配置技巧图文介绍教程

  首选项设置

  操作:菜单 → 编辑 → 首选项 → 常规,建议按下图设置

  启用轻击平移

  仅仅是一个滑移效果,占内存又不能提高操作效率,建议关掉。

  根据HUD垂直移动来改变圆形画笔硬度

  功能挺好用的,按Alt+右键左右/上下移动可以分别改变画笔的大小和硬度。

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

  强烈建议开启这个功能,这个让你不会产生半像素虚边,十分好用。但在需要微调整时可暂时关闭它。

UI设计师的photoshop配置技巧图文介绍教程

  文本设置

  字体我一般把字体设置为犀利,如果你是Photoshop CC版本,它有一个Windows LCD/Mac LCD抗锯齿功能,文字可以为网页一样效果了,所以建议升级到Photoshop CC吧。

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

谱乐AI
谱乐AI

谱乐AI,集成 Suno、Udio 等顶尖AI音乐模型的一站式AI音乐生成平台。

下载
UI设计师的photoshop配置技巧图文介绍教程

  全局光

  继苹果iOS人机界面指南,你应该把灯光设置为90°。

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

UI设计师的photoshop配置技巧图文介绍教程

  网格设置

  现在设计iOS界面都要兼容视网膜(Retina),所以我把每个网格设置为2像素,这样我就不怕图像在视网膜设备下变得模糊了。

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

UI设计师的photoshop配置技巧图文介绍教程

  导出设置

  不管我们是做网页不审设计iOS APP应用程序时,导出图像最好是使用”存储为Web所用格式”来导出。

  这里通过”存储为Web格式…”导出PNG-24为例,其中默认设置比较重要,如下图:

  操作:菜单 → 文件 → 存储为Web格式所用格式

  预设:PNG-24

  透明:勾选

  交错:未勾选

  嵌入颜色配置文件:未勾选 (Photoshop CC版本才有)

  转换为 sRGB:未勾选

  质量:两次立方

UI设计师的photoshop配置技巧图文介绍教程

  Retina显示器设置

  如果你是使用带Retina视网膜的MacBook Pro,你应该确保你是使用2800×1800像素(1440×900点)

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

UI设计师的photoshop配置技巧图文介绍教程

  颜色配置

  颜色配置是极为复杂的一个操作,如果你不是这领域的大神,那么还是老老实实的用推荐的配置吧,这里我选择了Marc Edwards(http://bjango.com/articles/photoshop)的颜色配置选项。

UI设计师的photoshop配置技巧图文介绍教程

  总结

  本指南针是针对UI设计的Phtoshop基本设置介绍,除了以上这些,大多数设计师都会有自己使用的自定义设置,所以如果你有一些技巧设置,欢迎在下方留言处分享给我们。

相关专题

更多
Java 桌面应用开发(JavaFX 实战)
Java 桌面应用开发(JavaFX 实战)

本专题系统讲解 Java 在桌面应用开发领域的实战应用,重点围绕 JavaFX 框架,涵盖界面布局、控件使用、事件处理、FXML、样式美化(CSS)、多线程与UI响应优化,以及桌面应用的打包与发布。通过完整示例项目,帮助学习者掌握 使用 Java 构建现代化、跨平台桌面应用程序的核心能力。

37

2026.01.14

php与html混编教程大全
php与html混编教程大全

本专题整合了php和html混编相关教程,阅读专题下面的文章了解更多详细内容。

19

2026.01.13

PHP 高性能
PHP 高性能

本专题整合了PHP高性能相关教程大全,阅读专题下面的文章了解更多详细内容。

37

2026.01.13

MySQL数据库报错常见问题及解决方法大全
MySQL数据库报错常见问题及解决方法大全

本专题整合了MySQL数据库报错常见问题及解决方法,阅读专题下面的文章了解更多详细内容。

19

2026.01.13

PHP 文件上传
PHP 文件上传

本专题整合了PHP实现文件上传相关教程,阅读专题下面的文章了解更多详细内容。

16

2026.01.13

PHP缓存策略教程大全
PHP缓存策略教程大全

本专题整合了PHP缓存相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.13

jQuery 正则表达式相关教程
jQuery 正则表达式相关教程

本专题整合了jQuery正则表达式相关教程大全,阅读专题下面的文章了解更多详细内容。

3

2026.01.13

交互式图表和动态图表教程汇总
交互式图表和动态图表教程汇总

本专题整合了交互式图表和动态图表的相关内容,阅读专题下面的文章了解更多详细内容。

45

2026.01.13

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

9

2026.01.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
CSS3 教程
CSS3 教程

共18课时 | 4.5万人学习

Git 教程
Git 教程

共21课时 | 2.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号