• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > Photoshop改进UI设计的一些心得技巧

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

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了等相关知识,希望对您有所帮助

Photoshop是一个很强大的图像处理工具,但它有很多细节的功能我们可能忽略了,但就是这些细节却能帮助我们在UI设计的时候减轻很多工作,让我们更多得心应手的去做设计。


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

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

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

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

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

(2)Ctrl + T 选择变形。

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

例题1

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

例题2

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

3. ps cs6 隐藏路径

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

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

5. 保存样式

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

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

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

7. 设置全局光为90°

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

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

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

9. 使用径向渐变

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

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

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

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

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

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

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

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

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

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

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

13.奇怪的投影尺寸

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

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

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

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

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

16. 双屏时调整同一个psd

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

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

Photoshop改进UI设计的一些心得技巧,PS教程,站长图库

17.创建一个icon库

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


分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2022-04-29WordPress引入Dplayer并使用简码
  • 2022-04-29wordpress打开速度慢最佳解决方案
  • 2022-04-29PHP如何实现获取验证码
  • 2022-04-29PHP中连接符大于号、等号大于号的意思
  • 2022-04-29小程序怎样在页面传递对象数组?
  • 2022-04-29织梦DEDECMS首页调用单页文档内容并带过滤HTML的方
  • 2022-04-29Javascript如何实现json字符串与对象转换
  • 2022-04-29Phpcms V9调用Discuz X2.5论坛最新帖、最热帖、热门版
  • 2022-04-29PHP中mysql和mysqli的区别是什么
  • 2022-04-29WordPress建站教程,纯代码实现wordpress防止发布文章出现标题重复,自动检测重复标题文章

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 织梦CMS二次开发后台添加设置LOGO的功能
    • Photoshop设计绚丽闪电效果的网页宣传广告
    • 掌握PHP中对数组进行排序的正确姿势
    • Illustrator绘制超酷效果的立体字教程
    • Illustrator教程:如何导出已经设计好的按钮
    • Alexa优化技巧大全
    • 中小型网站排名的几点细节分析
    • css如何实现适配iphone全面屏
    • AI制作数字通道效果
    • 大文件怎么快速上传?来看看我的实现方法!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有