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

如何自学占星术占星教程网盘塔罗牌教程百度网盘

〖课程介绍〗:

不同于其它只教给你设计技能的课程，本课程将带你从产品的高度实战UI设计，以产品需求为导向，按真实项目流程进行实战，遵循主流的设计规范与标准，一步步完成APP设计，让你真正成为一个具有产品经理思维的“设计师”。

移动端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)

本课程已完结

有需要联系v；加客服窗口的联系方式

摘要：随着移动互联网的快速发展，移动端App UI设计成为设计师必备技能。本文从移动端App UI设计入门与实战出发，探讨如何培养有产品思维的设计师，帮助设计师提升设计能力，打造优秀的产品。

1、UI设计基础

移动端App UI设计的基础包括色彩、字体、布局和交互等方面。色彩搭配要符合用户审美，字体选择要易于阅读，布局要合理，交互要流畅。设计师需要掌握这些基础知识，才能进行后续的设计工作。

色彩搭配是UI设计中的重要环节，要考虑色彩的心理效应和视觉感受。例如，蓝色给人以宁静、专业的感觉，适合商务类App；红色则给人以热情、活力的感觉，适合娱乐类App。字体选择要符合App的整体风格，如科技类App可以选择简洁、现代的字体，生活类App可以选择温馨、舒适的字体。

布局设计要遵循一定的原则，如对称、对比、层次等。对称可以给人以稳定、平衡的感觉，对比可以突出重点，层次可以引导用户视线。交互设计要考虑用户的操作习惯，如点击、滑动、拖动等，确保用户能够轻松地完成操作。

2、实战经验积累

实战经验是提升UI设计能力的关键。设计师可以通过以下途径积累实战经验：

1）参与实际项目：通过参与实际项目，设计师可以了解产品需求、用户需求和开发流程，从而更好地进行UI设计。

2）学习优秀案例：分析优秀App的UI设计，学习其设计思路和技巧，有助于提升自己的设计水平。

3）参加设计比赛：通过参加设计比赛，设计师可以锻炼自己的设计能力，同时与其他设计师交流学习。

4）不断练习：设计是一项技能，需要不断练习才能提高。设计师可以通过练习设计任务，如图标设计、界面设计等，提升自己的设计能力。

3、产品思维培养

产品思维是UI设计师必备的能力。以下方法可以帮助设计师培养产品思维：

1）了解用户需求：设计师要关注用户需求，通过用户调研、数据分析等方式了解用户痛点，从而设计出满足用户需求的产品。

2）关注行业动态：了解行业发展趋势，关注竞品App的设计，从中汲取灵感，提升自己的设计水平。

3）学习产品知识：了解产品经理的工作内容，学习产品策划、运营等方面的知识，有助于设计师更好地与产品经理沟通协作。

4）培养同理心：站在用户的角度思考问题，关注用户体验，设计出易用、美观、实用的产品。

4、实战案例分析

以下以某知名电商App为例，分析其UI设计特点：

1）色彩搭配：该App以蓝色为主色调，给人以专业、信任的感觉。同时，通过红色、橙色等色彩的点缀，突出促销活动，吸引用户关注。

2）字体选择：该App采用简洁、现代的字体，易于阅读。同时，根据不同内容，调整字体大小和粗细，使界面层次分明。

3）布局设计：该App采用对称、对比、层次等布局原则，使界面整洁、美观。同时，通过合理的布局，引导用户视线，提高操作效率。

4）交互设计：该App充分考虑用户操作习惯，如搜索、购物车、收藏等操作都十分便捷。同时，通过动画效果，提升用户体验。

总结：

移动端App UI设计入门与实战是设计师提升设计能力的重要途径。通过学习UI设计基础、积累实战经验、培养产品思维，设计师可以打造出优秀的产品。本文从四个方面对移动端App UI设计进行了详细阐述，旨在帮助设计师提升设计水平。

本文由nayona.cn整理

点击联系需要东西方神秘学学习资料，专业的咨询

只要网页介绍资料，全部都有，还有很多还没来得及更新
每天更新200-300款资料
全网最大最全的神秘学资料平台
请需要什么资料，直接在对话框直接联系我，24小时在线，方便快捷
请需要什么资料，直接在对话框直接联系我，24小时在线，方便快捷
请需要什么资料，直接在对话框直接联系我，24小时在线，方便快捷
有看中网站记得联系我