课程简介

本套课程来自慕课网，这是一门设计技能＋产品思维并重的UI实战课程，UI设计师和美工的差距不是单纯的技能，是从高处、从整体着眼的“产品思维”

课程目录

第1章 课程介绍

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

视频：1-1 导学视频 (07:25)

视频：1-2 产品开发流程 (04:47)

第2章 产品需求解析

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

视频：2-1 产品概述梳理（新的） (04:23)

视频：2-2 产品需求解析 (11:29)

视频：2-3 产品草图绘制 (14:22)

视频：2-4 产品结构图绘制 (16:15)

第3章 线框图绘制

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

视频：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章 设计准备

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

视频：4-1 界面布局规范设计 (05:14)

视频：4-2 标准色规范设计 (13:04)

视频：4-3 文本规范设计 (16:07)

视频：4-4 控件规范 (上) (17:36)

视频：4-5 控件规范 (下) (18:43)

第5章 界面效果图设计

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

视频：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与启动画面设计

本章将讲解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章 标注与切图

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

视频：7-1 效果图标注演示 (15:00)

视频：7-2 效果图切图演示 (13:54)

第8章 项目设计经验总结

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

视频：8-1 8-项目设计经验总结 (06:46)