火星网校
UI设计技术的关键知识如何养成
发布时间：2023-12-19 11:15:14 浏览量：212次
工欲善其事必先利其器，作为如今已经成为，和未来即将成为的一名优秀UI设计师，对对产品的理解，天马星空的创意，这些都是可以滴，但是要将这些想法落地，就需要我们熟练并且高效的使用绘图软件。
UI设计和视觉设计最大的区别是，UI设计有很多的规范和技巧需要设计师学习，否则在做UI设计时你会经历无数的痛苦，痛苦遭受了但做的东西还不符合业界规范，这就费力不讨好了。今天就给大家分享一篇UI设计师必须知道的技巧。
1. 设置网格线 保持像素完美
不在1:1分辨率下也能保持像素完美，可以通过创建网格线来避免虚边的出现。编辑 ＞ 首选项 ＞ 参考线、网格和切片保持尺寸为偶数。
例如：设置网格线间隔为64px，子网格为64
2:自动对齐网格
平时画icon的时候会常常使用到二分一、三分一或者其他比例的线条，所以一般会对网格对齐功能进行关闭。而做界面的时候我们要求更加精准的界面，所以通常会开启网格对齐功能。
开启与关闭网格对齐方法：Ctrl+K 勾选“将矢量工具与变化和像素网格对齐”
3:图层自动选择
当做UI设计时，我不会将某个图层隐藏，可能是用AI习惯了｀｀｀我最喜欢的一个Illustrator一个原因是：无论你选择了什么，它会直接在工作区域显示，你也可以点击你想编辑的事物，它就会被选中。
但是在PS中，如果你想选什么，有三种方法：1. 去图层面板里选择;2. 按住CTRL 点击鼠标左键选择;3. 单击右键选择你要的图层(如果有很多图层的时候，上帝保佑你能找到它…)
其实PS中也是有类似于illustrator的工具——自动选择。选择工具栏里的移动工具后，上面的选项栏会粗线一个“自动选择”和一个下拉菜单，将自动选择打上勾勾，下拉菜单选择图层。欧了~现在你试试，无论何时都可以自由的选择图层了~
4:多窗口利用起来
如果你浏览过窗口菜单，你将会看到“排列”>为“**”，这个选项会为你当下的文件开一个新窗口。这样做的好处是：若你在其中一个窗口的图层里画画，另一个窗口会有同样的变化~简单来说，这就是一个文件的两个相同视图。在UI设计中我们经常会找一些素材作为参考，同事开启多个窗口会帮我们大大提升效率。并且当你制作一个文件，既需要线上发表，又需要打印出来，颜色模式一个是RGB，一个是CMYK那就更需要这种方法了。
五、捷径!—— 为图层或蒙版创建选区（这点开始以为大家都知道，结果｀｀｀）
按住CLRT键，点击图层缩略图，你将对图层里的文字或形状创建一个选区，如下图所示，用这种方法选文字和错综复杂形状非常方便。
等等别急，真正的精华来了，它不仅仅作用于图层，也适用于蒙版。你可以在矢量蒙版上试试。
六，操纵变形
用操纵变形转换一个图片时，只需点击 编辑>操纵变形，图片就会被很多线分成一小块一小块的。在每条线的连接点你都可以放置一个图钉，在一个图片中，你至少需要两枚图钉。可动的图钉为外黄里黑，不动的仅有黄色。使用操纵变形，你可以对图片进行部分移动，方法：在不需要移动的位置放置图钉，拉动你想要变换的区域。
删除图钉的方法是：按住ALT并点击需要删除的图钉。 PS，按住ALT键时，可动的(外黄里黑)图钉会出现一个大圈，然后左右拖动久可以产生变化了。
七、用“样式”来储存预先设置效果
当你做完投影、内阴影，渐变叠加等选项后，突然看见混合选项框的右边有个新建样式!轻轻点击它，就能保存你的制作，太省时间了擦。
另一种方法是选择有你想要储存的样式的图层，打开样式面板(或者在“窗口”选项里找)，然后点击“新建”样式(与新建图层图标一样)，最后储存。
然后在这个面板里，你可以看到你已经储存的样式(还有那些死挫的PS自带样式…)。赶紧滴，试试吧
八、拒绝取消，改用复位
这个估计很多老司机也不知道这个隐藏功能。处于新手阶段的筒子们一定觉得曲线和色阶调整挺难的，有些时候有些色阶结合或是其他的调整不能很好的融合，这就导致设计师不得不重新开始。通俗的对应方法是：点击取消按钮，或者重新打开调整面板。
不过这里还是有节省时间的小窍门~当你想要重新做一个曲线，不要直接点击取消按钮，按住ALT键，“取消”将会瞬间变身成一个叫“复位”的东西…
点击复位，曲线就会回到初始状态了~
ps这款软件，如今很多人活多或少的都会一点，有些人懂了些皮毛就以为自己精通了其实ps的奥秘还有很多，小技巧也有很多，需要咱们虚心去请教学习，这样才能持续进步。
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
10. 史上最全，平面设计UI设计必备的77个国内外素材、设计资源网站
ui设计社区,大神太多了。3、behance: https://www.behance.net/ ,著名设计... 对于品牌设计师来说,除了图案素材收集之外,还有一个很重要的,就是设计故...
最新文章
