联系方式

咨询热线：400-998-6158

常见问题

学习资讯

常见问题

成都锦江区UI培训班哪个强

【周末免费试学/名额有限】【学习时间灵活/0基础包学会】

4大学习阶段搞定较核心的知识+技能+经验

UI设计师*备技能

Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。

Adobe Illustrator，常被称为“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。

Axure RP是一款专业的原型设计工具。Axure(发音：Ack-sure)，代表美国Axure公司;RP则是Rapid Prototyping(原型)的缩写。

XMind是一款非常实用的商业思维导图软件，应用全球比较先进的Eclipse RCP 软件架构，全力打造易用、gao效的可视化思维软件，强调软件的可扩展、跨平台、稳定性和性能。

Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件，适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。

Adobe Dreamweaver，简称“DW”，中文名称 "梦想编织者"，为美国MACR0MEDIA公司开发，2005年被Adobe公司收购。DW是集网页制作和管理于一身的所见即所得网页代码编辑器。

Markman极大节省设计师在设计稿上添加和修改标注的时间，让设计更有爱。

手绘能力作为一个UI设计师，手绘的能力在工作中也是很重要的。

a.平面综合阶段 4大软件入门到精通
1.Photoshop 2. Illustrator 3.CorelDRAW 4.Indesign

b.平面研修阶段 9大技能千锤百炼
1.插画设计 2.画册设计 3.logo设计 4VI设计
5.宣传品设计 6.包装设计 7.广告设计 8.书籍装帧设计
9.作品集设计

c.总监实训阶段累计2-3年职场经验
充足商业项目设计实践，总监指导中标训练，边学习边赚钱，累计2-3年职场经验。

d.素质训练阶段 6大职场能力训练
1.演讲表达能力 2.职业规划能力 3.设计执行能力

4.时间管理能力 5.设计学习能力 6.团队合作能力

UI设计基础差培训大纲

一、PS软件基础阶段

本周对PS这款软件有个基本的认识，抠图、调色、图层区别等基本PS功能的了解

二、PS软件深入阶段(图层案例+拟物图形)

本周我们将通过对PS软件的图层样式，图片合成，图形制作，制作各种风格的图形(扁平风格、微光渐变、拟物风格等一些时下流行风格)

三、AI软件基础阶段+字体设计初级阶段

本周主要讲解AI软件的基本操作和常用功能，以及用AI软件学习字体的设计

四、字体设计深入+二维码设计+时间轴动画

本周学习剩余的字体设计方法以及自我的创作;个性二维码的制作以及怎么利用PS时间轴功能制作动态图形

五、vi设计阶段

本周我们将通过对logo设计系统的学习，色彩理论知识及色彩心理学、了解到共用形、正负形等了解，完成整套logo设计的原创，并完成一整个企业形象识别系统手册，以及使用id软件在排版企业形象识别系统手册的技巧

六、版式设计阶段

本周我们将通过对版式设计的原理、海报的平衡与布局、点线面的应用、版式布局、版式分割、文字排版、如何运用留白、四种图叠字练习等掌握各种不同类型海报、banner的设计

七、网页设计阶段一

本周我们将学习网页界面设计的一些技巧，网页的类型，不同网页的风格掌握，图像合成进阶练习、网页设计的规范了解

八、网页设计阶段二

本周我们将学习网页设计的旋转布局、以及删格化布局和响应式的讲解、网页专题页设计、404页面设计。阶段结束作品包装整理并做作品展示

九、产品分析阶段

了解UI行业知识，需求分析、产品思维，了解APP背景、市场分析，以及如何完成竞品分析、交互设计规则、验证产品可行性

十、原型axure阶段

本周我们将并熟练使用AXURE进行交互设计，完整AXURE原创界面逻辑、交互呈现;通过实际的案例演示讲解交互设计的技巧及方法;完成实战项目交互设计工作。

十一、移动端图标阶段

了解icon的历史、图标分类;不仅知其然，并知其所以然，学习图标设计流程及思路，设计图标时保持清晰的思路，熟练掌握各类主流图标风格设计，对所有图标进行专业欣赏和分析。

十二、移动端界面阶段

本周我们将指导学生了解移动端平台规范并完成完整UI设计稿，督促学员完成有竞争力的APP作品;主要讲解移动端设计规范、视觉设计原则、切图适配方法。

十三、专题设计;H5活动页面设计

移动端页面中的引导页、启动页、404页面、应用截图等特殊页面设计;专题设计(运营活动专题设计、电商活动专题设计、节日活动专题设计);H5广告营销页面设计;

十四、Sketch、pinciple软件学习阶段

本周我们将并熟练使用Sketch进行图标设计，完整Sketch原创界面设计;通过实际的案例演示讲解标注切图的技巧及方法;完成实战项目切图标注工作; 利用动效工具principle制作简单的移动端交互动效。

十五、动效设计阶段

本周我们将通过案例熟练掌握After Effects动效设计理论及方法;主要讲解AE合成参数设置;基本五大属性;路径动画;蒙板动画;曲线编辑器;运动模糊;绑定关系;融合效果、破碎效果、变形效果、模糊效果等常用效果器;

十六、个人简历、作品整理针对性辅导、作品包装

本周我们将指导学生简历设计方向与作品修改，督促学员完成有竞争力的简历及作品;主要讲解简历及作品集制作规范及技巧;如何投递简历;

十七、代码之html/css阶段

本周我们将学习如何使用html来创建站点，并通过学习简单的css来提升我们的工作效率

十八、代码之css进阶阶段

本周我们将通过实例进行css的深入了解，通过css的各种属性(动画、定位、边框、字体等等)、css选择器、css听觉样式等学习，学到如何使用 CSS 同时控制多重网页的样式和布局

十九、代码之阶段

本周我们将通过实例讲解的使用，让我们的设计更加生动活泼，通过做出亲切的欢迎讯息、有广告效果的跑马灯等效果，让这些特殊效果提高网页的可观性。

二十、代码回顾+项目演习、毕业前职场专业问题答疑

结合前三周学习的知识，将自己的设计作品通过代码呈现出来;如何投递简历;面试常见问题及技巧、解答学员关于工作、职场、专业问题的疑惑;避免毕业前的焦虑情绪

知识延伸

关于界面中加载图设计，空白图很容易被设计师忽略以为就是个灰色，其实不是，里面有很多设计发挥的点，今天小编主要给大家分享加载页面的ui设计，希望对你们有帮助!

预加载的表达式有哪些？

什么是预加载图?当用户进入app但未完全加载时，呈现在用户面前的内容信息(圆形动画或其他GIF动画)、加载历史缓存数据、提前加载一半、逐步加载、在后台提供默认加载图，当然还有加载失败图片。

1.使用品*元素

在加载过程中，一些图像元素会预先呈现在用户面前，并通过LOGO或相关图标来表达，给用户呈现一种前期阶段的心理预期内容。

优点:是能够预测所展示的内容，有很强的品*意识，一目了然。

缺点:适配麻烦，不同风格的照片需要切图。增加app包大小，安卓还需要分别切点九图片来适配等等。

2.使用色块

在加载过程中，会出现一些色块元素，这种方法是直接读取图片的颜色并选择使用哪种颜色。大致是图片中的主色，大面积的图片读取图片的平均色。当然，背景也需要有一个强大的色库来支持和提供一两种默认颜色，避免了取色失败。目前，这样做的产品包括苹果音乐、Pinterest、Twitter、花瓣移动端等。当然，苹果音乐无法加载，默认的LOGO色块是直接提供的。

优点：图片适配非常方便，全端显示模式提供了一套色库，画面不枯燥。

缺点:色库需要配得好，颜色需要由设计师调整，人工成本相对较高。

3.提前展示内容框架

在加载过程中，内容框架的总体布局样式将提前呈现在用户面前。

解析：使用布局加载实现相对简单，全端适配简单。

4.使用灰色

在加载过程中，一些灰色图像元素会预先呈现在用户面前。

解析:Twitter采用的两种表达方式，一种是提供默认的灰色图像，另一种是图片取色。一般来说，灰度值为# F2F2F2，优点画面干净，适配简单。

5.运用空白

在加载过程中，没有占位符，直接显示空白。

解析:事实上，两者都有两种表达式:一是空内容，另一种是提供灰色默认图，但是所在是场景不同。

缺点:如果网络速度慢且无法加载，用户会感到焦虑，以为软件BUG，不推荐使用。