UI设计PS配置技巧_第1页
UI设计PS配置技巧_第2页
UI设计PS配置技巧_第3页
UI设计PS配置技巧_第4页
UI设计PS配置技巧_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、UI设计Photoshop配置技巧如果你是设计移动UI界面又是Photoshop新手，那么今天分享的技巧教程很适合你，虽然说是移动界面设计，但同样适用于其它设计工作，比如网页设计、平面设计等等，让我们开始吧。 Photoshop新建文档设置操作：菜单 文件 新建宽度：640像素高度：1136像素(4英寸iPhone设备)分辨率：72像素/英寸(ppi)颜色模式：RGB颜色背景内容：白色(可选)颜色配置文件：不要色彩管理此文件(更多颜色设置后)像素长宽比：方形像素配置如下图： 对齐设置这个处就是当你使用图层、形状等操作时自动对齐网格，画矢量图不怕模糊边缘，确保每个像素保持清晰。设置：菜单 视图

2、对齐菜单 视图 对齐到 全部 首选项设置操作：菜单 编辑 首选项 常规，建议按下图设置启用轻击平移仅仅是一个滑移效果，占内存又不能提高操作效率，建议关掉。根据HUD垂直移动来改变圆形画笔硬度功能挺好用的，按Alt+右键左右/上下移动可以分别改变画笔的大小和硬度。将矢量工具与变换与像素网格对齐这个强烈建议UI设计开启这个功能，这个让你来矢量力不会产生半像素虚边，十分好用。但在需要微调整时可暂时关闭它。 文本设置字体我一般把字体设置为犀利，如果你是Photoshop CC版本，它有一个Windows LCD/Mac LCD抗锯齿功能，文字可以为网页一样效果了，所以建议升级到Photoshop CC

3、吧。操作：首先选定文本 字符工具(AA)选择Windows LCD/Mac LCD 全局光继苹果iOS人机界面指南，你应该把灯光设置为90°。操作：图层 图层样式 全局光 90° 网格设置现在设计iOS界面都要兼容视网膜(Retina),所以我把每个网格设置为2像素，这样我就不怕图像在视网膜设备下变得模糊了。操作：菜单 编辑 首选项 参考线、网格和切片，网格线间隔：4像素;子网格2。或者网格线间隔：2像素;子网格1。我喜欢前者_ 导出设置不管我们是做网页不审设计iOS APP应用程序时，导出图像最好是使用”存储为Web所用格式”来导出。这里通过”存储为Web格式”导出PNG

4、-24为例，其中默认设置比较重要，如下图：操作：菜单 文件 存储为Web格式所用格式预设：PNG-24透明：勾选交错：未勾选嵌入颜色配置文件：未勾选 (Photoshop CC版本才有)转换为 sRGB：未勾选质量：两次立方 Retina显示器设置如果你是使用带Retina视网膜的MacBook Pro，你应该确保你是使用2800×1800像素(1440×900点)操作：Apple菜单 系统偏好设置 显示 最适合显示器 颜色配置颜色配置是极为复杂的一个操作，如果你不是这领域的大神，那么还是老老实实的用推荐的配置吧，这里我选择了Marc Edwards( 总结本指南针是针对UI设计的Phtoshop基本设置介绍，

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论