getfromcode

虎课网 零基础学UI

测试运维
课程简介

这门课解决什么问题 这门课解决的是开发与UI设计之间沟通壁垒的问题。当拿到设计师交付的XD或Sketch源文件时,开发者往往难以快速解析设计规范与组件逻辑,导致前端还原成本极高。本课面向无设计基础的开发者,通过系统拆解工具操作与界面规范,帮助你掌握从图标绘制到多端适配的核心设计逻辑,将设计源文件转化为可落地的工程参考。 适合什么基础 无设计基础即可。课程从…

已有 18 人浏览 发布 2025-12-20 更新 2026-10-10

这门课解决什么问题

这门课解决的是开发与UI设计之间沟通壁垒的问题。当拿到设计师交付的XD或Sketch源文件时,开发者往往难以快速解析设计规范与组件逻辑,导致前端还原成本极高。本课面向无设计基础的开发者,通过系统拆解工具操作与界面规范,帮助你掌握从图标绘制到多端适配的核心设计逻辑,将设计源文件转化为可落地的工程参考。

适合什么基础

无设计基础即可。课程从工具环境认知起步,不要求任何绘画或设计经验。核心门槛在于对界面规范的理解,iOS与Android两套适配体系是后续实操的关键,建议在学习时同步对照前端开发中的响应式与适配逻辑,将设计规范与代码实现建立映射关系。

建议先看哪几块

建议优先观看工具概述、界面规范与图标绘制三大模块。工具概述让你快速建立Adobe XD与Sketch的工程认知,理解画板、图层、组件等核心概念;界面规范(iOS与Android)是前端开发最易踩坑的环节,提前理解可避免开发中的反复拉扯;图标绘制则直接对应常见业务组件的视觉实现,是后续复用的基础。

学完能独立做什么

学完本课,你应能独立完成UI界面的原型级搭建,并精准拆解设计规范进行前端还原。具体而言,能够独立使用XD或Sketch完成常见业务页面的图标绘制与组件搭建,理解并应用iOS与Android的界面规范,将设计源文件中的组件逻辑迁移至实际项目结构中,形成可复用的设计模块库。

资料怎么配合练习

资料包以视频实操为主,配合工具界面与操作步骤的直观演示。建议在学习时同步在本地环境复现关键操作,将视频中的组件逻辑迁移至实际项目结构中。重点练习工具操作与规范拆解两部分,前者确保能独立完成原型搭建,后者确保能精准理解设计规范进行前端还原,逐步将设计源文件转化为可落地的工程参考。

【资源目录】:

├──00.零基础学UI-认识UI.mp4 79.78M
├──01.零基础学UI-UI设计师的工作环境.mp4 204.59M
├──02.零基础学UI-工具概述.mp4 73.57M
├──03.UI-Adobe XD的介绍.mp4 44.39M
├──04.UI-Adobe XD的实际操作.mp4 284.41M
├──05.UI-零基础学UI之Sketch介绍.mp4 125.50M
├──06.UI-sketch操作.mp4 477.69M
├──07.UI-零基础学UI-iOS规范.mp4 121.88M
├──08.UI-零基础学UI-Android规范.mp4 95.52M
├──09.UI-零基础学UI之拟物图标.mp4 290.90M
├──10.零基础学UI-拟物图标(二).mp4 302.98M
├──11.零基础学UI-线性图标.mp4 407.79M
├──12.零基础学UI-填充图标.mp4 676.01M
├──13.零基础学UI-扁平插画(一).mp4 182.62M
├──14.零基础学UI-扁平插画(二).mp4 429.89M
├──15. 零基础学UI-扁平插画(三).mp4 351.24M
├──16.零基础学UI-字体设计入门.mp4 288.77M
├──17.零基础学UI-作品中的Banner设计.mp4 223.98M
├──18.零基础学UI- APP原型1.mp4 188.22M
├──19.零基础学UI- APP原型2.mp4 216.77M
├──20.零基础学UI- 项目准备.mp4 57.19M
├──21.零基础学UI-交互原型制作.mp4 158.80M
├──22.零基础学UI-视觉设计分析.mp4 122.39M
├──23.零基础学UI-登录页面设计.mp4 228.28M
├──24.零基础学UI-首页的设计.mp4 304.33M
├──25.零基础学UI-文章详情页.mp4 182.72M
├──26.零基础学UI-通知页和消息页.mp4 236.41M
├──27.零基础学UI-快讯和文集页.mp4 318.88M
├──28.零基础学UI-用户主页和我的页面.mp4 258.22M
├──29.零基础学UI-APP的展示.mp4 312.62M
├──30.零基础学UI-交互动效的基础知识.mp4 130.29M
├──31.零基础学UI-XD的动效基础.mp4 125.41M
├──32.零基础学UI-XD的动效演示.mp4 252.73M
├──33.零基础学UI-UX1.mp4 135.43M
├──34.零基础学UI-UX2.mp4 128.00M
├──35.零基础学UI-UX3.mp4 101.84M
├──36.零基础学UI-团队成员.mp4 103.24M
├──37.零基础学UI-APP开发流程.mp4 134.82M
└──38.零基础学UI-设计师的提升.mp4 111.41M

课程购买
课程价格
金币29
290金币限时优惠会员免费
销量:0
💎 开通会员每日免费下载,比单买更划算 →
支付成功后会自动显示下载资源云盘的链接!点击链接即可下载到本地。