不是专业的美工,一般前端工程师设计网页的时候,要用什么设计呢
一般会使用到ps、sketch、xd来做设计,如果你是mac系统的话,可以使用sketch,这是一个专门的UI设计工具,同时配合蓝湖来使用,不仅可以一键切图标注,还可以生成代码,直接复用。所以ps、sketch、xd和蓝湖都是前端工程师必备的设计工具
在Sketch里怎么切图
安装一个蓝湖Sketch插件可以自动切图。第一步: 通过蓝湖插件在Sketch中标记你需要生成的切图 。方法①: 用export标记切图 (忽略透明区域);方法② :用切刀工具(slice)切图(保留透明区域);第二步:通过蓝湖插件将页面上传至蓝湖。第三步: 在蓝湖Web端,双击设计图查看标注和切图。在这个页面,你家的工程师可以:①查看任意元素的大小、字号、距离等信息,并直接复制该信息对应的代码;②一键***切图文件。(注:蓝湖暂时无法识别出对symbol进行的切图哦)

在Sketch里怎么切图
安装一个蓝湖Sketch插件可以自动切图。第一步: 通过蓝湖插件在Sketch中标记你需要生成的切图 。方法①: 用export标记切图 (忽略透明区域);方法② :用切刀工具(slice)切图(保留透明区域);第二步:通过蓝湖插件将页面上传至蓝湖。第三步: 在蓝湖Web端,双击设计图查看标注和切图。在这个页面,你家的工程师可以:①查看任意元素的大小、字号、距离等信息,并直接复制该信息对应的代码;②一键***切图文件。(注:蓝湖暂时无法识别出对symbol进行的切图哦)

慕客怎么切图标注
慕课网的切图标注一般是由UI设计师完成的,他们使用专业的设计软件(如Photoshop、Sketch等)来完成切图和标注的工作。如果你是UI设计师,你可以按照以下步骤进行:
1. 打开设计软件,打开需要切图标注的设计稿;
2. 使用切片工具将需要切出的图片进行切割;
3. 将切出的图片导出为需要的格式(如PNG、JPEG等);
4. 在设计软件中使用标注工具标注需要的尺寸、颜色、字体等信息;
5. 将标注好的设计稿导出为需要的格式(如PDF、PNG等)。
需要注意的是,在切图标注时,要保证切出的图片尺寸和标注的信息准确无误,以便开发人员能够准确地实现设计效果。









