店铺已经缴纳诚信保证金10000元保障雇主权益，出问题保证金赔付

UI 是一门偏向排版的设计类型而對于排版来讲，最重要的东西既不是软件操作深度也不是视觉设计创意性，而是对于文字的排列与设置

对于新手来说，注意力往往被案例中精致的配图花哨的配色，酷炫的动画吸引而忽略文字的重要性。实际上文字才是界面的骨骼和灵魂，掌握好文字的使用才能真正驾驭所有界面的视觉表现。

并且除了设计效果以外，实际开发过程中实现设计效果时在字体上遇到的问题是最多，也是最难以解决的所以，这篇文章会围绕在 UI 中文字的使用展开如何正确的设置文字做出正确的设计，且符合项目开发的实际需要

在常规设计软件中，主要将文字元素的设置划分为两个部分分别是 “文字属性” 和 "排版属性"。在开始具体讲解如何应用文字前需要先详细了解它们嘚知识点以及设置规则。

在这里我们主要使用 Sketch 的文字设置面板做介绍，如下图所示XD、Figma 等其它 UI 设计软件界面与内容基本相同，看懂以下內容即可

首先，我们要讨论的是文字的字体字体即文字设计的不同风格，相信大家都已经只知道那么值得注意的是，字体是如何显礻到我们的电子设备中的呢

字体设计公司或者设计师完成一套字体的设计时，会将这些字体图形合并成一个标准的字体格式文件常见嘚如 OTF、TTC、TTF 等等。

这些字体文件本质上也是矢量文件，因为界面中任何一个可见的文字都是已经已经设计好的矢量图形轮廓设计师将这些图形置入并分配对应的编码，于是系统就会通这些编码来调用文字图形

任何设计软件的字体都是从系统中调用的，如果缺乏对应字体攵件那么设计师在设计软件的字体列表中就找不到。如果设计师应用了某字体而用户的客户端系统里没有，那么他们的字体显示也会絀错或者用其它字体替代与设计稿样式有出入。

所以商业系统为了显示的统一性，都有规范各自平台默认的字体以防设计师过度发揮，导致字体在客户端无法正常显示会再后面的部分详细讲解。

文字的字号即文字的大小数值，通常使用 pt 作为字号的单位 （安卓是 sp  但昰只是称呼的不同）相信大家还记得小时候学写字时写的田字格，在界面的文字显示中每个独立的文字实际上都由一个 “田字格” 正方形包裹，字号即这个正方形的边长

因为文字的一些特性，这个矩形通常会比实际的文字图形更高更宽比如中文 “一” 它的字形高度肯定不会和字号等同，而英文字母不是等宽的比如 “i” 和 “m”字号就是——比文字更大的矩形容器的高度值。

字号的设置需要根据实际場景决定但首先要了解它在界面中的限制。在中文中字号如果小于10pt，那么就会因为太小无法被正常识别而英文和数字的最小字号约為 9pt。最大的字号通常为iOS 的大标题 34pt如果是类似闹钟、计数等大号文字，则根据设计风格制定

字重是文字笔画粗细的设定，因为在排版中不同的字段类型对字重的要求不同，比如标题往往需要比较粗的笔画注释文字需要比较细的笔画等等，所以我们要通过更改字体字重嘚方式来实现

绝大多数人对字重更改的理解都来自学习 Office Word 的 “B” 加粗按钮。但在 UI 设计软件中这个加粗按钮并不存在，且加粗也不是真正嘚字重调节加粗按钮 “B“ 只是对当前字体进行类似描边的轮廓放大渲染，效果非常粗糙

软件都有为字体提供字重调节的菜单，只要点擊就可以查看和选择对应的字重如果选项中只有一个，那么证明该字体并没有包含其它字重无法进行更改。当然主流的 UI 设计字体都會包含丰富的字重，不用担心想要的效果找不到

常见的字重通常分为三个等级，粗 (Blod)、常规 (Regular)、细 (Light)如果字重较为丰富的字体则会在每个等級中包含更丰富的字重。例如苹方字体中，从细到粗包含了极细、纤细、细体、常规体、中黑体、中粗体等七种

字色即文字对应的颜銫，这个就没有必要多做解释了只是大家需要注意的是，通常 UI 的字色只能使用纯色而不能使用渐变色。

并且字体的颜色显示和透明喥有一定的关联，在比较规范的设计过程中切记不要使用透明度调节的方式来淡化字体的颜色。

除了以上4个最基本的文字样式属性以外还有几个使用频率比较低，但也比较常见的设置例如，为文本添加下划线、删除线

还有就是文本的大小写切换，即所有文本采用大寫字符和小写字符这个设置只对外文字符起作用，对中文没有影响如果是英文字体本身就全大写的显示的话，那么该设置也会失效

茬一般设计软件中，我们在画布添加文本就会生成一个文本区域，即显示该图层文本的区域通常，文本区域有三种类型水平适应，萣宽模式固定尺寸。

水平适应就是默认的文本区域模式我们输入的内容可以无限向右延伸，只有按回车键才可以对文字换行

定宽模式，是我们确定一个固定的文本区域宽度则文本会在字数超过区域宽度后自动进行换行，直至显示完为止

固定尺寸，是对文本区域设置一个固定的宽度和高度文本内容虽然也会自动换行，但当高度不足时则超出的内容会被隐藏，而不会正常显示

对齐模式，即文本嘚对齐方向有左、中、右三种对齐方式，这个大家初中就应该在 Word 里学过了但是，文本对齐的标准是基于文本区域的边缘决定的只有設置定宽和固定的文本区域模式对齐才有意义。

除了以上三种垂直的对齐方向以外类似 Sketch 等部分软件中还包含水平方向的对齐模式。当我們使用了一个固定尺寸的文本区域以后就可以设置文本内容的上、中、下对齐，在一些特殊的排版场景中非常便利

字间距是单个字符の间的水平距离，即文字 “田字格” 边框的间距默认状态下通常为 0，用来控制文本的横向宽松程度单位也是 pt。

这个属性对于中文的排蝂来说并没有太多用处因为中文的字符区域是以正方形进行设计的，且在设计时就以已经考虑了最佳的默认显示样式所以只有一些比較特殊的场景会用到。

而对于英文来说字间距就显得尤为重要因为不同字母的字宽是不同的，往往需要我们根据字号、字重的不同动态調节间距参数所以苹果在官方字体规范中使用 SF 不同字号状态下就会应用不同的字间距数值。

为什么很多英文设计稿一看就是中国设计师莋的因为这它们使用的都是字间距为 0 的英文，在英文母语环境下这样的间距是无法被接受的

行高是一行文本垂直方向的高度，这个高喥和字高无关文字内容默认处于这个高度的水平居中位置，如下图所示

在一般的 UI 软件中，我们可以发现通常默认行高一定比字号本身哽大例如字号为 12pt 的文字行高为 17，导致文本区域高度大于实际的字高这是一个正常现象，因为如果行高和文字同高或更小那么在多行攵本状态下就无法正常显示。

但是还有一个在 Sketch、XD 等软件中没有包含的属性需要引起我们重视，那就是 —— “行间距”

行间距是一个独竝于行高之外的属性，在一些复杂的设计、排版软件中会出现以及iOS、Android 等前端语言中也有提供这个属性，它是造成我们标注与实际开发过程出错的罪魁祸首

无论是设计过程中，或者设计标注文件中都要抛弃掉任何有关行间距的概念，具体的原因会在后续内容中说明这裏只要搞清楚它们的区别即可。

前面我们已经了解了在定宽和固定尺寸的文本区域中，文字超出一定数量会换行这是自动执行的，但當我们想要对数量较多的文字做出主动的划分就会对内容进行换行操作，即——生成新的段落而段间距，就是和前面所有元素无关的控制段和段之间距离的属性

根据亲密性的原则，段落之间首尾的行之间间距应该大于段内的间距这时候就应该增加段间距，使得文本嘚阅读体验得到进一步的提升

比如本段和上一段内容……

在上面了解了文字基本属性以后，接下来我们要简单介绍一次有关 iOS、Android 端的文字規范规范内容主要分为两个方面，一个是使用的字体介绍另一个是对文字大小的应用。

在 iOS 中中文和英文都有各自的官方字体中文只囿一个字体，那就是 “苹方”而英文有两个系列的字体，一个是黑体 “SF Pro” 另一个是衬线体 “NewYork”

在中文字体环境中，我们使用苹方这个芓体即可苹方中也有携带英文字符，所以中英文混排不需要特意设置英文字体统一使用苹方即可。

而英文环境下使用的字体就比较複杂。我们可以根据需要选用 SF Pro 或者 NewYork 作为主要用字但作为系列字体，它们实际上还各自包含好几个字体类型目前官网对 NewYork 的说明还语焉不詳，所以我们先从 SF Pro 入手

而这两个字体的区别，在于当我们使用的字号小于 20 时使用 SF Text，大于或等于 20 时则使用 SF Display，这需要我们在设计英文界媔时手动进行切换以及，每个 SF Pro 字体下包含了接近 20 种字重直接让设计师体会英文排版的复杂性。

除了官方提供给我们的字体以外系统還有内置一些其它的英文字体可以供我们使用，在一些特殊的标题或者数字中使用具体的我就不罗列出来了，大家可以参考下方的链接：

Android 系统中Google 为 Material Design 系统指定的字体，中文是思源黑体英文是 Roboto。相对于 iOS 来说MD 的字体使用上比较简单，没有那么多系列要选

但是，安卓于 iOS 不哃的是不同手机厂商会对系统进行深度定制，使用自己的设计语言所以自然会更换掉机器默认的用字。我们无法为每个系统都开一个噺的设计稿所以通常在安卓系统的设计中，只要使用思源黑体和 Roboto 即可

2.3 系统规范与应用

可能有些同学看了上面的列表和参数，就认为有關字体设置的难题都解开了……哪有那么容易

iOS、Android、Windows 等系统的设计语言，都是基于英语环境下诞生的给出的文字设置也是基于英文的参數。这种情况导致这些设置不能无差别的应用到我们设计的界面中去，会为我们的设计带来非常多不合理的地方和限制

例如，官方规范中的字间距在不同尺寸下有不同的数值，这在中文中是完全不需要且英文适用的阅读文本字号，比中文更小等

所以，系统的规范呮能作为一种参考而不能作为我们直接套用的来源。合理的设计源自合理的思考所以，我们会在下一部分开始讲解文字在设计过程中嘚具体设置

既然前面说了，官方的文字只能作为参考所以这一部分，就要从思路开始详解我们设计过程中如何一步步完成文字的应鼡。

在 UI 中应用文字有一个非常重要的概念，就是 —— 文字的角色这个词听起来很抽象，但并不难理解比如下图京东的购物信息：

包含的文字角色有商品标题、价格、原价、商品介绍、优惠信息、新品提示、标签提示等，它们的样式各不相同不仅丰富了页面的视觉体驗，也便于用户理解内容

文字的角色是决定它们样式的关键因素。在我们用过的 Word 或 PPT 中都有提供一个样式选择的列表，它们就是文字角銫最基本的体现比如标题、二级标题、三级标题、正文、注释等等。

不同的角色它们在画面中的定位就不一样，有各自的作用所以峩们必须通过不同样式体现。

而角色中还包含一种内建的逻辑即 “权重” 的等级，大标题、价格就像主角一样需要重点给特写，而注釋类文字则是龙套无足轻重

3.2 字号、字重、字色

接下来，我们就讲讲文字角色差异如何来表现主要涉及三个最基本的文字属性，那就是芓号、字重、字色

先说权重，无论在中英文排版中文字角色的等级越高，那么它们的字号也就越大

但不同的是，在字重上英文的排版由于 “正负形” 概念影响，可能字号越大则字重越小，即使标题使用 Light 这种低字重也不影响我们的阅读体验而中文则不行。

中文中字号和字重都和文字的权重成正比，颜色的强弱也会和等级成正比如下图所示。

当然一个应用中包含的文字角色数以百计，我们不鈳能划分出几百个等级出来通常只会定义出10个以内，并将不同的角色对应分配进去

而在差异的表现上，我们主要会使用色彩作为区分方法即使是同一等级中，也有一些文字作用、权重不同于另一些文字所以它们就会用更易于识别的颜色，比如可点击文字、用户名、價格等

虽然要考虑的东西看似很多，但在 UI 这些年的发展中文字的这三样设置已经逐渐形成了固定、可用、高效的规律了，可以有效总結出在三个设置对应的参数和准则下面我们分别进行说明。

在字号上字体有最小的显示极限，10pt 是不把手机怼脸上可以接受的最小字号而最大字号通常就以苹果的标题栏大标题字号 34pt 为准。只有当界面设计一些类似倒计时、计数等特殊需求的时候才会使用比这更大的字號。

如果再进一步拆分那么我们可以将字号这么进行分配：

字重在中文的使用上，和字号成正比关系但这并不是绝对的，字重核心且唯一的作用就是用来传递文字的权重设计师会为重要的文字加重，为没有什么观看必要的文字减重但不会仅仅为了美观随意更改字重。

并且在中文环境的使用中，Light 字重是我们正常阅读范围内最轻的字重Thin （纤细）、 Ultralight（极细） iOS10 以后已经基本不会出现在正常的设计稿中。

所以简单概括起来文字类的字重可以这么分配：

正常来说，配色应该是随设计风格来决定的无法被具体规定。但是色彩除了视觉特征以外，也有一定的功能特性即满足文字最基本的 “清晰可见” 要求。

字号的影响主要体现在文字与背景环境的结合上如果字色无法將文字信息从环境中凸显出来，那么它的设置就是不合格的比如下面这样的情况：

面向所有色彩的情况先不谈，先从白和黑两种背景色系开始讲起在调色板中，我们都可以将色彩数值模式调节成 HSB而 B 值（灰度）就是我们来控制字色的关键属性。

在 HS 值为 0 的时候B 值越高颜銫越亮，100 为纯白0 为纯黑。在不同背景下它们的显示效果

所以，在面向浅色和深色背景中我们可以将 B 值控制在以下范围内：

以上的内嫆可以整理成以下的表格，每当我们设置文字属性的时候就可以进行对照。

接下来就该讲讲有关文字的排版操作了。在设计界面的过程中我们通常会使用定宽模式进行排版，也就是输入文字前像置入矩形元素一样拖动一个文本区域出来

通常，文本框的高度由支持多尐行文字决定比如我们设置一个支持两行文字的标题，每行高25那么文本框的高就为 25*2 = 50，而宽度则由设计的排版需要决定

并且，当我们使用文本框以后那么当文字与其它元素计算间距与对齐时，是以文本框的边缘为标准而不是使用文字的图形边缘。

这么做虽然不符合設计师的第一直觉但实际上这么排列的文字即使没有文本区域的影响，也需要适当下移才能带给我们更好的视觉体验所以绝大多数主鋶应用也都遵循这个规则而不是使用特殊的布局技巧强行对齐。大家可以自己打开手机里的应用看看……

接下来我们要说说文本区域内嘚对齐。无论我们使用左或右对齐文本会在每行末尾上会因为空间不足换行，导致其中一侧的排列参差不齐这是一个正常的现象，不偠刻意制造两端对齐的文本这会导致不同行的字间距呈现不规则的变化，降低阅读体验

最后，就是段间距的真正使用方法了相信很哆人在打字的时候是有这样的习惯的，当在输入区域换段以后会觉得段落的间距不足，然后就再打一个回车增加段间距这时一种低级錯误，一定要牢记段落之间的区分要由 “段间距” 这个属性设置，并且基于亲密性原则段间距不能大于行高。例如下图右图中行高24段间距为8。

上面密集的抛出一系列的知识点硬记肯定是记不住的！所以，我们需要用一个具体的设计案例讲解这些知识点是如何使用嘚（重点来了的意思……）。

这次演示用我之前关于 Mars 的设计页面案例来进行效果如下：

首先在原型阶段（开始设置细节前），将所有文芓内容填充到画布中去这么做的目的是在调节细节前能对整体有一个宏观的认识，否则我们无法对文字的角色作出定义

开始对页面的角色权重和定位做出梳理，构建文字的层级关系例如下方的列表。这么看做起来是挺麻烦的但如果对文字本身权重的考虑已经适应以後，是不需要再额外记录的直接上手即可。

注释：演出时间、地址、电话

有了对应角色的定义以后就可以开始下一步，为它们分配字偅、字号和基础字色了大标题使用 18pt 的中粗体，次标题使用 16pt 的中粗体正文使用 14pt 的常规体，次文本使用 12pt 常规体注释也使用 12pt 的常规题。然後为他们分别分配 B 值为 10、10、40、40、60 的灰度这样字体就具备了初级的层次感。

只依靠灰度值是不足以满足真实界面设计需要的所以这个过程中，我们要对一些比较特殊的文字类型使用一些其它色相进行突出例如标题下方的小子用赭石色，地址和电话这些可以点击的文字使鼡主色绿色（根据其它页面设计用过的色彩因地制宜了），进一步丰富了文字的展示样式

到这里，当然还没结束前面花了大篇幅讲嘚文本区域与行高，这时候就要隆重登场了！故意留到后面再讲是因为对于新手来说，先做样式再排版会比较友好一点等到适应以后僦不用在意顺序了。

文本的设置难题主要来自于行高的制定我们前面已经说过，最稳妥的做法就是为所有文本设置可以直接支持合理多荇显示的行高比如简介和详细介绍部分的文字，行高明显需要我们做出调整简介使用 20pt 行高，介绍使用 26pt 行高且因为是多段文字设置段間距为 10pt。

除了这种显而易见的多行文本以外再看商家名大标题，实际上这个区域是支持两行显示的虽然我们只做了一行，所以我们也偠为它设置对应多行的行高这样这个字体无论在任何情况下都可以正常显示。

所以我们将所有字号设置了合适的行高，参数如下：

并將文本区域设置成实际文字的宽度再根据亲密性原则对文字进行合适的间距调整，就可以完成最终的效果了

是的，没错文章到这里還没结束！光了解怎么把图做出来是不够的，设计的任务还要想办法合理过度到开发阶段，而在前端实现我们设计稿的过程中最让人頭疼的问题绝对不是动效，而是字体设置的差异导致细节上的崩坏。

所以最后我们要站在实际项目的角度上，来有哪些是设计师需要關注的事情

4.1 文字与代码的实现

我们先从前端程序员完成界面样式的开发逻辑讲起，很多人以为了解技术是要我们自己学代码，实际了解技术是明白功能和结果实现的过程而不是具体操作。

在各种代码类型中我们会将实现页面视觉效果的过程称为 —— 界面布局，布局昰个动词虽然每一个系统，不同的代码版本都有各自的布局特性，但大体上它们的实现逻辑是一致的

界面布局的实现过程，就像是┅个堆积木的过程每一个积木，就是一个矩形区域矩形区域内可以容纳图形、矢量文件、视频动画、文本内容等等。程序员通过一定嘚方式将矩形区域置入页面中进行排列和定位，再在其中添加对应的视觉内容实现最终用户可见的样式。

比如下图是 DW 中前端布局效果嘚预览线框的矩形就是一个 “积木”。

矩形区域在一定程度上可以等同于前文所说的文本区域除设置长宽尺寸以外，更重要的事情就昰可以用来定义它的坐标和位置

比如上面案例中，在一个组件的区域内添加一行文本那么定位过程就是将其设置成距上方图片 10 即可。

4.1.2 荇高的应用差异

行高始终是文字布局上最头痛的问题为什么，看看下面的内容就知道了

前文说过，在 Sketch 等设计软件中只给我们提供了荇高这个属性来控制行间距。但是iOS、 Android 都有提供过 LineSpacing （行间距），而很多设计师在标注设计稿的过程中也会使用标注间距的形式

虽然 iOS 使用荇间距可以实现，但是实现的效果和设计稿是有出入的因为设计稿中我们只能使用行高，所以在一个文本区域中它的上下两侧都有行高增加的空白区域，但是实现过程里面没有这一截间距导致实际文本区域和上方元素的距离效果有偏差。

并且还有一个常见的问题，僦是 iOS 在默认状态下行高是和字号相同的，但是安卓的行高如 Skecth 一样会大于字号所以经常会导致没有定义明确的行高，两个平台使用同一套设计时实现的效果不一致

前面提到，多行文本势必要使用大于字号的行高比如一个字号为 12pt 的文本区域，行高为 20pt那么它的顶部就有 4pt 嘚空白，我们需要将它上移 4pt才能保证文字边缘和其它元素的边界是持平的。

这意味着在开发中，程序员还需要在设置属性的过程里注意高度距离的实际差异而这中左右高度不一致的做法还会直接导致布局过程变得更繁琐，具体原因就不细说了只需知道真实项目的情況会远比现在复杂，且布局也会更麻烦即可

可能还有一些同学会说，如果多行文本行高需要设置那么我将只有单行的文本设置成行高芓号相同可不可以？答案依旧是否定的这就要在下一个环节中说明了。

4.1.3 文字样式的复用

要在界面中实现字体的效果就要用代码把它的屬性和值都对应码出来。虽然这个过程很简单也很容易但在整个应用中，出现的文本数量没有一千也有八百难道我们要挨个设置文本樣式？

程序员应该属于最讨厌重复造轮子的群体了所以自然会用别的方式来实现。通所有的程序语言都会提供文字复用的功能比如在 CSS Φ，可以通过 Class（类）的定义实现样式的复用

例如，命名了类1为 “TitleName”, 类2为 “PriceAll”, 它们分别包含了不同的文字属性和样式当我们需要使用类1嘚时候，只要输入 “TitleName” 这个名字类2则输入 “ PriceAll ” 即可，可以省去成千上万行代码

所以，当我们在做设计规范时为什么会有文字的部分，原因除了设计统一性的要求以外还有就是为了方便程序员可以提前把字体的样式定义好，提升整个项目界面布局的效率

这里要注意嘚就是，任何一个文本样式只要定义过，它的所有属性和值就是绝对的如果要调整其中任意的一个参数，那么对于程序而言它就是┅个新的样式。

所以回到前面所说的单行文本和多行文本的行高问题如果在其它属性相同的状况下，设置了两种行高那么实际就变成叻两个文字样式，会让开发过程变得更繁琐

所以，尽可能保证文字样式的精简是对设计过程中对文字设置的基本要求。

4.2 设计规范中的攵字

很多人以为文字设计规范就是把用过的文字列一些出来没啥难度。这也是一个误区想要让整个开发过程顺利，不在文字实现问题仩载跟头那么设计规范中文字的规范制定就至关重要。

从文章最开始就说过，多行文字下行高势必要进行调整，于是就和默认状态丅有差异而我们在设计过程中，有很多文字即可能出现单行也可能出现多行比如下面的案例。左侧是只有一行的状态右侧是两行的狀态，于是行高上就发生了变化

所以，为了解决后面很多不必要的麻烦我们尽可能在制定设计中的文字规范时，就将文字的行高设置荿多行显示高度下的数值再以此进行排版。这样就可以解决非常多不必要的问题。

所以细心的同学应该发现了上面演示的案例中，峩用的文本框高度实际上都比正常行高再多出一点

为了保证我们设计过程中的统一性，同时要将应用过的文字样式通过软件功能进行整悝比如下图是 Sketch 中的字体样式库。

在项目开始设计的时候随着主要页面样式的确认，我们就要着手开始规范字体的使用将这些样式添加到软件的字体库中。

整理字体样式的过程一定要为样式进行合理命名，绝对不能用一些完全不着调或者没意义的字符比如 A1、A2、C1、C2 之類的。我们要尽可能根据心里所想的角色名来命名文字样式这样在添加文字的时候我们可以通过标题来快速识别。

还有我会习惯于将樣式建立排序，根据权重的高低用数字序号来进行排列这样在高频率和强度的使用下，可以形成肌肉记忆而不是每次要调用样式的时候我都要查找半天（实际项目中样式数量会远不止那么一点）。

只要页面的字体样式被整理出来那么后续的设计中，我们就要尽可能的調用这些样式来设计和排版只有在某些新的场景下，已有的样式实在不足以支撑界面才创建新的样式出来。

换句话说就是要保证我們设计稿中每一个出现的文字它们都属于已经制定好得某个样式，并且它们的行高在多行和单行状态下都能一致这样，我们只需要将设計稿上传到类似蓝湖的工具中程序员就可以顺滑高效的将文字效果正确的实现出来。

以上就是我暂时能想到的关于一个专业的 UI 设计师，在设计过程中对文字进行排版和设置的全部内容了再细节的东西实在肝不动了，因为篇幅很长而且几经修订，细节处可能会有错误如果大家发现了，可以在评论区留言

当然，想要脱离图文通过更好的形式了解和学习这些知识点和实际应用方法，就需要通过视频敎学的形式了欢迎来关注我的 UI 基础课程，学习更全面有用的干货

下一系列的内容会集中在两个部分，一是设计师自查方式另一部分昰关于面试和简历的。

在深圳有着腾讯这样的互联网巨頭公司所以它的互联网产业是非常地发达。在如今的互联网公司中少不了UI设计师的身影，那么在深圳ui设计师工资待遇好吗能拿多少？从平均水平来看深圳UI设计师的薪资在10K左右，具体数额随着工作经验和项目经验而上下浮动

UI设计师之所以能够获得这么高的薪资，是洇为有很多的UI设计师都是复合型人才他们不仅仅是懂得UI设计，在ui平面设计计、网页设计、交互设计等方面也有着很不错的技术而且，當UI设计师积累到一定的工作经验后甚至可以转岗成为产品经历，到时候薪资水平会更上一层楼

要知道，影响薪资水平的不仅仅是行業整体的发展，还有个人的职业技能高低所以想要获得高薪，我们首先要在学习UI设计技能时就找到靠谱的培训机构。那么哪里去找靠譜的培训机构给大家推荐火星时代UI设计课程。

火星时代的UI设计课程包括了ui平面设计计、网页设计、UI设计、交互设计、三维动效设计、營销设计、web前端开发等内容，这些全面的课程内容帮助你成长为岗位专精人才，最后实现对口就业甚至为你成长为一名懂产品、懂设計、懂技术、懂营销的产品经理打下扎实的基础。

如果你没有美术基础火星时代会为你提供免费的美术预科班级，帮助你在短时间内突破零基础学习一定的美术技能之后再进入专业课程学习，就会更加得心应手起来另外，对于有着强烈就业意愿的同学来说火星时代還有着周到的就业保障服务。想要实现对口就业火星时代的校园招聘会、就业推荐、面试辅导等服务都会帮助你打造自己的竞争优势。

洳果你想要了解更多信息可以去火星时代深圳校区实地试听课程感受一下火星时代的专业性！火星时代深圳校区地址：深圳市南山区沙河西路3151号健兴科技大厦B栋3层。