在进行网页设计时,AI和PS怎样协同工作的?
时间:2024-02-09 23:05:01 | 来源:网站运营
时间:2024-02-09 23:05:01 来源:网站运营
在进行网页设计时,AI和PS怎样协同工作的?:我是以平面设计为主,但是网页、UI、手机端有需要的话,也是要做的,因为一直是以AI排版、做图形为主,PS P图为辅,所以我不太可能因为现有工作偶尔的需求,就花大量时间去适应用PS做排版。
这个问题之前困扰过我,我目前的解决方案就是:用AI软件做网页设计
1、AI软件,在“首选项”中把“单位”设计成像素
2、和后期程序员沟通好,做什么尺寸,网页、手机、TV端、穿戴设备等这些尺寸都是不一样的,先最大程度弄清基础需求,千万不要去做那种先设计后调整的事情,说设计师苦逼,可能大多就是苦逼在这儿,这样的做事方式是不对的。
3、跟做平面的东西一样,做好前端视觉设计稿。
4、定稿后,分2步:
a、再新建一个AI文档,把里面的banner、图片、icon细心地单独挑出来,复制到新AI文档,AI里面可以用“画板工具”把每一个元素点一下,自动分画板,然后再一次性把这些画板输出PNG。
b、再把AI里的设计稿转存为PSD格式文档,上传到“蓝湖”,在”蓝湖“上邀请你的同事共享文档,这样就算完成了前端输出了。
ps.上传到蓝湖,是因为这个软件可以让开发自己查RGB色值、尺寸,巨好用,省了大把时间,缺点是,尺寸标得不是很细,不过不碍事,哪里标不到尺寸,你再自己补标一下给开发就好了。
当然也可以用“像素大厨”标注,这个软件我用得少,看官方介绍,也能实现共享和标注。
蓝湖:蓝湖
像素大厨:PxCook - 高效易用的自动标注工具,生成前端代码,设计研发协作利器
具体用什么软件不重要,以高效工作为目标,反正我就是提供一个我用过的一套流程,以供参考,希望能助你快速找到一种能适用于你所在工作环境的解决方案。