UI设计师的ps配置技巧

UI设计师的ps配置技巧,第一步Photoshop新建文档设置

操作:菜单 → 文件 → 新建

宽度:640像素

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

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

颜色模式:RGB颜色

背景内容:白色(可选)

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

像素长宽比:方形像素

配置如下图:

对齐设置

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

设置:

菜单 → 视图 → 对齐

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

首选项设置

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

启用轻击平移

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

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

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

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

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

文本设置

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

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

全局光

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

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

网格设置

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

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

导出设置

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

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

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

预设:PNG-24

透明:勾选

交错:未勾选

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

转换为 sRGB:未勾选

质量:两次立方

Retina显示器设置

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

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

颜色配置

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

总结

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

(0)

相关推荐

  • UI设计师一定要做的事(PS配置技巧)

    如果你是设计移动UI界面又是Photoshop新手,那么今天分享的技巧教程很适合你,虽然说是移动界面设计,但同样适用于其它设计工作,比如网页设计.平面设计等等,让我们开始吧. Photoshop新建文 ...

  • 面试了50多位UI设计师,我总结了这些求职技巧

    前段时间公司进行了UI设计师招聘,前后大约持续了4个多月,收到四五百份简历,面试了大概50多位设计师,包括新浪.小米.360等大型公司的,但是大多数是一般的互联网公司. 在从筛选简历到面试的过程中,发 ...

  • UI设计师需要熟知的平面基础

    写在前面 随着互联网的发展带动了 UI 设计的短暂刚需,经过 3-5 年的发展,UI 设计也开始趋于平缓推进中.在此期间很多设计专业内部转岗与非行业转行也是一度热潮. 其中平面设计.电商设计.网页设计 ...

  • Firefox和IE浏览器提速配置技巧

    最近浏览器的战场又热闹了不少。谷歌开发了IE、Firefox专用提速插件(基于Chrome),当然这一举动并不被微软认可,于是一场口水战就此拉响。至于浏览器到底哪个快?哪个好用?我想见仁见智,不过如何 ...

  • 工作五年以上的UI设计师都在干什么

    入行两三年,继续深造.转行还是回家乡?何去何从,不妨听前辈们聊聊他们的现状吧.今天这篇问答,既有奋战一线的华为.腾讯资深设计师,也有图安逸在三线城市工作的,既有设计科班生,也有26岁才入行的非科班生, ...

  • UI设计师必读!iOS 10 人机界面设计指南 (2)

    小编:iOS 10人机界面设计指南中文版来了,感谢译者@喵大神经. iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产 ...

  • UI设计师必读!iOS 10 人机界面设计指南 (4)

    小编:iOS 10人机界面设计指南中文版来了,感谢译者@喵大神经. iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产 ...

  • 实战干货:UI设计师与Web攻城狮协同工作必知的8个知识点

    这里的分享一些比较系列化的专业共识给大家,特别是UI设计师和web前端都需了解的知识点,双方在这些知识点上达成共识,有助于能更加畅通无阻的进行沟通交流,可以更好的开发完美的产品. 设计基础 尺寸 字体 ...

  • UI设计师设计基本指南 | 《第一话》

    小编:在UI设计行业想要成功是需要很长一段时间去学习去练习-一个人摸索着前进时费力的,今天就为大家带来一份UI设计师设计基本指南,非常感谢作者@应昼雨成的分享,这17个技巧每一个都结合案例讲解,有对比 ...