菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

设计标注话题

首页
设计文章
设计标注

UI 6.1w

超全面的 UI 工作流程指南（六）：切图标注

完整的 UI 设计流程到底是怎样的？从需求到产品上线，要经历多少个阶段，每个阶段有哪些应该掌握的基础知识，本次优设独家专题为你从零开始梳理出 UI 工作流程，适合新手阅读学习。

2019-08-21

土拨鼠

教程 3.3w

用4px网格设计方法，让你的设计还原高达 95%！

如何精确视觉规范，又能兼顾开发实现？本文提供了一套设计方法，旨在更加严谨地实现规范化，精确化，在设计与开发之间保持平衡。

2019-06-25

程远

4px网格设计

教程 4.4w

该如何做切图标注，才能让开发把你夸上天？

切图标注作为连接 UI 设计到技术开发两者的工作模块，是不可或缺的。本文列举了基础的切图标注方法和规则，适合新人设计师学习。

2019-06-12

程远

UI 3.7w

用一篇干货，让你掌握「切图标注」这个知识点！

编者按：本文是一篇写给新手的科普指南，从切图的发展史到基础知识，以及常见的术语解释，都有详细的说明，非常适合刚入门的 UI 设计师学习。一、目的为了能够满足开发人员对于效果图的高度还原需求。二、发展最早开始的切图/标注都是设计师手动进行，花费的时间长不说，开发人员看到的也通常是一个页面标满了混乱不堪的红色尺寸。

2018-12-16

程远

神器推荐 7.3w

这3个方法，让你的Axure 也能实现自动标注！

Axure 制作 toB类项目的 Web端原型比较常见，可以将原型做得非常系统、交互逻辑逼真，适用于大部分测试和演示等场景中。甚至很多设计师直接使用 Axure 制作高保真原型，对于这些设计师，尺寸标注成了一大难题。如今，主流的原型设计工具都标配了自动化尺寸标注功能，然而即使是最新发布的 Axure9 依旧没有这一功能。

2018-11-19

程远

UI 2.5w

春节专题！App 设计系列之切图的命名规范与标注说明

写这篇文章也是总结了以前刚接触的时候遇到的问题，还有来自其他朋友的提问。关于切图的命名规范给人的第一印象就是全英文，看不懂，让很多人望而却步，当你有所了解之后，你就会发现其实没那么复杂。本文主要为了给想了解命名规范的朋友解解惑。

2018-02-19

程远

教程 4.7w

UI实战教程！从零开始做APP 系列之切图标注篇

UI 设计师从零开始做一个App 要经历哪些流程？这个系列的文章会为新手一一讲解。本篇会为你讲解切图标注的要点和技巧，实用高效，新手来收。

2017-06-22

程远

UI 1.3w

授人以渔！用一个清晰的思路帮你掌握移动界面标注

授人以鱼不如授人以渔，我写文章的目的并不是让大家完全按照我的方法来做，而是希望我们都能提高自己的思维方式，因为现在网上的方法与经验实在太多（又不能确定都是正确的），你的大脑永远无法承载整个互联网的信息容量，所以与其看那多内容，不如从根源上提高自己拆解、分析、总结的能力，这样无论以后你遇到什么样的问题，都能够迎刃而解。今天我们要聊的内容是“移动端界面标注”。随着Sketch的普及，标注已经越来越自动化，但也正因为这样，一些没有经历过PS 时代的同学根本不了解标注的原理，从而导致输出的标注不够规范。

2017-03-04

程远

神器推荐 2.7w

支持双平台！真正解放双手的智能标注神器PxCook

标注和切图一直以来都是UI设计师身上的两座大山。有时候一个稍微复杂的页面，切图标注就要花费很多时间，所以今天给大家详细介绍这款智能标注神器，帮你彻底解放双手！PxCook（像素大厨）是一款切图设计工具软件。

2017-03-04

程远

神器推荐 3.4w

效率之王！智能标注神器PxCook 2.0的新版功能全揭秘

@FancyNode ：一直以来UI设计师身上有两座大山——标注和切图。目前现有的几款标注软件主要有两种形式：一种是基于图片，一种是通过PS插件完成标注。前者需要手动拖拽标注和手打录入文字属性；后者安装繁琐，版本兼容问题多，生成的标注修改麻烦。

2016-09-26

程远

教程 1.9w

这个必须收！如何让开发人员按照UI标注还原设计？

当一个开发工程师屡次发问「这里让我移1px有什么意义，我为什么要浪费时间这么做」且拒绝修改时，如何让这位开发理解、认识到修改的重要性？作为见惯了游戏公司策划、程序、美术上演三国演义的人，让@逍遥老李来终结这个话题吧。首先回答问题，程序员不配合，90%以上的情况是需求人员工作不到位。

2015-10-16

程远

教程 10.0w

UI设计师怒转！如何做一份让工程师泪流满面的标注？

在搬着小板凳坐工程师 Buddy 旁边送果汁送零食的日子里，我受 Google Material Design 的启发，折腾出一套自认提高双方沟通效率的标注规则，心情挺好还为此做了模板，最下面有源文件的下载地址。本文为作者授权优设发布，未经作者本人授权请勿转载，谢谢：）为什么传统的标注方法让人难受？没错，Markman 是传说中的标注神器，看起来也确实方便快捷，但是当一个页面中，要同时标注间距、大小、颜色和字号时，过多的信息一齐扔给工程师，就会让人有些抓狂。

2015-07-08

程远

交互说明文档

没有更多文章了

大家都在看

干货大合集

文章 165

设计理论

文章 129

产品设计

文章 478

ui设计

文章 860

B端设计

文章 150

版式设计

文章 189

界面设计

文章 154

入门

文章 162

设计师干货

文章 218

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc411

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注