收藏

移动端App UI设计入门与实战

我们不培养美工,我们培养具有产品思维的“UI设计师”

移动端App UI设计入门与实战,培养有产品思维的设计师

难度 中级 时长 10小时 学习人数 1062 综合评分 9.99

移动端App UI设计入门与实战,培养有产品思维的设计师

  • 第1章 课程介绍 2 节 | 13分钟

    本章为课程导学,帮助同学们初步了解UI设计,介绍实战课程安排,并熟悉产品设计、开发流程,了解如何与其它岗位配合。

    收起列表

    • 视频: 1-1 导学视频 (07:25)
    • 视频: 1-2 产品开发流程 (04:47)
  • 第2章 产品需求解析 4 节 | 47分钟

    本章将针对产品需求进行解析,通过草图、流程图形式对需求进一步梳理,并完成产品结构设计,让同学们学会用产品思维看需求。

    收起列表

    • 视频: 2-1 产品概述梳理(新的) (04:23)
    • 视频: 2-2 产品需求解析 (11:29)
    • 视频: 2-3 产品草图绘制 (14:22)
    • 视频: 2-4 产品结构图绘制 (16:15)
  • 第3章 线框图绘制 试看 13 节 | 163分钟

    本章将完成产品线框图绘制,深入梳理产品结构,帮助同学们了解产品的频道、页面以及页面元素的逻辑关系。

    收起列表

    • 视频: 3-1 问吧分类页线框图绘制 (09:38) 试看
    • 视频: 3-2 问吧分类列表页线框图绘制 (10:30) 试看
    • 视频: 3-3 问吧详情页线框图绘制 (15:03)
    • 视频: 3-4 知识列表页线框图绘制 (12:10)
    • 视频: 3-5 知识详情页线框图绘制 (17:23)
    • 视频: 3-6 知识专栏列表页线框图绘制 (15:13)
    • 视频: 3-7 问吧专栏问答页线框图绘制 (08:23)
    • 视频: 3-8 问吧专栏列表页线框图绘制 (19:16)
    • 视频: 3-9 我的频道线框图绘制 (11:57)
    • 视频: 3-10 积分商城商品页线框图绘制 (09:21)
    • 视频: 3-11 商品详情页线框图绘制 (05:20)
    • 视频: 3-12 发现页线框图绘制 (20:37)
    • 视频: 3-13 页面流程图绘制 (07:32)
  • 第4章 设计准备 5 节 | 71分钟

    本章将在效果图设计前建立产品的设计规范,包括标准色规范、控件、页面元素以及文本规范,让同学们学会从整体把控设计,并完成产品启动图标设计。

    收起列表

    • 视频: 4-1 界面布局规范设计 (05:14)
    • 视频: 4-2 标准色规范设计 (13:04)
    • 视频: 4-3 文本规范设计 (16:07)
    • 视频: 4-4 控件规范 (上) (17:36)
    • 视频: 4-5 控件规范 (下) (18:43)
  • 第5章 界面效果图设计 16 节 | 302分钟

    本章将完成产品界面效果图设计,并对产品页面元素进行深入细化,在本章,我们将会看到产品最终效果。

    收起列表

    • 视频: 5-1 产品结构最终调整 (05:58)
    • 视频: 5-2 问吧分类页效果设计 (21:19)
    • 视频: 5-3 问吧分类列表页效果设计 (28:41)
    • 视频: 5-4 问吧详情页效果设计(上) (25:10)
    • 视频: 5-5 问吧详情页效果图设计(下) (17:06)
    • 视频: 5-6 知识列表页(上) (21:57)
    • 视频: 5-7 知识列表页效果图设计(下) (12:33)
    • 视频: 5-8 知识详情页效果图设计(上) (26:24)
    • 视频: 5-9 知识详情页效果图设计(下) (18:12)
    • 视频: 5-10 积分商城商品页效果图设计(上) (23:34)
    • 视频: 5-11 积分商城商品页效果图设计(下) (21:15)
    • 视频: 5-12 发现_首页_效果图版块搭建 (20:24)
    • 视频: 5-13 发现_首页_文本与图标设计 (17:37)
    • 视频: 5-14 发现_首页_新闻版块设计 (06:46)
    • 视频: 5-15 发现_首页_底栏设计 (11:15)
    • 视频: 5-16 启动图标设计 (23:03)
  • 第6章 Banner与启动画面设计 5 节 | 83分钟

    本章将讲解Banner常见设计布局以及演示如何快速进行Bannner设计,同时将完成三张APP启动画面设计。

    收起列表

    • 视频: 6-1 发现_首页Banner设计 (17:37)
    • 视频: 6-2 知识列表页Banner设计 (16:24)
    • 视频: 6-3 积分商城商品页_Banner设计 (16:42)
    • 视频: 6-4 APP引导页设计(上) (13:08)
    • 视频: 6-5 APP引导页设计(下) (18:19)
  • 第7章 标注与切图 2 节 | 29分钟

    本章将完成效果图标注,并详细介绍标注技巧与注意事项;介绍如何与前端进行配合,完成素材切图。

    收起列表

    • 视频: 7-1 效果图标注演示 (15:00)
    • 视频: 7-2 效果图切图演示 (13:54)
  • 第8章 项目设计经验总结 1 节 | 7分钟

    本章将针对整个产品设计流程进行经验总结、梳理,并分享产品设计心得,展示实战成果。

    收起列表

    • 视频: 8-1 8-项目设计经验总结 (06:46)
本课程已完结

试看

全部试看小节



讲师

何云山 产品经理

10年产品、UI设计经验;曾在国内知名IT职业在线教育平台担任兼职在线讲师;曾参与大众点评、智联招聘、食行生鲜、领头羊、游戏屋等互联网产品设计;熟悉互联网产品运营与营销;精通互联网产品交互、UI设计;熟悉掌握Photoshop、AI、Axure等软件。

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题