上海UI设计培训、掌握UI设计要素、拿高薪更轻松

UI界面视觉设计包含5个要素：色彩、文字、图标、图片、空间原文www.xbaixing.com。一个出色的界面设计，必然是将这些要素做到了淋漓尽致。一款 App或者是Web产品，从用户体验的角度包含了战略层、范围层、结构层、框架层、表现层。而作为UI设计师，如果连「表现层」的内容都还一知半解就去盲目地学习其他领域，这是不提倡的。这里说的「表现层」是指视觉设计层面，在界面的视觉设计中同样也包含了 5 个视觉要素：色彩、文字、图标、图片、空间。

培训内容

1、初步认识UI：了解UI设计师的角色定义和价值体现，UI的含义、UI设计师的含义。

2、学习内容：学习设计基础、字体、构图、手绘等基础技能来源www.xbaixing.com。快速培养UI设计师的视觉敏锐度，和绘画能力。

3、二维造型：二维简约图标绘制原理与技法，各种材质质感表现。

4、三维造型：(物体的体积、结构、透shi与光影表现)。

5、色彩原理：色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系，色彩的装饰美感及色彩的表现方法。

6、设计软件应用：以Photoshop软件为工具，讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、画册设计、DM设计等企业实际工作中的具体项目。

7、矢量图形绘制Illustrator为工具，标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目rVYB。

8、字体：字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用。

9、版式：版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。

10、平面：结合软件、色彩、字体及版式的学习，针对宣传单、折页、名片、海报及VI做专题设计，提升综合应用能力及平面UI设计能力。

1. 字体简介

（1）衬线体

衬线字体在笔画末端具有附加的装饰线条或者“韵脚”。衬线字体字母的横线较细、竖线较粗，如 Times New Roman、Georgia 等字体属于衬线体。衬线体具有复古传统的曲线美、个性鲜明、张力十足，通常用在时尚奢侈品牌、复古海报等设计领域中小百姓网www.xbaixing.com。

（2）无衬线体

无衬线体顾名思义，就是指“没有衬线的字体”。衬线指的是字母结构笔画之外的装饰性线条，无衬线字体字母的竖线和横线粗细基本相同，像经典的 Helvetica 和 Futula  等字体就属于无衬线体。无衬线体通常比较简约、具有现代感，适用于 Web、App 等互联网科技领域的设计中。

2. 文字使用规则

不同平台的界面设计中规范的字体会有不同，像移动端界面的设计就会有固定的字体样式，网页中会有常用的几个字体

（1） 移动端常规字体

在 iOS 设备上，系统默认的英文字体为 SanFrancisco，中文字体为 PingFang。值得注意的是，SanFrancisco 字体会随着字号的变化自动调整字母之间的间距，以确保任何情况下都能很清晰地阅读。在 Android 设备上，原生系统英文字体使用 DroidSans 或 Roboto，但国内的 Rom 大都是第三方厂商定制而成，对原生系统字体有所变动x+b+a+i+x+i+n+g+c+o+m。大家在设计时可以使用 Noto 作为中文字体来使用。

（2） 网页端常用字体

在 Windows 系统中，常用字体有 微软雅黑、黑体、宋体 等，小字号推荐 12px，正文字号推荐 14px，标题字号推荐 18px、20px、24px、28px、32px 等，尽可能使用偶数。而行间距一般为字号的 1.5-1.8 倍。在 Mac OS 系统中，常用中文字体有 苹方、思源黑体 、华文细黑 等，英文字体有 Helvetica、SanFrancisco 等。值得一提的是：Helvetica 曾被评为是设计师爱的字体，简洁现代的线条，非常受到追捧。在 Mac 下被认为是佳的网页字体，在 Windows 下由于 Hinting 的原因显示很糟糕小.百.姓.网。