图层知识五个图层相关的技巧和方法(图层知识五个图层相关的技巧有哪些)-东辰网

图层知识五个图层相关的技巧和方法(图层知识五个图层相关的技巧有哪些)

本文主要介绍五层相关的层知识、技巧和方法(层知识五层相关的技巧有)，下面跟着东辰网详细了解一下吧。

写在前面

你遇到过以上的情况吗？当你打开一个同事s档还是自己的档，有以上反应吗？

1.关于层次的排列，也是一种设计，是对层次结构的一种反映。不仅有利于在设计完成后清理无用的设计元素和图层，还可以提高协改在整个工作流程中的作用。

整理层次就像整理生活中的衣柜。如果把各种衣服胡乱堆起来，下次找东西的时候肯定会无所适从。一个是浪费时间，一个是不知所措。

(图片来自Helo创)

当你有一个同事的文件，并被你面前组织良好的层结构所吸引，并立即找到相关的元素，然后你会感叹哇！多么专业的psd。

但当你遇到以下情况时，你会有一颗揪心甚至想死的心:

1.千层万层，如何快速找到1px的小细节，要不要扔键盘？

2.PSD开的特别慢的时候要不要掉鼠标？

3.当图层杂乱无章，没有分组的时候，你要砸电脑吗？

此时此刻，如果你发现自己有不分层的坏习惯，那么从现在开始，从自己做起，好好清理自己的分层结构，才能让团队合作更快更高效。

2、层层整理提高团队协作能力的优势

快速查找相关图层

文档更专业。

3.层分组在前端开发中按代码命名排序。

例如，分组时，可以参考web代码的结构定义来定义层的位置:

这种定义分组的在网站界面设计中经常使用，页面元素按照前端代码的编写基础架构进行分组。和前端的同学联系更方便。

按页面内容对图层进行分组。

这种在电商的专题推广中经常使用，通过不同的区块来命名，如:头部区、内容推荐区、返回区等。

当然，命名不一定局限于此。重点是培养一种层次排列的设计习惯，对自己有利，也方便他人。

区分图层组的颜色。

利用Photoshop图层对颜色属性进行分组，用颜分不同的信息，用于快速区分对应的内容；例如，红色组用于关键图层，蓝色组用于区分次要图层。

4.层排列的三个好处1。设计草稿前的最后一步，梳理设计，删除多余元素；

2.在最终的草稿中，需要对文件中的各层进行整理和分组。通过分组建立一组图层的最大意义是将页面中多余的图层逐一删除，使页面上呈现的设计更加简洁实用；

3.在梳理各层的时候，我们可以发现很多权重都是在设计过程中有意无意添加的。复杂而无用的元素或层。删除它们是对设计作品的简洁整理；不超过一层，每一层都有必要的意义；

5、快速找图层的三招其实图层分组后，找图层会相对简单，图层分组最大的目的就是立刻找到图层，立刻看到页面结构。

这种工作也更方便同组的前端同事和设计同事快速了解图层结构，找到相关内容；

1.添加选区:按住Shift键并单击一个元素，将相应的图层添加到一起并选择它们(在“图层”面板中选择的图层此时将高亮显)。

2.框选择:选择自动选择和层选项，然后放大画布，或者绘制一个包含所需对象的选择框。(所选图层除)

3.单击:按住ctrl+单击对象，它将被选中。

4.排查

学完这五个技巧，你应该对图层排列有了很大的提升。