Photoshop改进UI设计的一些心得技巧

  1. 设置网格线 保持像素完美

  不在1:1分辨率下也能保持像素完美,可以通过创建网格线来避免虚边的出现。 编辑 > 首选项 > 参考线、网格和切片 保持尺寸为偶数。

  例如:设置网格线间隔为64px,子网格为64


  使用网格在画图形时会自动吸附,不是1:1状态下也可以画出完美像素。


  2 .智能对象和路径的变形

  (1)将图层转换为智能对象(右击图层 > 选择转换为智能对象 ),这样你就可以在之后编辑效果。

  (2)Ctrl + T 选择变形。

  (3)点击和拖动手柄来改变形状。

  例题1


  例题2


  3. ps cs6 隐藏路径

  Photoshop cs6中比较恼人的一点是当你选中一个形状图层的时候形状的路径会显示出来,并且在你操作该图层的时候路径会一直存在,譬如在更改图层混合选项的时候。

  和你使用Ctrl + H 来隐藏所有的辅助工具(路径、网格线和参考线),当然你可以按Ctrl + Shift + H 只隐藏路径。


  4. 使用内阴影更容易增加精致感


  5. 保存样式

  保存多次使用的样式到样式面板,这样免去每次都复制粘贴的麻烦


  6.以15°的步长旋转和10像素的移动

  在自由旋转的时候,可以按住Shift以15°的倍数旋转。移动时以10像素移动。


  7. 设置全局光为90°

  当光源在90°的时候高光、阴影以及其他图层效果看起来最好。为了避免重复设置,在混合选项中(斜面和浮雕、内发光和阴影)勾选使用全局光 。


  8. 创建图层的时候你便对它进行命名

  将设计稿发给重构之前对图层命名是件令人头痛的事情。因此不妨形成在创建图层的同时就给它命名的习惯。


  9. 使用径向渐变

  使用径向渐变有时候会看起来光达不到你想要的大小。试试使用角度和缩放来调整达到你要的效果。


  还可以用鼠标拖动光圈的位置


  10. 避免图层名添加后缀和图层效果扩张

  每次复制图层都在图层名称后面添加“副本”的字眼很是恼火?

  同时恼火的是每次复制粘贴图层效果的时候图层效果就会扩张?

  可以图层面板选项中将两者关闭。


  11. 努力做到非破坏的编辑

  通过使用智能对象和使用形状路径工具来画图做到一个非破坏性的工作流程。 当你发现自己需要重复编辑同样东西的时候这会帮你减少很多痛苦。


  12. 使用图层复合在同一文件中展示不同的页面

  你是将所有页面都创建在一个PSD中然后对图层可视进行打开和关闭来查看吗?

  此时图层复合就可帮助解决这个问题。

  勾选窗口 > 图层复合 即可打开图层复合面板。


  13.奇怪的投影尺寸

  Photoshop的怪异之处,投影增加了尺寸。投影的大小值设置为1px或者2px,投影将会产生同样的尺寸,如下图所示。


  14 .使用智能参考线来进行更为完美的对齐

  让Photoshop对你的元素进行智能对齐。 在视图 > 显示 > 智能参考线 处打开。一旦你使用过智能参考线,你会再也离不开它了。


  15. 在对文件作重大改变之前备份文件

  当你发现保存了自己不想要的变化,或者在撤销更改之前意外地关闭了文件,备份文件会大大减少你的痛苦。

  16. 双屏时调整同一个psd

  在双屏时不同的屏会有色差,可以通过双屏打开同一个psd来对比调整。

  打开一个psd后,选择 窗口 > 排列 > 为”XXX.psd“新建窗口 。


  17.创建一个icon库

  把你针对工具栏或者标签栏创建了矢量的icon,保存一份icon(保存完好无损的尺寸以便于编辑)到单独的PSD文件中,这样,你便不必下次再使用这些icon时到处寻找了。

分类:

  • PS入门教程
时间: 2024-09-30 01:05:00

Photoshop改进UI设计的一些心得技巧的相关文章

Photoshop CC UI设计提速技巧

作为工作繁忙的设计师,我们一直追求高效.敏捷地完成设计任务,那究竟要如何提升UI设计效率呢?本文将从软件.习惯.技巧等三个方面来阐述笔者的一些心得总结. 软件篇 工欲善其事,必先利其器.UI设计要更有效率,捷径就是从最常使用的Photoshop(下文简称PS)软件出发. PS软件更新很快,但出于对版本稳定性的追求,笔者并没有新版本出来就马上更新的习惯.而PS CC版本的出现,却改变了笔者的看法.用好PS CC,会在设计效率方面带来很大提升. 1.Photoshop CC精彩新功能 多重形状和路径

photoshop掌握UI设计的配色教程心得

给各位photoshop软件的使用者们来详细的说说掌握UI设计的配色的教程心得. 心得分享:   我们从小都能熟练地区分颜色,但为什么当我们需要运用色彩进行UI设计的时侯,却往往发现很难恰到好处地运用色彩,作出那些和谐得体.令人赏心悦目的设计来呢?--我觉得原因是我们对色彩的认识和实践不足,以及当我们做设计时,很容易会过度地使用色彩.作为设计初学者,你需要掌握基本的色彩理论,通过实践不断加深对色彩的认识,并最终能够熟练地运用各种色彩,搭配出平衡且使人愉悦的设计来. 在运用色彩的开始阶段,你可能会

CSS改进网站设计的三个技巧

网站设计技巧之一-用css技术构建文件 首先考虑一下搜索引擎运行的实事.搜索引擎机器人进入网站后,浏览网站上的内容,因为这些工具不会浪费过多的时间去寻找,所以网站的内容是越容易被搜索到越好.考虑到这个问题,有些网页的表述结构是不必要的,这时要去掉.在一个单独的css文件中这些结构会更容易储存.这就意味着,要用少量的HTML标签代替那些没有任何关系的表格标签,因为运用css规则可以更好地安排HTML标签.把大量的多余的标记去除以后,只剩下了安排合理的内容.这样搜索引擎就更容易发现网站并对网站做索引

UI设计提速秘笈:Photoshop CC使用技巧

作为工作繁忙的设计师,我们一直追求高效.敏捷地完成设计任务,那究竟要如何提升UI设计效率呢?本文将从软件.习惯.技巧等三个方面来阐述笔者的一些心得总结. 软件篇 工欲善其事,必先利其器.UI设计要更有效率,捷径就是从最常使用的Photoshop(下文简称PS)软件出发. PS软件更新很快,但出于对版本稳定性的追求,笔者并没有新版本出来就马上更新的习惯.而PS CC版本的出现,却改变了笔者的看法.用好PS CC,会在设计效率方面带来很大提升. 1.Photoshop CC精彩新功能 多重形状和路径

UI设计提速秘笈:Photoshop CC使用技巧

作为工作繁忙的设计师,我们一直追求高效.敏捷地完成设计任务,那究竟要如何提升UI设计效率呢?本文将从软件.习惯.技巧等三个方面来阐述笔者的一些心得总结. 软件篇 工欲善其事,必先利其器.UI设计要更有效率,捷径就是从最常使用的Photoshop(下文简称PS)软件出发. PS软件更新很快,但出于对版本稳定性的追求,笔者并没有新版本出来就马上更新的习惯.而PS CC版本的出现,却改变了笔者的看法.用好PS CC,会在设计效率方面带来很大提升. 1.Photoshop CC 精彩新功能 多重形状和路

PHOTOSHOP中改进IOS设计流程的诀窍

在本文中我(英文原作者)总结了在photoshop中设计ios软件时所遵守的方法.许多的技巧适用于一般的UI设计.注意:文中所提到的快捷键针对于Windows;Mac 用户可,Cmd对应Crtl键,Opt对应Alt键. 1.保持尺寸为偶数 你是首先针对Retina屏幕设计然后再对标准分辨率的进行缩小是吧?为了在标准分辨率下像素仍然保持完美的呈现,你需要保证大小和距离为偶数.具体的做法便是:基于2ps的网格设计.在编辑(Edit)〉首选项(Preference)〉参考线.网格和切片(Cuides,

3个简单的UI设计技巧

  我将为大家带来3种非常简单实用的UI设计技巧,这些技术和处理像素有关,只是简单地操作像素来使你的UI设计变得突出,但现在很多现代的设计潮流都经常使用这些技术,它确实有着不错的效果.它为设计带来了更加立体和触手可及的感觉. 1.像素阴影 像素阴影的UI设计技术实现起来非常简单,就是为图像增加一个像素的硬边投影.简单来说,就是在Photoshop的图层混合选项里选择投影,并将尺寸(Size)设为0,将距离(Distance)设为1px.由于只有1个像素的阴影,设计上不会给人过度使用的感觉. 2.

photoshop新手自学UI设计经验心得

给各位photoshop软件的新手的使用者们来分享一下自学UI设计的经验心得. 分享一览:   什么是UI设计 UI的本意是用户界面,是英文User和 Interface的缩写.从字面上看是用户与界面2个部分组成,但实际上还包括用户与界面之间的交互关系. 个人认为UI设计不仅仅是丰富原型稿和产品经理交接,一定程度上囊括了交互和视觉的部分责任. 日常任务和可交付成果 日常任务分为几个阶段,包括需求阶段.原型阶段.视觉阶段.前端及开发阶段.优化阶段.在整个项目流程中,UI设计师处于承上启下的关键位置

谷歌Android UI设计技巧:新的UI设计模式

本系列文章原是Android的官方开发者博客的一份Android UI设计的幻灯片,51CTO的译者将这份教程5部分进行翻译整理,希望对Android开发者能有帮助.本文为<谷歌Android UI设计技巧>第四部分:新的UI设计模式. 本文为<谷歌Android UI设计技巧>第四部分:新的UI设计模式.