之前25学堂跟大家分享了APP设计工具利器的Photoshop CC的技巧和相关的ps设计资源。
手机UI设计师必知的八个Photoshop CC小技巧和国外最佳Photoshop设计学习资源站-PSDlearning
这个我们紧接着上一篇《小白学习APP界面设计,从设计APP首页开始》来继续学习APP设计教程。
要想快速上手APP界面设计流程。必须你对你使用的设计工具操作很熟练。这样才能提高设计效率。
这一节25学堂让APP设计小白养成良好的PS设计习惯。
第一:同一个项目尽量在一个psd里
在项目中统一功能块、功能尽量保存在同一个psd里,日后使用会更加方便,节约在不同psd文件里查找时间。

2.时刻保持图层命名、归类
良好的归类、图层、命名习惯,在团队合作中psd源文件可用度效率更高,日后修改也会节省时间。

3.尽量使用智能对象和形状工具。
智能对象好处在于合并对象后不破坏对象,同时可以让这个合并后的对象具有可编辑特性,同时具备同步更新功能。

4.在文件夹中加蒙版,操作一步到位
在文件夹加蒙版,再次修改的时候只需要把图片放入文件夹即可,可以减少重复调整蒙版等工作。

5.输出尽量简单
如果项目有命名标准建议以标准来命名,如项目没命名标准建议用简单易懂的中文命名方式命名。

6.安装psd缩略图补丁、以便我们查找方便
安装PSD缩略图补丁,一目了然PSD文件的内容,提高效率拒绝猜测。

下面是我们使用ps cc来设计移动APP界面需要注意的8个事项:
1. 在单一图层内工作
尽管有很多教程讲述单图层打造xxx效果,大家不妨学习一下作为练习,掌握一下思路即可。但是在工作中,这种习惯可真不好。
单一图层制图,缺乏灵活性,无法针对性的做出修改。最安全的做法是:一种效果,一个新图层,这样以后修改起来会非常方便。
无论如何,在工作中都尽可能的使用多个图层,编辑更起来有效率,组织也更分明。当然也有牛人,完全在一个图层实现很复杂的特效。
2. 直接删除内容,而不使用蒙版
这个非常常见。删除和擦除图层内容几乎是不可逆的,是一种破坏性的编辑方式。其实不如利用PS的像素蒙版、矢量蒙版、剪贴蒙版来”屏蔽”内容。
蒙版仅仅会临时隐藏选中的图层部分,而不是永久性的删除。
记住咯,尽量使用蒙版,尽量少用删除。
3. 点来点去(不会用快捷键)
使用PS不用快捷键,就好比吃饭不用筷子。费时费力。一个合格的PS用户,一只手用来操作鼠标,进行定位、绘制,另一只手操作键盘,使用快捷键。下面是最常用的一些快捷键。
此前@你丫才美工 为大家制作过一张转发上万次的经典快捷键图片。还没有右键另存的请戳→ 《photoshop快捷键大全》
Cmd/Ctrl + T – 自由变换Cmd/Ctrl + S – 保存文件Cmd/Ctrl + A – 选择全部
Cmd/Ctrl + D – 取消选择Cmd/Ctrl + I – 颜色反相Cmd/Ctrl + Shift + I – 选区反相
Cmd/Ctrl + 点击图层缩略图 – 选择所选图层的选区Cmd/Ctrl + Option/Alt + A – 选择所有图层Option/Alt + 点击两个图层之间 – 剪贴蒙版
Cmd/Ctrl + G – 图层编组Cmd/Ctrl + Shift + G – 取消图层编组
这里25学堂奉上2张快捷键速查表:
4. 图像转换时,不利用智能对象
很多PS使用者知道智能对象很有用,但是就是不用。实际上,智能对象将保留图像的源内容及其所有原始特性,从而让您能够对图层执行非破坏性编辑。当采样像素图像时,会出现质量损失。
而使用智能对象,会保留像素图像的特性。当图层中的内容表现效果最佳(质量最棒)时,非常适宜于转换为智能对象。这样调整大小、选择时便不会损失画质了。
图层旋转多次后,会损失一定的图像质量。推荐您阅读《PS旋转技巧!让像素完美呈现》
5. 不使用调整图层
这是个很不好的习惯。如果直接在原图层内修改,破坏性的编辑,以后修改起来不方便。而调整图层则解决了这个问题。而且,调整图层相对独立,想怎么改,就怎么改,混合模式、不透明度、设置,都可以修改,比原图层直接修改有效多了。
要记住,调整图层会影响位于它下面的所有图层。
曲线调整图层,修改白平衡。
6. 毫无组织、杂乱的图层关系
使用PS,不但要会使用各种工具,还要注意培养习惯,比如说,组织性。多个图层,作用于图像的不同区域,要记住进行分类编组以及合理命名。
初学者可能会认为这是浪费时间,但是相信我,这是节省时间,当你要编辑某一特定图层时,你发现你的图层命名全是”图层1、图层2、图层3、椭圆1、椭圆2″,你根本无法快速分辨。所以说,合理组织图层,异常重要,尤其是团队工作,需要把PSD文件传给同事的时候。
小白设计师一定要学会组织图层
7. 缺乏基本导航技巧
只会水平垂直拖移滚动条?记住要按住空格,然后使用抓手工具来进行导航。
导航的一些快捷键空格 – 抓手工具Z + 左右拖移 – 放大和缩小
按住 H + 点击 – 鸟瞰视图Cmd/Control + 0 – 适应屏幕Cmd/Control + 1 – 实际尺寸
鸟瞰视图,能够临时性的看到整个画布懂得效果。
8. 善于要使用 Adobe Bridge
PS原生文件管理应用:Adobe Bridge。可以帮助您寻找图像,组织文件。很多摄影师便使用Bridge来管理照片。
Adobe BridgePS原生文件管理应用,还有很大APP切图插件都是需要他来帮助我们安装的。所以,大家一定要善于要使用 Adobe Bridge。
最后,25学堂再次分享一套PS CC视频教程《Photoshop CC从入门到精通》
本教程共用十四部分详细介绍PS各个工具的操作及运用,各种选项的设置及调整,各种命令的原理及效果。通过本课程的学习,你对PS会有一个新的认识,PS的水平也会有一个质的飞跃!我们下周继续《小白学习APP设计教程》。
学习PS CC视频教程地址:http://study.163.com/course/introduction/986014.htm#/courseDetail
全站高品质素材免费下载!