正版资源米克视觉-UI设计视频教程
这套教程讲的是什么 米克视觉的这套 UI 设计教程，落点比较明确：不是泛泛地讲色彩构成和排版理论，而是围绕「一个界面从需求到交付」的完整链路展开。内容覆盖企业站、手机主题、移动端 App 三条主线，每一类都配了成体系的案例文件——PSD 源文件、Logo 素材、切图资源都在包里，可以跟着视频一步步改
这套教程讲的是什么
米克视觉的这套 UI 设计教程，落点比较明确：不是泛泛地讲色彩构成和排版理论，而是围绕「一个界面从需求到交付」的完整链路展开。内容覆盖企业站、手机主题、移动端 App 三条主线，每一类都配了成体系的案例文件——PSD 源文件、Logo 素材、切图资源都在包里，可以跟着视频一步步改，也可以拆开单独研究图层结构。对开发者来说，这类资料的价值不在于「学设计」，而在于理解界面的图层组织、栅格划分和组件拆分逻辑，回头写前端时对设计稿的还原会顺很多。
从技术栈和工具链看
核心工具是 Photoshop，从素材文件的体积和命名方式（分层 PSD、独立 Logo、图标切图）能看出工作流偏传统 UI 制作路线：先做视觉稿，再切图标注，最后交付给开发。这条链路虽然现在很多团队已经换成 Figma + 组件库，但理解 PSD 时代的分层思路仍然有用——图层命名规范、编组逻辑、蒙版与智能对象的使用，本质上和今天组件化设计是同一套思维。教程里有专门的「网站作品改稿」章节，拿现成作品做诊断和重构，这种反向拆解比纯临摹更能看清结构问题。
项目结构怎么拆
- 企业网站设计：从 Logo 到整站页面，包含「联系我们」这类典型模块，适合拿来对照练习栅格与信息层级。
- 手机主题设计：涉及图标、锁屏、桌面布局，重点在一致性和视觉节奏。
- App 界面与作品改稿：先做再改，改稿部分带完整源文件，能直接看到同一页面的多版迭代差异。
每章基本遵循「讲解 + 实操 + 源文件」的结构，素材和视频是配套的，不用自己去网上找替代素材，这一点对自学很重要——很多教程看完卡住，往往就是缺一份能动手的文件。
怎么用它自学
建议不要按顺序从头刷到尾。先挑「网站作品改稿」这一章，看别人怎么发现问题、怎么调整，建立判断标准；再回头做企业网站的基础模块，练手同时熟悉图层规范；最后进 App 和手机主题，把前面学到的规律迁移过去。看视频时同步打开源文件，把关键图层关掉再打开，观察视觉变化，比单纯看画面有效得多。遇到设计稿，顺手想想「这个模块前端怎么写、怎么拆组件」，设计和实现的边界感会慢慢建立起来。
适合谁拿来对照实践
如果你是后端或全栈方向，平时要自己搭管理后台、写落地页，这套资料能补上「界面为什么这么排」的认知缺口，配合源文件改几版，比直接套模板更有收获。如果你已经在做设计，改稿章节和分层源文件可以直接当案例库用。整体偏基础到中等难度，但素材完整、链路清晰，属于可以边看边动手、反复翻查的那类资料，而不是看完就搁置的展示型内容。
米克视觉-UI设计视频教程
从零开始，掌握UI设计实战技能
编辑点评
系统讲解UI设计流程，涵盖网站、手机主题、APP等多种设计实战，适合初学者及有一定基础的设计师。
⭐ 编辑推荐
本教程由米克视觉团队精心打造，系统讲解UI设计全流程，从基础理论到实战案例，助你成为优秀UI设计师。
✨ 课程亮点
课程目录
课程目录96 集
- ├──第八章：网站作品改稿
- | ├──网站改稿素材源文件.rar 50.26M
- | ├──网站作品改稿01.mp4 419.12M
- | ├──网站作品改稿02.mp4 364.01M
- | ├──网站作品改稿03.mp4 241.29M
- | └──网站作品改稿04.mp4 457.08M
- ├──第二章：企业网站设计
- | ├──logo.png 4.81kb
- | ├──爱奇艺.psd 20.94M
- | ├──第八课-联系我们.mp4 76.25M
- | ├──第二课-网站首页设计01.mp4 317.40M
- | ├──第九课-网站切图.mp4 84.77M
- | ├──第九课-网站切图补充.mp4 38.39M
- | ├──第六课-新闻资讯.mp4 164.83M
- | ├──第七课-下载中心.mp4 33.14M
- | ├──第三课-网站首页设计02.mp4 128.19M
- | ├──第十课：后台界面设计.mp4 146.91M
- | ├──第四课-关于我们.mp4 297.62M
- | ├──第五课-产品中心.mp4 113.52M
- | ├──第一课-网站需求与设计尺寸.mp4 392.15M
- | ├──后台.psd 1.60M
- | └──企业网站源文件.zip 103.24M
- ├──第九章：手机主题设计
- | ├──第八课：手机主题图标绘制5.mp4 136.35M
- | ├──第二课：简单图形绘制与图形运算.mp4 61.89M
- | ├──第九课：手机主题图标绘制6.mp4 155.24M
- | ├──第六课：手机主题图标绘制3.mp4 195.76M
- | ├──第七课：手机主题图标绘制4.mp4 142.48M
- | ├──第三课：图形运算与质感表现.mp4 172.79M
- | ├──第十二课：小总结.mp4 179.57M
- | ├──第十课：手机主题图标绘制7.mp4 118.05M
- | ├──第十一课：手机主题图标绘制8.mp4 122.81M
- | ├──第四课：手机主题图标绘制1.mp4 195.88M
- | ├──第五课：手机主题图标绘制2.mp4 110.71M
- | ├──第一课：手机主题基础知识.mp4 95.63M
- | └──手机主题源文件.rar 9.48M
- ├──第六章：sketch软件的运用
- | ├──课程素材
- | | ├──Sketch软件
- | | ├──CG.sketchplugin.zip 10.64M
- | | ├──Cutterman.sketchplugin.zip 492.43kb
- | | ├──Parker.sketchplugin.zip 648.63kb
- | | ├──Skala Preview.app.zip 4.59M
- | | ├──Sketch Measure.sketchplugin.zip 401.03kb
- | | ├──SketchPreview.sketchplugin.zip 14.79kb
- | | ├──迈克尔杰克逊.jpg 133.25kb
- | | ├──闹钟.sketch 228.92kb
- | | ├──微信.sketch 86.91kb
- | | ├──音乐播放.sketch 3.86M
- | | └──詹姆斯.jpg 57.16kb
- | ├──第二课：布尔运算.mp4 15.19M
- | ├──第三课：闹钟界面设计.mp4 68.63M
- | ├──第四课：sketch常用插件.mp4 29.50M
- | ├──第五课：音乐播放界面设计.mp4 114.46M
- | └──第一课：sketch基础.mp4 17.08M
- ├──第七章：APP设计拓展
- | 鈹溾攢鈹€APP鏀圭ǹ.mp4 318.10M
- | ├──APP改稿源文件.rar 2.15M
- | ├──封面.jpg 467.73kb
- | ├──网页云截图.PNG 870.99kb
- | ├──网易云.psd 11.35M
- ├──第三章：保险箱APP设计
- | ├──保险箱APP源文件.rar 41.45M
- | ├──第八课-保险箱状态.mp4 161.49M
- | ├──第二课：APP设计尺寸与基本规范.mp4 37.61M
- | ├──第九课-开门记录.mp4 55.82M
- | ├──第六课-添加保险箱.mp4 46.35M
- | ├──第三课-广告页设计.mp4 71.53M
- | ├──第十八课-APP设计规范说明.mp4 38.52M
- | ├──第十二课-保险箱详情.mp4 80.85M
- | ├──第十九课-小总结.mp4 135.25M
- | ├──第十课-报警记录.mp4 26.58M
- | ├──第十课-关联用户.mp4 85.35M
- | ├──第十六课-APP切图.mp4 34.36M
- | ├──第十七课-APP标注.mp4 160.32M
- | ├──第十三课-我的.mp4 128.74M
- | ├──第十四课-icon绘制简介.mp4 118.69M
- | ├──第十五课-切图适配基础知识.mp4 125.56M
- | ├──第四课-登录页.mp4 128.13M
- | ├──第五课-注册页.mp4 91.12M
- | └──第一课-APP需求分析.mp4 28.94M
- ├──第十一章：面试与简历
- | ├──第一课：面试与简历.mp4 410.04M
- | └──示例源文件.rar 54.22M
- ├──第十章：AE动效教程
- | ├──课程素材
- | | ├──侧边栏源.psd 3.15M
- | | ├──倒计时源.psd 140.82kb
- | | ├──电影票源文件.psd 12.75M
- | | ├──世界地图.jpg 219.36kb
- | | ├──天气源.psd 1.67M
- | | ├──银行卡源.psd 9.33M
- | | └──运动APP源.psd 1.37M
- | ├──第八课：倒计时动画.mp4 27.71M
- | ├──第二课：AE软件基础.mp4 26.25M
- | ├──第九课：天气APP动效.mp4 43.51M
- | ├──第六课：电影票动效.mp4 103.32M
- | ├──第七课：修剪路径动画.mp4 35.37M
- | ├──第三课：AE初级动画.mp4 11.60M
- | ├──第十二课：信用卡APP动效.mp4 42.56M
- | ├──第十课：运动APP动效.mp4 59.50M
- | ├──第十一课：旋转地球.mp4 41.43M
- | ├──第四课：基本动画与缓动.mp4 24.17M
- | ├──第五课：侧边栏动画.mp4 68.02M
- | └──第一课：UI动效概述.mp4 17.09M
- ├──第四章：网易电影票APP设计
- | ├──第八课：设计总结.mp4 48.80M
- | ├──第六课：设计思路拓展.mp4 62.81M
- | ├──第七课：产品交互设计思路.mp4 17.05M
- | └──素材.zip 40.42M
- ├──第五章：交互设计与Axure
- | ├──第二课：Axure原型图绘制.mp4 124.06M
- | ├──第三课：Axure简单交互.mp4 112.34M
- | ├──第四课：APP登录页交互.mp4 88.30M
- | ├──第五课：动态面板.mp4 90.63M
- | ├──第一课：交互设计与Axure入门.mp4 80.03M
- | └──交互设计源文件.rar 2.43M
- ├──第一章：UI基础知识
- | ├──第二课：UI基础问题与入门知识.mp4 33.22M
- ├──Axure7.0.rar 58.98M
- ├──Cutterman切图插件.zip 2.53M
- ├──Photoshop_CC2017.zip 1.32G
- ├──teehanlax – iOS 7 – iPhone.psd 35.89M
- ├──teehanlax-iOS8-iPhone.psd 103.24M
- └──关注作者.psd 2.21M
适合人群
- UI设计初学者
- 有一定基础的设计师
- 对UI设计感兴趣的人
🎯 学习收获
- 掌握UI设计基础理论
- 提升实战设计能力
- 成为优秀的UI设计师
🎉 祝您学习愉快！
