很多小伙伴认为ui设计很简单,就是用相关的软件设计制作图片、界面等。其实不然,UI设计融合了很多学科内容。要从一个完全没有基础的人成长为一个ui设计者,该如何学习呢?主要分为基础阶段和专业课程阶段,其中基础阶段包含职场必备office应用、新媒体软件应用、造型基础:素描手绘与彩铅、设计基础:色彩与平面构成。专业课程阶段包含设计技法与高阶技巧企业产品设计落地与晋级、多终端交互及用户体验精修、企业项目实训内容。具体内容请看下面的ui学习路线图,让你从小白秒变大神ui学习路线图

  基础阶段:

  1、职场必备office应用

  2、新媒体软件应用

  3、造型基础:素描手绘与彩铅

  4、设计基础:色彩与平面构成

  有了基础知识垫底,我们就可以向专业的设计领域迈进了。要想成为一名合格的UI设计者除了需要掌握必备的软件技术外,还需要掌握专业的设计原理知识、丰富的项目设计经验。在专业课程阶段,小锋为大家整理了以下4个阶段:

  第一阶段:设计技法与高阶技巧

  工具使用及设计趋势

  1.软件环境搭建

  2.设计思维建立,PS软件初级图像合成

  3.PS商业人物磨皮

  4.扁平图标绘制

  5.轻写实图标设计

  商业插画&运营字体设计技巧

  1.图像合成海报及写真照片调色

  2.静无止境中级合成

  3.品牌IP设计思路

  4.商业插画创意设计

  5.商业海报字体设计方法及案例

  品牌视觉语言,阶段作品审核答辩

  1.企业标识设计思路及方法

  2.知名企业logo改版设计

  3.VIS历史,VIS手册设计流程

  4.小组项目-企业视觉识别系统-VIS手册设计

  5.阶段作品审核答辩

  全领域物料设计,阶段项目审核答辩

  1.平面印刷流程及工艺

  2.平面物料三折页设计

  3.平面物料DM单页设计及企业宣传册设计

  4.会展喷绘工艺,主KV设计及易拉宝设计

  5.阶段作品审核答辩

  第二阶段:企业产品设计落地与晋级

  运营思维打造

  1.从运营思维角度聊聊版式设计

  2.运营作品中字体设计技巧

  3.运营设计中的设计创意,运营插画

  4.电商产品摆拍,布光,精修,后期

  5.电商中的各类设计内容规范要求

  WEB端项目全流程

  1.WEB基础知识,设计全流程及规范

  2.WEB端改版思路,栅格系统使用技巧,WEB端&移动端网站设计区别

  3.自适应及响应式网站设计技巧

  4.专题页设计类型 结构讲解,设计技巧

  5.WEB及专题项目实训

  中后台产品如何设计

  1.B端后台设计解析:ArcoDesign&AntDesign&ElementUI等主流B端框架解析与应用

  2.基于G端大屏数据可视化设计:数据类型/设计风格/设计规范

  3.B端G端设计项目流程解析,利用Figma/MasterGO搭建项目组件

  4.后台类项目

  5.后台类项目

  二阶段项目

  网站、B端项目

  第三阶段:多终端交互及用户体验精修

  移动端产品,高级视觉设计

  1.sketch软件学习

  2.设计规范,产品调性推导,色彩匹配

  3.小程序界面规范+界面代练

  4.前端工程师配合模式,特殊配合方式

  5.情感化设计及应用,原子设计理论,设计走查移动端项目实战

  移动端 项目周情感化设计概念-动效实现

  1.动效在项目中的重要性,动效可行性

  2.基础及动效案例制作

  3.动效落地配合及案例

  4.动效创意思路

  5.项目中动效制作

  三维软件学习

  1.三维软件建模

  2.高级建模、灯光、材质

  3.渲染

  4.IP形象案例代练

  5.IP形象动效实战

  除了学习以上内容外,还需要掌握必备的软件、设计以及其他技能:

  软件技能阶段:

  学习软件:PS+AI+XD+AE+ARP+C4D+Mark man标注软件、切图软件等,从0基础到精通使用工具,学会软件后教你设计技能。

  完成技能:熟练运用PS+AI+XD+AE+APR等软件

  设计技能阶段:

  图标设计、视觉设计、界面设计、网页设计、交互设计、动效设计、原型图设计、APP设计、小程序设计、UE设计、拟物化与扁平化设计、Banner设计、专题页设计、电商设计、GUI设计、WUI设计、商业实战案例项目设计流程、原创作品设计。

  H5设计、代码基础、美术手绘、配色原理、设计规范、版式、切图、适配、标准化布局、平面构成、立体构成、色彩构成、交互逻辑、思维构图。

  完成作品:各种APP界面设计、企业网站界面和PC端软件界面设计、APP交互动效设计等原创作品设计

  其他理论技能

  产品思维、设计思维、审美能力,创意想法、简历包装、面试技巧,团队协作,演讲、文案、运营等知识。

  完成作品:掌握APP项目设计流程和用户体验研究等

  能够走到这一步的小伙伴们,想必已经脱胎换骨,从小白逆袭成为了大神。当然UI设计之路细致而又漫长,更多的是需要我们不断地进行自我提升与沉淀,一步一个脚印,走出属于自己独特的slogan

UI/UE设计学习路线图(超详细)的更多相关文章

  1. UI设计学习路线图

    文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的UI设计学习路线图包含初中高三个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.baidu.co ...

  2. ui设计学习路线图分享送给初学者

    本文来源:千锋UI设计 Ui设计师就业市场前景及薪资很可观,而且现在市场上对于ui设计师的人才需求也很大,所以,现在越来越多的人看好这一行业,纷纷投入到ui设计的学习中来,那么想新手想要学好ui设计, ...

  3. Java多线程学习(吐血超详细总结)

    Java多线程学习(吐血超详细总结) 林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 写在前面的话:此文只能说是java多线程的一个入门,其实 ...

  4. Qt项目界面文件(.ui)及其作用(超详细)

    http://c.biancheng.net/view/1820.html Qt 项目中,后缀为“.ui”的文件是可视化设计的窗体的定义文件,如 widget.ui.双击项目文件目录树中的文件 wid ...

  5. maven学习笔记(超详细总结)

    目录 项目管理利器--maven 第1章 maven概述 1-1 项目管理利器-maven简介 1.1.1 什么是maven 1.1.2 什么是依赖管理 1.1.3 传统项目的依赖管理 1.1.4 m ...

  6. python多线程学习笔记(超详细)

    python threading 多线程 一. Threading简介 首先看下面的没有用Threading的程序 ):  s += i  time.sleep(  ):  s += i  time. ...

  7. Python 基础学习笔记(超详细版)

    1.变量 python中变量很简单,不需要指定数据类型,直接使用等号定义就好.python变量里面存的是内存地址,也就是这个值存在内存里面的哪个地方,如果再把这个变量赋值给另一个变量,新的变量通过之前 ...

  8. 极客时间-左耳听风-程序员攻略-UI/UX设计

    程序员练级攻略:UI/UX设计 学习设计新手, 7 steps to become a UI/UX designer 学习设计的一些原则和套路,如配色.平衡.排版.一致性等. 用户体验的 4D 步骤- ...

  9. JAXB常用注解讲解(超详细)

    简介: JAXB(Java Architecture for XML Binding) 是一个业界的标准,是一项可以根据XML Schema产生Java类的技术.该过程中,JAXB也提供了将XML实例 ...

  10. IT开发、PM、UI/UE学习路线图(非原创-参考传智播客网站介绍)

    文章大纲 一.Go语言+区块链学习路线图二.PHP学习路线图三.Python学习路线图四.C/C++学习路线图五.大数据学习路线图六.经理学习路线图七.UI/UE路线图八.参考文章 一.Go语言+区块 ...

随机推荐

  1. python菜鸟学习: 10. 函数的基本用法

    # -*- coding: utf-8 -*-# 回参函数def test01(): return 0# 以元组返回参数def test02(): return 1, [1, 2, 3, 4, 5], ...

  2. *args、**kwargs参数组

    '''def test(*args): # *agrs接收的是N个位置参数,不能接受关键字参数,转化成元祖 print(args)test(1,2,3,4,5,6)test(*[1,2,4,5,5]) ...

  3. 复杂的光照与更复杂的阴影实现过程——ShaderCP9

    --20.8.28 这章的内容看了很久,也有很多复杂的内容.中途还有事情耽搁了一会.开学后就继续好好记录努力. 我们在游戏中能看到的让人觉得真实感的来源之一就是真实的光照以及光照所产生的阴影.下面的内 ...

  4. HTML初体验之各种标签练习

    HTML初体验之各种标签练习 首先是<!DOCTYPE>标签 放在网页顶部的doctype声明是让浏览器进入正确呈现模式的关键.浏览器自动切换到恰当的呈现模式,以便正确显示由doctype ...

  5. vantUI <van-uploader> 上传图片,如何获取图片的尺寸

    html代码 <van-uploader preview-size="300px" style="width:300px;display:block;margin: ...

  6. windows10安装ubuntu18.04(64位)双系统教程

    系统安装教程链接:https://www.cnblogs.com/masbay/p/11627727.html 系统安装完成后安装显卡驱动:https://ywnz.com/linux/4573.ht ...

  7. pycharm cv2 的方法不能智能提示

    按住ctrl,光标放在cv2上,就能跳转到cv2的__init__.py文件 全选,按Ctrl+/注释掉所有语句,然后将如下语句添加到__init__.py中 import sys import os ...

  8. 修改yarn 缓存包 默认安装位置

    yarn和npm一样,默认安装的全局包和缓存都在C盘里:npm的在:C:\Users\Administrator\AppData\Roaming\npmyarn的在:C:\Users\Admin\Ap ...

  9. mongodb---docker

    docker pull mongo docker run --name mongodb -p 27017:27017 -v /mydata/mongodb/data:/data/db -d mongo ...

  10. 解决element-ui表格字段用expand展开行时其他字段也会同时展开的问题

    使用element-ui的table表格时,我们通常会在需要展开的列上通过设置 type="expand" 和 Scoped slot 可以开启展开行功能,但是渲染结果会出现其他未 ...