学好UI你必须要掌握这些技术

转自：http://blog.sina.com.cn/s/blog_15da22ed10102x0gx.html

ui设计现在已经是设计行业中的瞩目之星，无论在PC端、移动端还是游戏上都是大放异彩。

随着各个行业对UI设计师需求量的大量增长，行业薪资也是水涨船高，未来几年ui设计行业将拥有更为广阔的发展前景。

ui设计师的收入现处于高等水平，一般初级设计水平月薪在8~9k，中级水平设计师的收入可上升至10~12k，几年工作经验的UI设计师可以达到13~15k。学好ui的重要性不言而喻，那么以下技能你是必须要掌握的！

软件基础

一、基础知识

1，UI行业介绍，平面介绍，课程体系介绍

2，图片分类：位图，矢量图

3，格式：jpeg，png，psd，gif，tiff，pdf

4，分辨率：

5，颜色模式：常用模式：RGB ，CMYK，索引 ，灰度

6，图层：移动工具，图层顺序，图层不透明度，图层对齐。

7，自由变换

二、选区

1选区的应用

1.1创建   选区工具

套锁工具

快速选区工具

魔术棒

钢笔选区

形状转选区

1.2选区的编辑，变换

选区反选操作

选区的边界|平滑|扩展|收缩|羽化操作

反向，扩大，选择相似，调整边缘操作

选区的取消操作

选区的变换

1.3选区的存储

将选区存储到蒙板中

在通道中存储和载入选区

1.4，文字工具

三、蒙板合成

颜色：吸管，色板，画笔（画笔面板），橡皮

蒙版：

蒙板合成，黑白灰，渐变

剪切蒙板

矢量蒙版

通道

四、图像调整

图像调整（常用）

色阶

曲线

反相

加深

减淡

调整边缘

非破坏性编辑

蒙版，智能调整，智能对象，应用图层复合面板

画笔

五、修图

修图：裁剪（拉直，比例，分辨率），修补，液化，内容识别，滤镜（模糊），调整（色相饱和度，颜色替换，着色，匹配颜色），仿制图章，历史记录

六、平面构成

造型要素：点，线，面

形式原理：对比原理，统一原理，对比统一相结合原理

肌理构成：人为肌理，自然肌理

七、平面构成  版式设计

版式设计：文字间距，版心间距

设计法则重点：分割于比例，对称与平衡，分解与重构

设计法则了解：韵律与节奏，渐变与突变，单体与衍化

无理与错视，动势构成，立体感构成

八、造型

手绘基础,线条的分类与画法.

手绘工具介绍及实用方法

讲解基本线条画法和一些简单物件绘画方法

速写造型：造型（线条，透视，几何造型）

光影材质（三大面五小调）

九、透视

掌握一点透视和两点透视三点透视和其基本原理

能熟练的使用透视帮助绘画

通过学习透视可以通过练习熟练使用盒子画法.

十、光影

几何形体的绘制方法

几何形体的光影关系表现方法.

光影关系原理

三大面五小调

十一、色彩构成

色彩概述

色彩构成

色彩属性

色彩的联想性

色彩案例分析

十二、色彩搭配

色彩与色彩心理,色彩测试,色彩板式

行业色彩划分

配色的常用方法讲解

配色练习

色彩案例分析、色彩搭配

十三、ai基础

基础工具（图像描摹，对象，选择，钢笔，画笔，分割，变形与宽度配置）

十四、AI图形

辅助线，路径查找器，比例缩放，

重复操作，颜色

十五、AI与其他软件互换

ai效果

转换格式CDR，PSD，EPS，PDF

链接图像

打包

十六、字体设计风格

风格属性（现代，复古，男女，老幼）

每种风格设计方式

字体手绘

十七、字体设计方式

路径造字

像素造字

字体变形

十八、字体特效

ai立体字

ps图层样式

斜面浮雕

内阴影

十九、创意合成

创意合成（色调统一）：图像调色，图片合成，手绘与图片合成，文字与图片合成

二十、图形创意思维方式

图形创意过程手绘

联想

想象组合

类比

同构

解构

表现形式

同构

共生

正负

异影

二十一、图形创意表现方法

夸张

讽刺

置换

比拟

借代

幽默

虚实

象征

二十二、图形logo

图形logo设计方式

名称

各风格设计方式

二十三、文字logo

文字logo设计方式

提取信息

文字变形

二十四、VI设计

标志vi

基础系统

应用系统

二十五、画册

企业画册

点线面构成

手绘草稿

色彩

画册

二十六、剪影图标

图形计算

图标的细分类

剪影图标的基本概念和相关知识。

线性图标和面性图标的制作方法和要求。

二十七、扁平化图标

图形计算

剪切蒙板复习

扁平化图标的基本概念

扁平化图标的发展历史作用及意义

ps ai扁平化图标的制作要求和方法。

扁平化图标的配色方式。

二十八、5d图标

2.5D图标的基本概念

2.5D图标的制作方法。

ps图层样式

二十九、写实图标

2.5d图标材质表现

写实图标的基本概念

写实图标的制作方法

三十、写实图标

写实图标的制作

十三一、表情包 二维码设计

创意表情包 二维码设计

三十二、创意产品包装

ps批处理 动作

包装点线面

高级阶段---移动端

一、移动产品设计流程及相关单位理论知识

流程分析，（框架分析，流程分析，逻辑分析，颜色及图形分析）dpi，ppi，dp，px，分辨率，屏幕尺寸，英寸，pt

二、平台系统规范

1，iOS系统标准，图标标准，文字标准，框架标准

2，iPad，排版方式，导航样式

3，安卓图标标准，文字标准

4，谷歌规范，栅格排版，图标样式，交互样式，板块样式，文字样式。

三、交互设计

1.信息构架（完整信息构架）

2，用户体验设计，（按钮位置，状态切换，页面跳转）

3，平台差异（iOS及安卓不同平台之间详细差异，页面交互，按键，自带元件差异））

4，导航模式（不同平台，各种导航的应用及差异）交互原型图（运用sketch制作原型图排版，应用导航模式）

四、界面设计

带着制作app界面，穿插信息构架，导航模式及原型涉及到实现页面（1电商，2音乐，3信息，4视频，5工具及后台）

五、app改版迭代更新

1，分析app改版思路，竞品分析确定改版

2，原型绘制，页面实现

高级阶段---web端

一、banner设计

1，什么是banner，版式分割，排版方式，颜色.

2，文字变形及排列，电商类banner，企业类banner'

二、网页设计流程及规范

1，axure软件基础（运用及元件使用）企业类官网信息分析，信息提取

2，网页构成元素，命名规范

3，版式设计，网页规范

4，栅格化网页制作，网页规范。

三、多种网页风格分析

1，不同网页排版方式

2，及导航方式

四、专题页设计

1，专题页头图设计，专题页板块设计

2，各类型专题页分析与制作

3，专题页实战练习

五、网页的改版

1，改版思路，框架信息分析制作

六、html5

`1.HTML5的介绍及语法规范图片标签和链接标签。

2.HTML5的标签。

多媒体标签。

文本标签。

段落标签。

视频标签。

音频标签。

3.表格标签，简历制作。

4.iframe框架和表单介绍。

5.表单属性和作用。

表单的使用。

input属性和type属性。

传值方式及区别。

七、css3

使用方法语法规范,CSS3选择器。

CSS3尺寸，背景属性，边框属性。

字体属性，列表属性，布局属性。

布局属性，内外补白，下拉列表，侧边导航。

文本属性，表格属性。

布局语义标签，兼容性，响应式布局，过度，动画。789，实例布局

八、JavaScript

基本语法，流程控制，函数。数据类型

使用方法

if语句

for循环

函数的定义及使用

字符串

整型

九、jQuery

1.基本语法，选择器，事件。

连贯操作，常用动画技术，CSS样式与尺寸操作

2.属性操作，常用动画技术。文档操作。

3.Ajax与Jsonp技术，命名空间冲突处理，Jquery插件应用，Jquery插件开发。

十、bootstrap响应式框架

1.Bootstrap基础语法，组件，插件使用。

2. 完整项目（，workshop，web端，移动端，axure，ae，xd，sketch）

以上这些是ui人员应掌握的基本技能，有一定基础的自学也是不错的，网上教学资源很多，相比自学，更推荐专业的培训机构，接受正规的培训学习，少走弯路，掌握扎实的ui技术，