服务时间:8:30-18:00

首页 >UI设计网

怎么整理图层

发布时间:2022-08-14 15:51 字数:1117字 阅读:168

怎么整理图层?图层整理也是一种设计,是对图层结构的一种思考,它不仅有利于清理设计完稿后多余的设计元素和图层,还可以提高文件共享流程中协同修改的效率。

整理图层

整理图层就像是整理生活中的衣柜,如果乱七八糟地堆放各种东西,那么在下次找东西时肯定无从下手,一是浪费时间,二是不知所措。

在设计工作中,你会遇到这样的情况吗?当你拿到同事的文件,被眼前井井有条的图层结构所吸引,并且立马能找到相关的元素,这时你会感叹“哇,好专业的psd文件”。但是,当你在遇到下面几种情况时,就会抓狂。

①在很多个图层中,找到1像素的小细节。

②打开psd文件时,运行速度特别慢。

③图层杂乱无章,没有分组整理。

如果你有图层不分组的坏习惯,那么就有必要从现在开始,好好整理一下自己的图层结构,以便让团队协作更快速和高效。图层整理术的优点如下:提高团队协作能力;快速找到相关图层;文件更专业。

1.三招图层的整理方法

用前端开发中的代码对图层命名

分组时可参考网页代码的结构定义来对图层进行命名。这种定义分组的方式常用于网站界面设计中,根据前端代码的书写基础结构来对页面元素进行分组,可以更方便地与前端工作人员进行对接。

?按页面内容对图层命名这种方式常用于电商类的专题促销中,以不同的区块进行命名,如头图区、内容推荐区、返回区等。当然,命名的方式不一定局限于此,重点是培养自己图层整理的习惯,利于自己,方便他人。

按页面内容对图层命名

这种方式常用于电商类的专题促销中,以不同的区块进行命名,如头图区、内容推荐区、返回区等。当然,命名的方式不一定局限于此,重点是培养自己图层整理的习惯,利于自己,方便他人。

对图层组添加颜色的区分

利用Photoshop的图层分组颜色属性,快速整理相应的图层。例如,红色组用于重点图层,蓝色用于区别次要图层等。

2.图层整理的两大好处

让每个图层都有用处

设计出稿前的最后一步就是梳理设计并删除多余元素。在最终完稿中,要对该文件中的图层进行必要的梳理和分组,分组建立图层组的最大意义在于逐一删除页面中多余的图层,使呈现在页面上的设计更简洁、实用。

在梳理图层时,可以发现在设计过程中有意或无意添加了许多重复的、无用的元素或图层,删除它们就是对设计作品的简洁化整理,不留多余的图层,让每个图层都有存在的意义。

提高工作的效率

图层分组的最大目的就是为了可以很快速地找到需要的图层,方便前端和其他合作人快速了解图层结构,找到相关的内容。同时,让自己更有逻辑性,更高效的工作。

对图层的整理,更像是设计中感性与理性的思维碰撞,前者用于创造内容,后者用于整理内容。

养成良好的整理习惯有利与合作者和同事之间的协作,工作效率会相当明显。