在数字化产品无处不在的今天,UI设计早已超越了简单的“美化界面”,它成为了连接用户与产品的核心桥梁。对于零基础的初学者而言,面对纷繁复杂的设计软件和抽象的理论,往往不知从何下手。本课程《UI设计零基础实战系列》正是为解决这一痛点而设,旨在通过系统化、实战化的教学路径,帮助学员从入门到精通,构建完整的设计知识体系。

课程开篇便打破了大家对UI设计的刻板印象。讲师首先梳理了常见的UI类型及设计师的具体工作职责,让学员对职业全景有清晰认知。通过解析“产品诞生记”,学员将理解UI设计并非孤立存在,而是产品生命周期中不可或缺的一环。随后,课程深入拆解UI的核心构成元素,为后续的技能学习打下坚实基础。

紧接着,课程进入了设计原则的核心板块。良好的视觉秩序是优秀UI设计的灵魂。讲师详细阐述了亲密性、对齐、重复和对比四大基础设计原则,并结合大量实战案例进行演示。例如,在“亲密性”章节,学员将学会如何通过间距调整引导用户视线;在“对齐”与“重复”部分,则通过具体案例展示如何建立界面的规范与一致性。此外,课程还特别引入了栅格布局系统,这是实现多平台适配的关键技术,学员将掌握如何运用栅格快速构建响应式界面,并学习如何根据研发需求调整设计稿,确保设计落地不走样。

在色彩运用方面,课程并未止步于理论讲解,而是通过“三原色”等实战环节,指导学员建立科学的配色逻辑,提升界面的视觉感染力。针对初学者的常见困惑,课程还专门讲解了PS输出二倍图、三倍图的高保真导出技巧,解决了从设计到开发交付的技术瓶颈。

最后,课程回归到行业标准。通过详解iOS与Android的平台设计规范,包括字体字号运用、图标尺寸规范以及多分辨率资源管理,学员将学会如何用一套设计稿适配双端平台,真正具备商业项目的设计能力。无论是希望转行进入互联网行业的职场新人,还是想要提升设计素养的在校学生,这门课程都提供了从理论到实操的全方位指导。通过系统的学习,你将不再畏惧复杂的界面,而是能够以专业的视角,创造出既美观又易用的高质量UI作品。

课程目录

课程目录33 集
  • 1-1 [免费观看] PS如何输出二倍图和三倍图 (02:33).mp4
  • 2-1 [UI设计没你想象的那么难] 我们常见的UI有哪些 (01:22).mp4
  • 2-2 [UI设计没你想象的那么难] UI设计具体工作有哪些 (03:13).mp4
  • 2-3 [UI设计没你想象的那么难] 产品诞生记 (03:30).mp4
  • 2-4 [UI设计没你想象的那么难] UI由哪些元素构成 (02:46).mp4
  • 3-1 [UI设计必备技能] 亲密性的设计技巧 (07:19).mp4
  • 3-2 [UI设计必备技能] 亲密性实战案例 (06:24).mp4
  • 3-3 [UI设计必备技能] 对齐的重要性 (09:02).mp4
  • 3-4 [UI设计必备技能] 重复的一致性 (09:14).mp4
  • 3-5 [UI设计必备技能] 重复性实战案例(2) (27:54).mp4
  • 3-6 [UI设计必备技能] 重复性实战案例(1) (19:54).mp4
  • 3-7 [UI设计必备技能] 如何修改调整设计稿 (04:24).mp4
  • 3-8 [UI设计必备技能] 对比原则的层次关系运用 (01:16).mp4
  • 3-9 [UI设计必备技能] 对比原则的实战案例 (23:47).mp4
  • 3-10 [UI设计必备技能] UI设计师之研发的布局思想 (17:31).mp4
  • 3-11 [UI设计必备技能] UI设计栅格布局系统运用技巧 (03:27).mp4
  • 3-12 [UI设计必备技能] UI设计栅格布局系统实战案例 (12:40).mp4
  • 3-13 [UI设计必备技能] UI设计三原色 (06:11).mp4
  • 4-1 [平台设计规范详解] 平台字体及字号的运用 (05:30).mp4
  • 4-2 [平台设计规范详解] 一套设计稿适配IOS/Android两个平台 (08:23).mp4
  • 4-3 [平台设计规范详解] PS如何输出二倍图和三倍图 (02:33).mp4
  • 4-4 [平台设计规范详解] 平台图标规范尺寸 (05:17).mp4
  • 4-5 [平台设计规范详解] 不同分辨率的资源对应的文件夹 (09:51).mp4
  • 4-6 [平台设计规范详解] PT与PX的单位换算 (02:05).mp4
  • 4-7 [平台设计规范详解] SP DP与PX的单位换算 (04:50).mp4
  • 5-1 [UI设计从0到1全过程] 交互原型图分析 (15:31).mp4
  • 5-2 [UI设计从0到1全过程] 新建文档的设置项 (01:36).mp4
  • 5-3 [UI设计从0到1全过程] 公共样式设计(1) (13:50).mp4
  • 5-4 [UI设计从0到1全过程] 公共样式设计(2) (27:10).mp4
  • 5-5 [UI设计从0到1全过程] 公共样式设计(3) (33:36).mp4
  • 5-6 [UI设计从0到1全过程] 公共样式设计(4) (17:17).mp4
  • 5-7 [UI设计从0到1全过程] 如何输出UI设计资源 (07:47).mp4
  • 5-8 [UI设计从0到1全过程] 如何输出UI标注 (03:55).mp4