• 课程介绍
  • 课程目录

UI设计是什么

用户界面设计——让产品有品位,让操作更舒适。

  • 用户体验设计

    了解用户期望、用户习惯,构架产品设计,从用户角度,实现产品可操作性。

  • 界面设计

    通过ICON设计、LOG O设计、图标设计等界 面设计,实现产品构 架界面展示。

  • 交互设计

    结合用户需求,实现产品界面交互,让界面优美动起来。

立即报名

UI前景就业如何

UI前景就业如何

UI学完后能做什么

电商
设计
淘宝
装修
手机UI
网页
设计
VI
平面
设计
移动
交互
电商
设计
照片
美化
APP

麦子如何让你成为两年以上工作经验的UI设计师

  • 1对1教学

    采用师徒制,1位专属导师全面负责你的教学工作,手把手带你制定目标,考核,批改作业,学习答疑 。

  • 1对1直播

    学生可以随时在PC和APP发起约课,跟自己的导师约直播课程,1对1直播,私人订制,专属讲解 。

  • 名师指导

    导师多为国内外知名互联网公司8年以上的企业经验大牛,也许你的老师就是Facebook,Google,BAT的大牛。

专业的LPS(学习过程系统) 重塑学习过程,学习足迹完全数字化 什么是LPS?

看看麦子的老师们,选择他们拜师吧,1对1指导

  • 刘昊琛
    刘昊琛
    高级UI设计师、《火影忍者》 设计主创之一

    毕业于日本九州产业大学,专注移动产品及智能交互终端的UI设计,曾参与多个知名企业的大型项目视觉设计、APP设计等。

    跟老师聊聊
  • Riva
    Riva
    高级视频交互设计师

    全球设计公司visual&interaction designer,任职于palo alto美国总部, 熟悉硅谷软件产品的开发及最新科技流行趋势。

    跟老师聊聊
  • 邢天博
    邢天博
    高级UI设计师

    前百度UI资深设计师, 7年UI设计经验。17年的美术功底,获取各类竞赛奖项达47次, 4A设计公司任职设计总监。

    跟老师聊聊
  • 马  青 
    马  青 
    资深画师

    前腾讯TgameUI设计师、索尼首席UI设计师,擅长界面设计、传统美术绘画,作品多次发表于国内权威杂志。

    跟老师聊聊

课程大纲

视觉营销创意设计,人机交互设计原则,UI设计交互与流程,以开发视角让做好设计

  • 01
    视觉设计基础篇

    掌握UI设计工具的使用后,通过学习素描光影关系、色彩原理与搭配及构图原理,打好成为UI设计师的美术造型基础和树立色彩审美意识,并能利用色彩原理进行相关案例设计与制作。

  • 02
    UI设计师入门篇

    树立设计师意识,了解UI发展规律及就业前景,并通过本阶段的学习能独立完成图标作品设计、平面作品设计及手绘作品设计等。

  • 03
    多平台界面设计篇

    基于用户界面设计准则和移动新特征,了解UI设计流程和学习后,能独立完成移动端框架设计和产品界面设计。

  • 04
    交互设计思维篇

    通过对产品设计思维的掌握和原型图、脑图设计学习后,充分了解用户体验的重要性,学习触摸式设计和界面优化设计,成为一名真正懂交互的UI设计师。

  • 05
    Html5学习篇

    基于web端知识的学习,在个人能力的基础上进一步提高,并能独立完成PC端及移动端的各种响应式网站制作。

  • 06
    动效设计及项目实战

    学习AE在UI交互过程中的动态效果设计方法和把握动画节奏。并以实战项目来进阶工作经验,让你快速成长为全能的UI设计师 。

查看完整课程大纲

学员作品

  • 图形设计
    图形设计
  • 界面设计
    界面设计
  • 电商网页设计
    电商网页设计
  • 图标设计
    图标设计
  • 网页设计
    网页设计
  • 界面展示
    界面展示
  • 天气界面设计
    天气界面设计
  • 界面设计
    界面设计

除了线上还可以选择线下学习

【互联网工厂】模式,让你在互联网公司上班一样学习

传统线下培训
学习环境

学习环境差,50人挤在一个小屋里

教学模式

1个老师对50个学生

传统授课

传统授课,所有人听一样的内容

开班时间

传统授课,所有人听一样的内容

师资团队

老师水平参差不齐

项目实战

含金量一般的项目练习

VS
 麦子线下培训
学习环境

互联网公司环境,宽敞明亮办公室和麦子员工一起办公

教学模式

1个老师对15个学生

传统授课

因材施教,根据个人进度1对1指导

开班时间

随到随学

师资团队

8年以上的一直在企业实操的工程型老师

项目实战

有机会直接参与互联网公司商业项目

咨询线下课程

强大的校企合作就业服务体系

麦子学院携手linkedin、拉勾、智联招聘、猎聘等一线招聘平台,实现实习就业权威保障!

在中国,你叫的上名字的互联网公司几乎都有我们学生

与拉钩,猎聘,智联招聘接口打通 ,并且与超过1000家A轮融资后互联网公司建立输送关系

  • 陈龙-月薪10k入职赛尔互联
    陈龙

    月薪10K,赛尔互联

  • 黄青青-月薪8k入职聚簇云网络
    黄青青

    月薪8K,聚簇云网络

  • 黄子楷-月薪12k入职麦盛
    黄子楷

    月薪12k,入职麦盛

  • 王欣晨-月薪10k入职环球网
    王欣晨

    月薪9.3K,环球网

  • 王子强-月薪12k入职明与简科技
    王子强

    月薪12k,明与简科技

  • 薛馨予-月薪10k入职爱客
    薛馨予

    月薪10K,入职爱客

  • 赵田生-月薪9.5k入职知名互联网公司
    赵田生

    月薪9.5K,入职知名医药互联网

  • 周文语-月薪10k入职上海知名互联网公司
    周文语

    月薪10k,入职上海知名互联网公司

就业, 底薪,0元入学,0风险

签订保就业,保底薪协议,
未达到高底薪就业全额退款
了解详情

媒体报道

合作企业

合作院校

荣誉奖项

现在行动,你有机会参加麦子学院的50%的奖学金计划
立即报名

体验试学

* 请放心填写,我们会对您的信息严格保密
姓名不能为空
请填写正确的电话号码
  • 1

    视觉设计基础篇

    视觉设计基础篇 掌握UI设计工具的使用后,通过学习素描光影关系、色彩原理与搭配及构图原理,打好成为UI设计师的美术造型基础和树立色彩审美意识,并能利用色彩原理进行相关案例设计与制作。

      • 01
        Photoshop应用
        1. · 控制面板
        2. · 图像编辑
        3. · 图像合成
        4. · 校色调色
        5. · 功能色效
        6. · 色彩设定
      • 02
        Illustrator应用
        1. · 描边绘图
        2. · 上色
        3. · 艺术画笔
        4. · 矢量图形处理功能
        5. · 贝赛尔曲线的使用
      • 03
        素描光影关系
        1. ·黑-白-灰
        2. · 光源及高光
        3. · 亮面及暗面
        4. · 明暗交界线
        5. · 光照射物体的明暗变化
        6. · 反光
      • 04
        色彩原理与搭配
        1. ·光色原理
        2. · 三原色
        3. · 光的反射
        4. · 如何考核
        5. · 光源色
        6. · 物体色
        7. · 暗面和固有色
      • 05
        构图原理
        1. ·构图的基本法则
        2. · 水平式
        3. · 垂直式及S形
        4. · 三角形及圆形
        5. · 长方形
        6. · 西方构图
  • 2

    UI设计师入门篇

    树立设计师意识,了解UI发展规律及就业前景,并通过本阶段的学习能独立完成图标作品设计、平面作品设计及手绘作品设计等。

      • 01
        UI简述
        1. · UI的工作内容
        2. · UI设计师的职责
        3. · 从事UI行业的人群
        4. · 执行命令
        5. · UI设计师在工作中扮演的角色
      • 02
        设计美术
        1. · 设计色彩
        2. · 设计构成
        3. · 设计手绘
        4. · 美术基础提升
        5. · 项目实战
      • 03
        图标设计
        1. · 剪影图标实训
        2. · 扁平图标实训
        3. · 拟真图标实训
        4. · 卡通图标风格实训
        5. · 复古图标风格实训
      • 04
        现代UI设计
        1. · Windows磁片设计
        2. · Google纸片设计
        3. · 声音检测案例剖析
        4. · 扁平化起缘
        5. · 扁平化变革
  • 3

    多平台界面设计篇

    基于用户界面设计准则和移动新特征,了解UI设计流程和学习后,能独立完成移动端框架设计和产品界面设计

      • 01
        移动新特征
        1. · 用户基本类型及特征
        2. · 用户隐私及平台差异
        3. · 智能家居与穿戴设备
        4. · 云与应用摄像头
        5. · 硬件交互方式环境
        6. · 响应式Web设计
      • 02
        用户界面设计准则
        1. · GUI 设计原则
        2. · 同行准则
        3. · WIN设计原则
        4. · IOS设计原则
        5. · UI的问题
        6. · NUI设计原则
      • 03
        设计流程
        1. · ID与团队合作
        2. · 细节及其建议
        3. · 开始设计
        4. · 后期工作
        5. · 设计流程前期工作
      • 04
        框架设计
        1. · 框架是什么
        2. · 框架与信息
        3. · 手机信息架构
        4. · 深度与广度
        5. · APP架构设计
        6. · 导航设计模
      • 05
        平台规范
        1. · IOS
        2. · IPHONE
        3. · IPAD
        4. · iWATCH
        5. · ANDROID
        6. · WINDOWS PHONE
  • 4

    交互设计思维篇

    交互设计思维篇 通过对产品设计思维的掌握和原型图、脑图设计学习后,充分了解用户体验的重要性,学习触摸式设计和界面优化设计,成为一名真正懂交互的UI设计师。

      • 01
        产品设计思维
        1. · 设计方法论
        2. · 需求分析
        3. · 产品案例分析
        4. · 设计思维
        5. · 设计逻辑
        6. · 编写需求文档
      • 02
        原型纸本
        1. · 什么是原型
        2. · 原型的分类及意义
        3. · 线框原型图与手绘
        4. · 纸本手工思考
      • 03
        用户体验
        1. · 什么是用户体验
        2. · 用户体验基本特征
        3. · 用户体验构成要素
        4. · 信息流与任务流
        5. · 如何设计好的用户体验
        6. · 用户体验层次
      • 04
        触摸式设计
        1. · 触摸
        2. · 合理设置操作区
        3. · 拇指操作区
        4. · 触摸式界面设计手法
        5. · 触觉与手势
        6. · 手指特征以内容为主导
      • 05
        界面优化设计
        1. · 页面布局
        2. · 栅格系统
        3. · 信息扁平化
        4. · 动态数据可视化
        5. · 横竖屏切换设计
        6. · 精细的视差
  • 5

    Html5学习篇

    Html5学习篇 基于web端知识的学习,在个人能力的基础上进一步提高,并能独立完成PC端及移动端的各种响应式网站制作。

      • 01
        HTML + CSS 实现网页布局
        1. · 表单控件
        2. · CSS选择器及属性
        3. · DIV+CSS盒子模型
        4. · 浏览器调试工具
        5. · PC端网页布局
      • 02
        Javascript 脚本编程
        1. · Javascript简介
        2. · m变量和数据模型
        3. · 表达式和运算符
        4. · 兼容性问题
        5. · 正则表达式及表单验证实战
      • 03
        HTML5
        1. · html5新标签
        2. · html5新的网页结构
        3. · Html5新特性
        4. · html5新事件
        5. · html5+css3的应用前景
      • 04
        CSS3及响应式设计
        1. · CSS3新增选择器
        2. · CSS3新增动画效果
        3. · media queries响应式
        4. · 兼容性问题
        5. · 移动端响应式网站设计
  • 6

    动效设计及项目实战

    动效设计及项目实战 学习AE在UI交互过程中的动态效果设计方法和把握动画节奏。并以实战项目来进阶工作经验,让你快速成长为全能的UI设计师 。

      • 01
        After Effects应用
        1. · 图形视频处理
        2. · 路径功能特技控制
        3. · 多层剪辑
        4. · 关键帧编辑
        5. · 动态效果设计
        6. · 渲染
      • 02
        动效提案设计
        1. · 动效原则
        2. · 提案方式设计
        3. · 动效设计方法
        4. · 动画节奏把控
        5. · 交互设计提案准备
      • 03
        移动UI实战项目
        1. · 项目模拟
        2. · 界面设计
        3. · 交互思维
        4. · 项目成品
        5. · 效果图提案展示
        6. · 互联网行业设计规范
      • 04
        UI行业项目
        1. · 面试技巧
        2. · 简历制作
        3. · 项目材料准备
        4. · 了解公司
        5. · 面试准备
综合评分
10.00
  • 课程质量 10.00
  • 老师满意度 10.00
  • 简洁易懂 10.00
全部评价
  • 周安伟
    45分钟前
    作为一个刚入门的前端工程师,用这个视频教程作为学习 Vue 真是太好了,主要之前没怎么接触过模块化设计,网上对将这些方面的又不是很多。这个教程很 nice。1 天半看了 1/3 了,毫无难度,通俗易懂。唯一的一点不足就是这不是 Vue 2.0 的,有些不一样的地方我还得翻官方文档去改。但总的来说很好。点赞!
    老师回复:感谢支持~ 能学会使用 Vue 开发实战项目就是本门课的宗旨~由于课程录制时间比较早选择的是 1.0 的。
  • 周安伟
    45分钟前
    作为一个刚入门的前端工程师,用这个视频教程作为学习 Vue 真是太好了,主要之前没怎么接触过模块化设计,网上对将这些方面的又不是很多。这个教程很 nice。1 天半看了 1/3 了,毫无难度,通俗易懂。唯一的一点不足就是这不是 Vue 2.0 的,有些不一样的地方我还得翻官方文档去改。但总的来说很好。点赞!
  • 周安伟
    45分钟前
    作为一个刚入门的前端工程师
  • 周安伟
    45分钟前
    作为一个刚入门的前端工程师,用这个视频教程作为学习 Vue 真是太好了,主要之前没怎么接触过模块化设计,网上对将这些方面的又不是很多。这个教程很 nice。1 天半看了 1/3 了,毫无难度,通俗易懂。唯一的一点不足就是这不是 Vue 2.0 的,有些不一样的地方我还得翻官方文档去改。但总的来说很好。点赞!
    老师回复:感谢支持~ 能学会使用 Vue 开发实战项目就是本门课的宗旨~由于课程录制时间比较早选择的是 1.0 的。
  • 周安伟
    45分钟前
    作为一个刚入门的前端工程师,用这个视频教程作为学习 Vue 真是太好了,主要之前没怎么接触过模块化设计,网上对将这些方面的又不是很多。这个教程很 nice。1 天半看了 1/3 了,毫无难度,通俗易懂。唯一的一点不足就是这不是 Vue 2.0 的,有些不一样的地方我还得翻官方文档去改。但总的来说很好。点赞!
    老师回复:感谢支持~ 能学会使用 Vue 开发实战项目就是本门课的宗旨~由于课程录制时间比较早选择的是 1.0 的。
  • 周安伟
    45分钟前
    作为一个刚入门的前端工程师,用这个视频教程作为学习 Vue 真是太好了,主要之前没怎么接触过模块化设计,网上对将这些方面的又不是很多。这个教程很 nice。1 天半看了 1/3 了,毫无难度,通俗易懂。唯一的一点不足就是这不是 Vue 2.0 的,有些不一样的地方我还得翻官方文档去改。但总的来说很好。点赞!
    老师回复:感谢支持~ 能学会使用 Vue 开发实战项目就是本门课的宗旨~由于课程录制时间比较早选择的是 1.0 的。
  • 周安伟
    45分钟前
    作为一个刚入门的前端工程师,用这个视频教程作为学习 Vue 真是太好了,主要之前没怎么接触过模块化设计,网上对将这些方面的又不是很多。这个教程很 nice。1 天半看了 1/3 了,毫无难度,通俗易懂。唯一的一点不足就是这不是 Vue 2.0 的,有些不一样的地方我还得翻官方文档去改。但总的来说很好。点赞!
    老师回复:感谢支持~ 能学会使用 Vue 开发实战项目就是本门课的宗旨~由于课程录制时间比较早选择的是 1.0 的。
  • 加载更多评论

© 2012-2016 www.maiziedu.com

蜀ICP备13014270号-4 Version 5.0.0 release20160127

有一位课程导师想与你聊聊

客服热线 400-862-8862

回到顶部