Coursera 笔记

IBM/Designing User Interfaces and Experiences (UI/UX)/Module 02 · Web Design Methodologies/Practice Quiz: Responsive Design

Designing User Interfaces and Experiences (UI/UX)

用户界面与体验设计（UI/UX） · IBM · 63 篇

01Designing Intuitive Front Ends and Mockup Design Principles直观前端与界面模型设计原则20

01Course Introduction用户界面与用户体验设计课程
02How to make the most out of this course课程高效学习指南
03What is Design and UI/UX?什么是设计与 UI/UX？
04Importance of UI/UXUI/UX 的重要性：一个数据分析师的故事
05Design Thinking设计思维（Design Thinking）
06UX Design and StrategiesUX 设计与策略
07Wireframing and Prototyping线框图与原型设计：打造在线课程主页
08Design Methodologies and Approaches设计方法论与流程：打造优秀产品的四个阶段
09Visual Design Principles in UI DesignUI 设计中的视觉设计原则
10UI Design in FigmaFigma 中的 UI 设计
11Key qualifications and certifications required必备资质与认证
12Practice Quiz: Introduction to Design练习测验：设计入门
13Designing a User Interface用户界面设计（UI Design）
14Typography, Readability, and Color Theory in UI DesignUI 设计中的字体排印学、可读性与色彩理论
15Best Practices in UI Design for Web and Mobile网页与移动端 UI 设计最佳实践
16Do’s and Don’ts of Mockup Design界面模型设计注意事项
17Hands-on Lab: Create a Mockup Design for a Website using Draw.io动手实验：使用 Draw.io 创建网站界面模型
18Practice Quiz: Mockup Design Concepts练习测验：界面模型设计概念
19Module 1 Summary: Designing Intuitive Front Ends and Mockup Design Principles模块 1 总结：直观前端与界面模型设计原则
20Module 1 Graded Quiz: Designing Intuitive Front Ends and Mockup Design Principles模块 1 评分测验：直观前端与界面模型设计原则

02Web Design Methodologies网页设计方法论19

01Introduction to Responsive Web Design (RWD)响应式网页设计（RWD）简介
02Mobile First Design移动优先设计
03Adaptive Layouts and Fluid Layouts自适应布局与流体布局
04Working with Media Queries使用媒体查询
05Responsive Web Design Best Practices响应式网页设计最佳实践
06Cross Device Validation and Testing跨设备验证与测试（Cross-Device Validation and Testing）
07Hands-on Lab: View in Responsive and Nonresponsive in Emulator动手实验：响应式与非响应式网站
08Practice Quiz: Responsive Design练习测验：响应式设计
09Introduction to Progressive Web Development渐进式网页应用（PWA）介绍
10Progressive Web Development Technologies渐进式 Web 开发技术与框架
11Single Page Applications (SPA)单页应用介绍
12Service Worker, Push Notifications and CachingService Worker、推送通知与缓存
13Converting Existing App to PWA将现有应用转换为 PWA
14Progressive Web Applications in Action渐进式 Web 应用（PWA）实践
15No Code & Low Code Tools无代码与低代码工具介绍
16Hands-on Lab: Design a Progressive Web App动手实验：设计渐进式网页应用
17Practice Quiz: Progressive Web Development (PWD)练习测验：渐进式 Web 开发
18Module 2 Summary: Web Design Methodologies模块 2 总结：网页设计方法论
19Module 2 Graded Quiz: Web Design Methodologies模块 2 评分测验：网页设计方法论

03UI Design with Figma使用 Figma 设计用户界面14

01What is Figma?Figma 介绍：UI/UX 设计工具的未来
02Essential Concepts of FigmaFigma 基本概念介绍
03Setup and Configure FigmaFigma 设置与配置教程
04Images, Shapes, and Tools Figma中的图像、形状与工具
05Hands-on Lab: Getting started with Figma动手实验：Figma 入门指南
06Practice Quiz: Figma Introduction练习测验：Figma 入门
07Working with FigmaFigma 使用基础教程
08Getting Started with Components Figma组件入门
09Styles and Libraries in FigmaFigma 的样式与库
10Cards and Layout Grids in FigmaFigma 中的卡片与布局网格
11Hands-on Lab: Design a landing page for a travel website using Figma动手实验：在 Figma 中设计旅行的着陆页
12Practice Quiz: Intermediate Figma练习测验：Figma 进阶
13Module 3 Summary: UI Design with Figma模块 3 总结：使用 Figma 设计用户界面
14Module 3 Graded Quiz: UI Design with Figma模块 3 评分测验：使用 Figma 设计用户界面

04Final Project and Assessment期末项目与评估10

01Final Project Overview期末项目概述
02Hands-On Lab: Building a Sales App with Figma's Interactive Design Tools动手实验：使用 Figma 的互动设计工具构建销售应用程序
03Hands-on Lab: Thunkable-UI from Hand Drawn Images动手实验：从手绘图像创建 Thunkable 界面
04About the HONORS Project荣誉项目简介
05HONORS Project: Scenario and Review Criteria荣誉项目：场景和评审标准
06HONORS Project: Design Sales App using Figma and Thunkable荣誉项目：使用 Figma 和 Thunkable 设计销售应用
07HONORS Project: Enhancing Sales App using Thunkable荣誉项目：使用 Thunkable 提升销售应用
08Submission Checklist荣誉项目提交检查清单
09Honors Peer-graded Assignment: Peer Review: Submit Your Work and Review Your Peers荣誉项目同行评审：提交作品并评审同伴作品
10Final Quiz期末测验

Module 02 · Web Design Methodologies网页设计方法论

Practice Quiz: Responsive Design练习测验：响应式设计

← 上一篇Hands-on Lab: View in Responsive and Nonresponsive in Emulator动手实验：响应式与非响应式网站下一篇 →Introduction to Progressive Web Development渐进式网页应用（PWA）介绍

Coursera 笔记 · Noted by 千啾略 · As of 2026-09-14