小白学习APP设计教程:改正你的PS设计习惯

之前25学堂跟大家分享了APP设计工具利器的Photoshop CC的技巧和相关的ps设计资源。

手机UI设计师必知的八个Photoshop CC小技巧国外最佳Photoshop设计学习资源站-PSDlearning

weather-app-psd

这个我们紧接着上一篇《小白学习APP界面设计,从设计APP首页开始》来继续学习APP设计教程。

要想快速上手APP界面设计流程。必须你对你使用的设计工具操作很熟练。这样才能提高设计效率。

这一节25学堂让APP设计小白养成良好的PS设计习惯。

 

 

第一:同一个项目尽量在一个psd里

在项目中统一功能块、功能尽量保存在同一个psd里,日后使用会更加方便,节约在不同psd文件里查找时间。

提升UI设计效率,从用好PS软件开始,互联网的一些事
 

2.时刻保持图层命名、归类

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

提升UI设计效率,从用好PS软件开始,互联网的一些事
 

 

3.尽量使用智能对象和形状工具。

智能对象好处在于合并对象后不破坏对象,同时可以让这个合并后的对象具有可编辑特性,同时具备同步更新功能。

提升UI设计效率,从用好PS软件开始,互联网的一些事
 

4.在文件夹中加蒙版,操作一步到位

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

提升UI设计效率,从用好PS软件开始,互联网的一些事
 

5.输出尽量简单

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

提升UI设计效率,从用好PS软件开始,互联网的一些事
 

6.安装psd缩略图补丁、以便我们查找方便

安装PSD缩略图补丁,一目了然PSD文件的内容,提高效率拒绝猜测。

提升UI设计效率,从用好PS软件开始,互联网的一些事
 

 

下面是我们使用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张快捷键速查表:

1、APP设计工具Sketch 3的快捷键大全速查表

2、30个Photoshop的秘密快捷键

photos-app-psd-iphone6设计尺寸

 

 

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

 

每天更新,
全站高品质素材免费下载!