如果你是设计移动UI界面又是Photoshop新手，那么今天分享的技巧教程很适合你，虽然说是移动界面设计，但同样适用于其它设计工作，比如网页设计、平面设计等等，让我们开始吧。
Photoshop新建文档设置
操作：菜单 → 文件 → 新建
宽度：640像素
高度：1136像素（4英寸iPhone设备）
分辨率：72像素/英寸（ppi）
颜色模式：RGB颜色
背景内容：白色（可选）
颜色配置文件：不要色彩管理此文件（更多颜色设置后）
像素长宽比：方形像素
配置如下图：
这个处就是当你使用图层、形状等操作时自动对齐网格，画矢量图不怕模糊边缘，确保每个像素保持清晰。
菜单 → 视图 → 对齐
菜单 → 视图 → 对齐到 → 全部
首选项设置
操作：菜单 → 编辑 → 首选项 → 常规，建议按下图设置
启用轻击平移
仅仅是一个滑移效果，占内存又不能提高操作效率，建议关掉。
根据HUD垂直移动来改变圆形画笔硬度
功能挺好用的，按Alt+右键左右/上下移动可以分别改变画笔的大小和硬度。
将矢量工具与变换与像素网格对齐
这个强烈建议UI设计开启这个功能，这个让你来矢量力不会产生半像素虚边，十分好用。但在需要微调整时可暂时关闭它。
字体我一般把字体设置为犀利，如果你是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，你应该确保你是使用像素（点）
操作：Apple菜单 → 系统偏好设置 → 显示 → 最适合显示器
颜色配置是极为复杂的一个操作，如果你不是这领域的大神，那么还是老老实实的用推荐的配置吧，这里我选择了Marc Edwards(http://bjango.com/articles/photoshop)的颜色配置选项。
本指南针是针对UI设计的Phtoshop基本设置介绍，除了以上这些，大多数设计师都会有自己使用的自定义设置，所以如果你有一些技巧设置，欢迎在下方留言处分享给设计达人网和其它设计师们。
文章来源：
转载请注明： &
学UI就上学UI网！越努力，越幸运！
“学UI网 ”最值得关注的UI学习平台！ 每天发布高质量的设计教程和分享设计经验，服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课（），给大家提供更多免费学习的机会。想成为设计师的你快来关注吧！
【特色推荐】
” 海量APP截图，让你灵感爆发！国内最好的APP截图站。
“” 每一个作业题都尽量配有教程，交作业就有大神免费帮你点评作业，爽歪歪！
“” 专为UI设计学习者打造的资源＋学习，双用途的网址导航站。亲爱的，你收藏了吗？
你可能喜欢的：我会PS，为什么做不了UI设计师_百度知道
我会PS，为什么做不了UI设计师
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
尚学堂科技有限公司
实战化教学领导品牌
尚学堂科技有限公司
北京尚学堂科技有限公司是一家从事JAVA、大数据、web前端、网络直播、互联网架构师、Android、ios技术开发、咨询为一体的软件公司。公司由海外留学人员和国内IT人士创建，主要成员均拥有硕士以上学位。
会PS只是UI设计的一部分，UI设计包含的软件有：PS、AI、flash等，而且如果有的 公司要求高的话，还会要求你掌握一点程序语言，至少能看懂代码。想我之前在源 码时代学UI的时候还是很累的，这些基本软件要会，还要学手绘，还有代码。所以 说只会PS的话，那么你在UI这条路上还得继续奔跑啊！！
为你推荐：
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。【求大神解惑】画icon到底用ps还是Ai【ui设计吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：104,520贴子：
【求大神解惑】画icon到底用ps还是Ai
前段时间，我公司来了一个自我感觉666的设计师妹子！是UI设计，据说是电子商务出身的，有四年工作经验！！！！在一次开会中，我夸赞了公司另外一个妹子画icon很赞很有味道。但是我说，如果是我的画我可能会用AI画。因为我喜欢矢量的AI。
免费网页设计ui设计,上凡科建站,一站式解决企业建站需求,功能强大,完全免费!
接着问题来了！！
这时候哪位新来的妹子立刻很激动很6666的对我说：不行！！icon不能用AI画。不可以
妹子我，是学美术出生的。主修装饰画（就是那种随便乱画的写意画）然后是学过了很多应用软件，当然工作中基本AI和Ps很熟练了。目前在公司是做网页设计。我自己是有想要转型做UI或者UE的。
报告完毕。
再说哪位新来的UI设计师！她非常斩钉截铁的对我说，不行！不可以！不能用AI来画。因为如果用AI画icon的话。程序切图的时候会产生虚边。是不可以的 。
就我之前对AI和ps的了解，两者互相兼容，相辅相成。我做很多东西的时候也是两个软件一起用的。。
但是由于那位妹子说的非常斩钉截铁。所以我当时就没有深究到底是怎样！！
后来，我上网查了一下！！就有说都可以的。。。所以这里跪求明白对大神答疑解惑了。感恩。跪谢！！！
哪个方便用哪个呗，没人管你是怎么做出来的，别人只关心你做的好不好看
她说得有道理。ai就画复杂的图形强，其余的还是用ps吧
你错她对。
楼主去搜下ps绝对像素就懂了
都可以，如果是制作简单线性那类轻质感图标，而且对尺寸范围要求较高，肯定AI，矢量输出，尺寸不受限而且不会产生虚边，如果是AI和PS混用，那就需要注意像素设置，不然导入会产生虚边，而用于写实类的或者GUI，个人觉得PS更好用。
贴吧热议榜
使用签名档&&
保存至快速回贴苦逼APPUI设计师的标注切图的利器—PxCook - 25学堂
你可能喜欢
25学堂的QQ群
APP界面设计交流群：(已满)
UI/UX设计交流群：
官网客服QQ：
官方微信号: uiux-design
使用社交账户登录UI设计师的工作界面怎么用PS设置_百度知道
UI设计师的工作界面怎么用PS设置
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
优逸客_UI设计
优逸客_UI设计
采纳数：176
获赞数：221
擅长：暂未定制
Photoshop新建文档设置　　操作：菜单 → 文件 → 新建　　宽度：640像素　　高度：1136像素(4英寸iPhone设备)　　分辨率：72像素/英寸(ppi)　　颜色模式：RGB颜色　　背景内容：白色(可选)　　颜色配置文件：不要色彩管理此文件(更多颜色设置后)　　像素长宽比：方形像素　　配置如下图：&对齐设置　　这个处就是当你使用图层、形状等操作时自动对齐网格，画矢量图不怕模糊边缘，确保每个像素保持清晰。　　设置：　　菜单 → 视图 → 对齐　　菜单 → 视图 → 对齐到 → 全部&首选项设置　　操作：菜单 → 编辑 → 首选项 → 常规，建议按下图设置　　启用轻击平移　　仅仅是一个滑移效果，占内存又不能提高操作效率，建议关掉。　　根据HUD垂直移动来改变圆形画笔硬度　　功能挺好用的，按Alt+右键左右/上下移动可以分别改变画笔的大小和硬度。　　将矢量工具与变换与像素网格对齐　　这个强烈建议UI设计开启这个功能，这个让你来矢量力不会产生半像素虚边，十分好用。但在需要微调整时可暂时关闭它。&文本设置　　字体我一般把字体设置为犀利，如果你是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，你应该确保你是使用像素(点)　　操作：Apple菜单 → 系统偏好设置 → 显示 → 最适合显示器&颜色配置　　颜色配置是极为复杂的一个操作，如果你不是这领域的大神，那么还是老老实实的用推荐的配置吧，这里我选择了Marc Edwards的颜色配置选项。
开课吧莱茵设计学院
开课吧设计学院
开课吧莱茵设计学院
莱茵环球教育科技有限公司（简称莱茵教育）是国内首家交互设计培训机构，以创新思维为核心，“创建卓越企业、培养卓越人才”为己任，专注UI设计，严谨治学理念，培养UI精英人才。
现在随着ui设计界面市场的扩大，实际需求更是日益添增，大量的研发团队与美术外包占领了业界的主导，而且被目前列入国家发展重点计划，政府也已研拟出设计服务业发展纲领及行动方案、由此看来设计师行业前景不错。
为你推荐：
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。