向团队推荐摹客

注册

摹客精选

分享产品设计技巧、案例、资源、工具、新闻，
与你一起精进设计。

那些年，UI设计师还在手工标注和切图时走的弯路

在我从事UI设计师这几年的工作中逐渐发现，最让人糟心的不是应付各种奇葩的需求，完成设计稿，而是交付。每次交付的设计稿和最后开发出来的产品总是让我心塞无比，很少最终产品和我的设计稿是完全一致的。UI设计师对接产品经理是个问题，UI设计师对接前端工程师是个问题。UI设计师处于整个产品开发链条中最为重要也是最为尴尬的一环，产品界面设计完全出自设计师，但是却不是由设计师来最终实现。根据我的经验，其实大部分...

5 min read
设计新手必看 | 早点下班之快速标注切图那些事！

对UI设计师而言，切图是一项琐碎，但又不得不完成的日常工作。当设计定稿后，设计师就需要将设计稿切成便于制作页面的一张张小图片，并且标注好间距、宽高等各个参数，然后再交付给前端用于编写html+css布局的静态页面。切图这事，其实不少设计师都在吐槽，十分浪费时间和精力，甚至还有部分设计师认为，切图应该由前端自己完成，因为最后的css是由前端自己去码，尺寸要多少、要什么倍率这些问题，前端自己是最清楚的...

5 min read
Figma 怎么切图？新手入门教程详解

Figma 是一个基于浏览器的协作的UI设计工具，其以轻量、便捷、跨平台使用、协同便捷的特点，迅速吸引了广大UI/UX 设计师们的喜欢。但是设计师经常遇到反复切图、交付开发等问题，所以借此机会分享一篇关于 Figma 切图的必要知识点和交付经验。一、Figma 切图技巧Figma 内可直接对图层标记切图或添加切片，支持单个图层切图、画板切图，为设计师们节省了宝贵的输出时间~ ，同时在开发模式也支持...

5 min read
还不知道Sketch怎么切图？教你秒学会！

Sketch 是一款深受设计师喜爱的设计工具，它提供了强大的设计能力，可以满足超多的界面设计、移动应用设计场景。同时，它自身也带有切图功能，能够将设计素材快捷地交付前端开发，本文将介绍如何在 Sketch中高效地进行切图，以及一些更高效的切图方式，让你的设计工作更加流畅～一、Sketch 切图教程当设计师所有的界面设计完成后，就需要进行切图了。Sketch 自身切图方法有两种，分别是使用切片工具和...

5 min read
设计1+2，摹客就够了！

全能设计协作平台，
产品经理用RP，UI设计师用DT
免费使用

电话咨询

咨询热线

工作时间：9:00-22:00

191 3067 1449