用户界面设计的规范性显得尤为重要。 　　　　一些事　　　　一、界面效果的整体性、一致性yixieshi　　　　手机软件运行于手机操作系统的软件环境，界面的设计应该是基于这个应用平台的整体风格，这样有利于产品外观的整合。 　　　　yixieshi　　　　1、界面的色彩及风格与系统界面统一互联网的一些事　　　　软件界面的总体色彩应该接近和类似系统界面的总体色调，例如：系统色调以蓝色为主，我们的软件界面的默认色彩最好与之吻合，若使用与之大相径庭的色彩，比如大红、柠檬黄，色彩的强烈变化会影响用户的使用情绪，假想你买了一款从外观到系统界面都很满意的手机，操作的时候突然发现内置的应用软件和系统界面不统一，你会有何感想呢?第一感觉不好的东西我们的用户还会去用它吗?所以我们要知道手机的外观和系统界面已经是由手机制造商根据用户审美习惯定制的，它应该有他们的审美群体，我们要给这款手机做软件就应该有效地利用制造商基于此款手机的审美特征，以赢得喜爱此款手机的用户，使他们对系统界面的肯定和喜爱有效的转移到我们的产品上来。当然合理地结合系统界面进行设计还包括图标、按钮的风格及在不同操作状态下的视觉效果。互联网的一些事　　　　2、操作流程的系统化互联网的一些事　　　　手机用户的操作习惯是基于系统的，我们的界面设计在操作流程的安排上，也得遵循系统的规范性，让用户达到可以使用手机就会使用我们的手机软件，简化用户操作流程一些事　　　　二、界面效果的个性化　　　　一些事　　　　是不是我们追求整体性和一致性，就忽略软件界面的个性化呢?整体性和一致性是基于手机系统视觉效果的和谐统一而考虑，个性化是基于软件本身的特征和用途而考虑。因此这一点也是不容忽视的!一些事　　　　1、特有的界面构架　　　　yixieshi　　　　软件的实用性是软件应用的根本，我们设计应该结合软件的应用范畴，合理的安排版式，以求达到美观适用的目的，这一点不一定能与系统达到一致的标准，它应该具有它所具有的行业标准，例如:证券交易、地图操作等界面特征，需要分析软件应用的特征和流程制定相对规范性的界面构架。界面构架的功能操作区、内容显示区、导航控制区都应该统一规范，不同功能模块的相同操作区域的元素风格应该一致，让用户能够对不同的模块的操作迅速掌握。从而也使整个界面统一在一个特有的整体之中。 　　　　互联网的一些事　　　　2、专用的界面图标　　　　一些事　　　　软件的图标按钮是基于自身应用的命令集，它的每一个图形内容映射的是一个目标动作，因此作为体现目标动作的图标，它应该有强烈的表意性，制作过程中选择具有典型行业特征的图符，有助于用户的识别，方便操作。图标的图形制作不能太繁琐，要适应手机本身显示面积很小的屏幕，在制作上尽量使用像素图，确保图形质量清晰，如果针对立体化的界面，可考虑部分像素羽化的效果，以增强图标的层次感。互联网的一些事　　　　3、界面色彩的个性化设置　　　　互联网的一些事　　　　色彩影响一个人的情绪，不同的色彩会让人产生不同的心理效应，反之不同的心理状态所能接受的色彩也是不同的，不断变化的事物才能引起人的注意，界面设计的色彩个性化，目的就是用色彩的变换来协调用户的心理，让用户对软件产品时常保持一种新鲜度，它是通过用户根据自己的需要来改变默认的系统设置，选择一种自己满意的个性化设置，达到软件产品与用户之间的协调性。在众多的软件产品中都涉及到了界面的换肤技术，在手机的软件界面设计过程中，应用这一个性设置可以更大的提升软件的魅力，满足用户的多方面需要!在具体操作实现的过程中，色彩的搭配显得尤为重要，要考虑图标色彩与换肤色彩的色彩反差和效果的统一，以不至于造成花、乱的界面效果。一些事　　　　三、界面视觉元素的规范。互联网的一些事　　　　1、图形图像元素的质量　　　　一些事　　　　尽量使用较少的色深表现色彩丰富的图形图像，既确保数据量小又确保图形图像的效果完好，使图形图像在软件系统中所占数据量尽量减小，提高程序的工作效率。

现在做设计，如果说你是平面设计师，不足为奇，如果说你是网页设计师，哎哟，不错哦，如果是你是设计APP界面设计师的，那也许听着就有点不让人明白了，后来看看他们手机上安装的各种应用，才明白，移动APP界面设计师是做什么的。 本文不讲述移动界面设计师的介绍，总体来说是针对移动端APP应用做的界面设计，但是很多人不清楚移动APP界面设计师的工作流程是怎样的，在此，北大青鸟ui培训老师带你一步一步了解。第一步：交互流程设计APP的交互流程设计，简单来说就是构造框架，像造房子一样，有了清楚的平面图纸才可以增砖添瓦，设计交互流程时应该对应用的功能需求有清晰的把握。第二步：风格定位比如说图片分享类应用图片是最重要的视觉元素，应用的设计风格应当符合视觉流程，table需要引导用户操作。第三步：功能icon设计功能图标即在你的应用中，充当表达某一操作或功能示意的图形，功能图标设计应极可能形象，简洁，以准确表达其代表的功能。第四步：界面视觉效果整体优化选用图片的时候，应该尽量按照应用的风格选取，比如这APP主打是图片分享，那么可以选取视觉靓丽，有冲击力的图片添加分享。第五步：应用icon设计对这款APP进行最终的icon设计，能够最优化的，最靓丽的代表这款APP的特色，品牌等形象。第六步：完稿交接软件工程师我们做移动界面设计，做的是各个页面的形象，具体功能实现是需要与软件工程师沟通的，在能够完成软件开发的情况下，进行一步步的界面设计，最大化增加用户体验，吸引用户，最终完美的完成这份设计。 以上内容是作者对我们学习UID培训课程的同学在以后的移动界面工作当中的一个工作流程的简单介绍，以后学员如果在UID培训课程当中学习到第三阶段的界面设计课程的话，一定要好好研究，老师对于界面设计的操作流程一定会更加的细致讲解。

1、学习软件知识 包括掌握Photoshop、Axure、Illustrator、sketch、蓝湖等常用软件。另外，制作原型，界面，图标制作，素材制作，切图等等相关步骤的软件都需学会。软件是是设计师的基础，新手刚入门可以先从这点入手。娴熟的技法，是完美展现设计作品的必备条件，要熟练掌握好。2、临摹作品对于刚入门的UI设计师来说只要去图库网站找一些素材，借助工具进行修饰即可，其实这只能锻炼你的借鉴能力，当你的技法娴熟到一定程度，就可以尝试临摹。通过临摹，一则用来强化技法层面的能力，二来也能提升初学者的创新能力。临摹的内容，可以有两方面选择：一种是系统自带的图标，另一种则是行业牛人的设计作品，捉摸他们的设计风格、思想和细节，都能加深对设计的认识3、掌握平面设计理论知识包括要掌握构图、排版、色彩和图形的基础理论知识。学习的途径毋庸置疑我们首选从书本获得！4、锻炼手绘能力。成为一个优秀的UI设计师需要一定的手绘能力，为什么？首先，在纸上的动手能力比在软件上完成较快速，效率有一定提升。 另一方面，通过手绘，能突出自己创作的与众不同，甚至能够从“乱涂乱画”中得到灵感。没有美术基础的小伙伴也不要太担心，这些后天可以勤加练习弥补的。
UI设计的知识内容包罗万象，品牌视觉设计、基础软件操作、电商设计等等。我们单从UI交互设计这个分支部分来看，需要学习的知识点如下： Sketch美妆项目页面制作与移动端界面设计规范UI架构层夯实-图标设计使用场景与设计规范、UI架构层夯实-导航范式与结构流式设计、UI架构层夯实-运营Banner组件化与活动胶囊设计UI运营品牌IP植入-启动页设计、UI运营品牌IP植入-引导页与ASO市场推广页设计、UI运营品牌IP植入-弹窗页设计移动端界面分类强化、PC端网站流程、PC端设计规范 、PC端页面设计制作项目流程介绍、项目产品分析-强化产品感与逻辑交互技能树-用户体验基础技能锻炼、交互技能树-全局交互文档、设计趋势与风格定位安卓Material设计语言规范、UI视觉表现强化与评审、公众号与小程序设计、开发工作流程切图标注适配、AE图形动效与情感动效 项目互评与复盘 项目整合与答辩
其实想要学习UI设计也没有想象的那么难，只要找对好的学习方法是可以让你很好的学会这门技术的。 UI设计是个专业，要学习的内容还是比较多的，所以下边给小白同学一些学习建议，一般学习UI设计可以分为以下4个阶段。第一阶段：素描手绘也就是素描手绘这块，这个对于后期的UI设计有一个帮助。但并不是最重要的。（这个可以平时自己手动多画一下）第二阶段：软件学习现在的UI设计师一般要掌握以下几个软件，比如PS 、AI、 AE、 AXURE 等等。第三阶段：理论学习这个有内容就有点多了，因为是养成思维的必经之路。比如配色、排版、字体设计三大构成，消费心理学、沟通学，以及思维导图、原型图，还有交互逻辑、规范、切图、了解程序、互联网思维、用户体验，还有一些网络营销都是需要学习的，因为这和产品商业价值有关。第四阶段：临摹原创前面的理论软件都会了，接下来就是临摹作品，及原创作品了。然后就是不断的做项目，参与互联网各种UI大赛及一些兼职网接单兼职，和去互联网公司做UI设计工作等。之后不断的逛一些比较不错的设计素材网站，长期坚持下去就能把自己的设计水平慢慢提升。 通过以上4个阶段学习下来，你会发现虽然基本的你都会了。但是你不一定就是一个名副其实的UI设计高手。
一个合格的UI设计师需要掌握的技能如下： 1、软件能力。软件是最基本的设计，UI设计工具如插画、PS、AI、AE等，还有原型图形软件，比如arp。另外，你还需要学习C4D、DWD等软件。2、理论知识。包括理解构图、排版、颜色和图形的基本理论。3、审美能力。UI设计行业注重用户体验，良好的审美能力可以帮助设计师做出令人满意的作品，即良好的用户体验作品。 4、交互思维。界面设计人员的界面仍然需要为产品设计服务，因此界面设计不仅要停留在审美思维中，还要考虑界面的逻辑和界面元素的布局。
Ul设计学习内容： 1、UI用户设计基础（UI行业发展及UI设计师职业规划，美术基础，平面设计基础，图形与创意设计，网页设计基础，交互式网站）；2、移动界面设计(图标创意思路与方法，图标的创作设计，主题图标设计，los系统Android系统Windowsphone系统，UI设计实训课程）；3、交互类（UCD，交互设计高级技术）；4、流程设计（界面开发对接，流程管理，移动媒体综合开发实训）； 5、综合项目实训及就业（根据所学内容，选择一种移动平台(lOS/Android/Winphone)。

界面配色方法在UI色彩设计中，色彩运用不是凭空产生的，设计师需要结合品牌特性全面考虑整个界面色彩之间的关系，遵循相应的设计原则，这样的配色才是合理的。①互补色对比。合理的互补色运用能对UI整体色彩进行有机的调节和缓和，因为互补色可以丰富和刺激用户的视觉感受，它是解决色彩平淡、没有生机和用户视觉疲劳的一种手段。好的互补色设计会使UI锦上添花，提升用户体验。②色调对比。恰到好处的冷暖色调对比会使画面更加协调和丰富，使UI的色彩不至于太过单调。冷色调使人清醒、冷静且保持理性;暖色调使人狂热、欢乐和感性。③明度对比。合理的明度对比可以缓解视觉疲劳，使用户在操作中格外舒适。敏感度的对比会给用户展现设计的情感在里面。④纯度对比。虽然饱和色比暗淡色更能吸引注意力，当色彩与周围对比强烈时，即使是暗淡的颜色也能吸引注意力。小面积饱和、明亮的色彩比大面积柔和的色彩更能吸引注意力。⑤主次对比。主体色彩和辅助色彩若都过于抢眼，就不易区分主次。整个界面的色彩设计应做到既能分清主次又能达到和谐统一，若不协调好色彩各方面之间的关系，界面就会显得凌乱。总之，UI界面设计中的色彩搭配可以给用户带来丰富愉悦的视觉体验，提升用户的审美水平，这样也足以可见其重要性，想要学习设计的小伙伴们，大家可要仔细研究哦!

一、字体iOS的字体：中文字体：苹方 / PingFang SCCSS：Font-Family：PingFang SC英文、数字：HelvetialAndioid的字体：中文字体：思源黑体 / Noto Sans Han英文、数字：Roboto二、规范1、  iPhone界面尺寸2、  iPhone图标尺寸3、  iPad的设计尺寸4、 iPad的图标尺寸5、 Andioid的图标尺寸6、Andioid的dp/sp/px换算表三：小结iPhone的主流设计尺寸：750x1334 px1242x2208 pxAndioid的主流设计尺寸：720x1280 px1080x1920 px
用户界面设计包含为机器和软件创建的所有界面设计，例如网站和移动应用程序的外观，以及它们的方向和易用性。GUI设计在用户与应用程序或网站的交互方式中起着至关重要的作用，这意味着唯一良好的UI设计是实现简化和无缝体验的设计。 用户界面设计要遵循哪些原则？1、明确。对任何界面而言，“明确”是首要的也是最重要的一点。设计师们在设计的时候，要去关心人们为何会使用这个应用，去了解什么样的界面是能帮助他们与之互动的，去预测人们在使用时的行为并能够成功地反馈给他们。2、交互。界面的存在是为了让人和我们的世界产生互动。它的功用和效果是可以被测量的。但是它们不是功利性的。优秀的界面不但能够让我们做事有效率，还能够激发、唤起和加强我们与这个世界的联系。3、直观操作。要抓住直观操作这个最初的目标，界面设计要尽可能的简洁，更多的可识别的惯用自然手势。理想情况下，界面会变得非常细微，用户在会有直观操作的感觉。4、让用户掌控一切。人们会在自己能掌控的环境中感觉最舒心、最放松。通过定期的梳理系统状态，描述因果关系，并且在每一步操作都给出提示，让用户感觉每一步操作都在他的掌控中。5、遵循用户行为。人总是对符合期望的行为最感舒适。因此，设计出来的元素，看起来应该像它们本身特征一样。在具体操作中，这意味着用户只要看到这个界面元素，就应该能猜测出这个元素是做什么的。6、前后一致。为了保持一致性，新手设计师通常在会把相同的视觉处理(重用代码)方式用在，应该用不同的视觉处理方式的元素上。7、视觉层次。强烈的视觉层次会让画面有清晰的浏览次序。如果要在画面中添加一个视觉强烈的元素时，设计者应该要重新调整页面上所有元素的重量分配，来达到强烈视觉层次的效果。 了解用户界面设计原则是你做出优秀作品的必要条件，而掌握UI设计师必备的技能才是你决胜高薪的关键。
在百度文库搜索一下“UI设计(流程/界面)规范”吧 节摘：规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。 1.2范围 l界面设计l此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。 1.3 概述UI设计包括交互设计，用户研究，与界面设计三个部分。基于这三部分的UI设计流程是从一个产品立项开始，UI设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节，履行相应的岗位职责。UI设计师应全面负责产品以用户体验为中心的UI设计，并根据客户（市场）要求不断提升产品可用性。本规范明确规定了UI设计在各个环节的职责和要求，以保证每个环节的工作质量。 1.4基本介绍 A、需求阶段 软件产品依然属于工业产品的范畴。依然离不开3W的考虑（Who,where,why.）也就是使用者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人...
UI 设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI 设计分为实体 UI 和虚拟UI，互联网说的 UI 设计是虚拟 UI, UI 即User Interface(用户界面)的简称。 UI 设计师的职能大体包括三方面:一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量 UI 设计的合理性。UI设计目前的前景还是很不错的，很多企业都缺少 UI设计师。而且可以看到的是，现在社会的发展，更多的智能机和智能机器人研发出现，这些都离不开UI 设计师。所以说 UI 设计的是很有前途的，是不会失业的。而且 UI 设计门槛不高，要入门也不难的。从工作内容来说，UI 设计在当前的互联网领域、科技领域可以说无处不在，好的 UI 设计能够明显提升用户的使用体验,从而给产品带来更多的附加值,所以UI 设计对于互联网产品是非常重要的。目前 UT 设计通常分为两个大的工作方向，一个是交互设计,另一个是视觉设计。 总的来说，UI 设计相比较于编程而言，还是非常适合大众学的并且就业前景很广阔。学完 UI 设计，能获得一份稳定而又不失乐趣的工作，同时有利于追求更高品质的生活，在艺术领域可以获得更多的启迪。
想要学习UI，那你知道UI设计的基本规范有哪些吗?一、设计原则统一性：每个设计应该是统一的，不能有太多个性差异化的特征;内容：用户更多关注的是内容，而非设计本身;确定性：在设计中减少不确定的因素，和预期。二、色彩系统设计中三大元素，色彩，字体，图形，我们在建立一个系统时候，色彩是很重要一部分，我们需要定义好我们整个系统的色彩架构体系，色彩体系一旦建立好，后面我们的设计都将围绕这些色彩进行设计，色彩包括：品牌色、辅助色、字体黑白灰颜色、不可用颜色、超链接颜色、成功或失败颜色，主色盘,辅助色盘,色盘延伸等。三、图形图形，设计中很重要元素之一，我们插画风格图形如何定义，图标，背景图形都属于图形一部分。插画在设计运用类型有几种，比如atlassian对于他们插画类型进行了规范，插画需要有隐秘和故事性在里面，插画必须有构建的感觉，定义了人物特征以及颜色规范。包括对于空白页图形定义，对图标风格定义，包括色彩关系，对于头像，定义了有五官和无五官风格定义，包括整个规范的正确示范和错误示范,图标规范等。四、栅格系统栅格是为了保证页面中更好的布局，保证布局统一性。栅格系统里面又分最小单位和间距，在airbnb中对于间距，他们运用了8的倍数，所有的规范都是很有弹性的，8，16，24，48，64来建立。网格系统中的列,也有叫栏,网格系统中的行,网格系统中的水槽,网格系统中的边距。五、字体界面中出现最多的内容字体，字体除了传统意义上大小之外，还有字间距、行间距、字重对比、字体颜色等。字重，就是字体粗细，通过字重可以加强层级;字体大小以及运用场景，字体在界面中什么样场景运用多大字号，以及对应的字间距，行间距等等都是需要我们去定义的;字体颜色，什么时候用品牌色，成功，错过，超链接出错等等各个状态的颜色如何去定义，后面文章我会详细说明。六、投影在设计系统中我们需要定义好投影关系，投影需要去定义不同的强度大小，以满足页面中需要，一般通过透明度，以及投影远近来定义。七、图文关系图片和文字在界面中如何处理，多色调如何运用，黑色图片上放文字怎么处理，白色图片放文字如何处理都是需要我们去详细定义的。设计一套设计语言是一个很复杂的过程，前期一般需要比较资深的的设计师来完成，设计完成后，对于基础的颜色，字体不要经常变动动，成本会比较高，至少需要保证这些基础元素，一年内不要频繁变动，今天和大家分享的只是一个大概框架，后续我将会拆解里面每个模块，逐步和大家分享如何去设计一个语言。八、边距和间距在移动端页面的设计中，页面中元素的边距和间距的设计规范是非常重要的，一个页面是否美观、简洁、是否通透和边距间距的设计规范紧密相连，所以说我们有必要对它们进行了解。全局边距全局边距是指页面内容到屏幕边缘的距离，整个应用的界面都应该以此来进行规范，以达到页面整体视觉效果的统一。全局边距的设置可以更好的引导用户竖向向下阅读。卡片间距在移动端页面设计中卡片式布局是非常常见的布局方式，至于卡片和卡片之间的距离的设置需要根据界面的风格以及卡片承载信息的多少来界定，通常最小不低于16px，卡片间距的设置是灵活多变的，一定要根据产品的气质和实际需求去设置，平时也可以多截图测量一下各类 APP 的卡片间距都是怎么设置的，看的多了并融会贯通，卡片间距设置自然会更加合理，更加得心应手。内容间距一款 APP 除了状态栏、导航栏、标签栏、工具栏和控件icon就是内容了，内容的布局形式多种多样。格式塔邻近性原则认为：单个元素之间的相对距离会影响我们感知它是否以及如何组织在一起，互相靠近的元素看起来属于一组，而那些距离较远的则自动划分组外，距离近的关系紧密。九、内容布局在 APP 的设计中内容的布局形式多种多样，最常用的两种布局形式就是列表式布局和卡片式布局。列表式布局列表式布局方式非常普遍，随便打开一个 APP，基本都存在这种布局方式，其布局形式的特点在于能够在较小的屏幕中显示多条信息，用户通过上下滑动的手势能获得大量的信息反馈。而列表也是一种非常容易理解的展示形式。卡片式布局形式非常灵活。其特点在于，每张卡片的内容和形式都可以相互独立，互不干扰，所以可以在同一个页面中出现不同的卡片承载不同的内容。而由于每张卡片都是独立存在的，其信息量可以相对列表更加丰富。在使用卡片式布局的时候要注意卡片本身一般是白色的，而卡片之间的间距颜色一般是浅灰色，当然不同产品风格颜色可能不一样，有些是浅灰色偏蓝等。十、界面图片设计比例在 UI设计中，对于图片的尺寸和比例没有严格的规范，设计师往往凭借经验和感觉设置一个看起来不错的尺寸，但事实上我们是有章可循的。运用科学的手段设置图片的尺寸，可以获得最优的方案，常见的图片尺寸有16:9、4:3、3:2、1:1和1:0.618(黄金比例)等。十一、APP版式设计规范版式设计又叫做版面编辑，即在有限的版面空间里，将版面的构成要素如文字、图片、控件等根据特定的内容进行组合排列。一个优秀的排版要考虑到用户的阅读习惯和设计美感，在 UI设计中版面设计的原则有哪些呢?十二、界面文字设计规范文字是 APP 中最核心的元素，是产品传达给用户的主要内容，所以说文字在 APP 的设计中是非常重要的，那么，文字的字体如何选择，字号如何设定，是否加粗，颜色如何设置在一款 APP 中字号范围一般在20-36之间(@2x),当然 iOS 11中出现了大标题的设计，字号还是要根据产品属性酌情设定。另外需要注意的一点是所有的字号设置都必须为偶数，上下级内容字号极差关系为2-4号。关于字体。十三、切图规范当界面设计定稿之后，设计师需要对图标进行切片提供给开发工程师，通常我们只需要对 icon 进行切图即可，文字、线条和一些标准的几何形状是不需要切图的，例如搜索框只需要在标注中描述它的尺寸、圆角大小、背景色值、不透明度即可，开发工程师可以用代码实现这种效果。输出切片先将设计稿中的图标重新排列在一张新的画布中，保证同样尺寸的图标间距相同，这样做的好处是为图标建立一个控件库，有利于图标的整理。给每一个图标建立好参考线之后，用 PS 自带的切片功能，沿着建立好的每个图标的参考线画框即可，注意最后要输出 PNG 格式的切片(PNG 格式拥有更多的颜色和细节并且支持透明)。在具体操作时首先要将画布背景色去掉，让画布变成透明，做好切片后执行文件-存储为 Web 所用格式，在对话框中选择 PNG 格式，点击「存储」即可切片命名切片命名的通用规范是，界面_功能_状态.png。名称应使用英文命名，不要使用数字或者符号作为开头，使用下划线进行连接，例如一个首页处于正常状态下的按钮命名是 home_btn_nor@2x.pngUI设计基本规范网页链接。其中界面首页是 home、空间按钮是 btn、状态正常是 normal。为了命名的正确性，设计师需要先和合作的开发工程师进行沟通确认。十四、设计稿标注当界面设计定稿之后，设计师需要对界面进行标注给开发工程师在还原界面时进行参考。借助一些专业的标注工具有利于我们提高工作效率，常用的标注工具有 Mark Man 或 PX Cook。在一份设计稿中需要标注的内容是文字的字号大小、粗细、颜色、不透明度;界面的背景颜色、不透明度;各个图标、列表、文字之间的间距。十五、程序的对应控件Label的自身属性：颜色、字号、字体、行间距、对齐方式、透明度;Image View的自身属性：宽高、间距、距离、透明度。如今使用本地化插件Sketch Measure，几乎不用手工标注，标注导出HTML后，直接给开发，他们想看什么属性自己点击查看。而一些线上工具的插件，比如蓝湖、墨刀、Mockplus等，功能更加丰富。