Coursera 笔记

IBM

Designing User Interfaces and Experiences (UI/UX)

用户界面与体验设计（UI/UX）

63 notes · 116 images · 52/61 条官方条目有笔记 · certified

Coursera ↗

Module 01

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

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

Web Design Methodologies 网页设计方法论

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

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

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

Final Project and Assessment 期末项目与评估

10 / 14 篇
  1. 01Final Project Overview期末项目概述
  2. 02Hands-On Lab: Building a Sales App with Figma's Interactive Design Tools动手实验：使用 Figma 的互动设计工具构建销售应用程序
  3. 03Getting started with Thunkable and its features
  4. 04Hands-on Lab: Thunkable-UI from Hand Drawn Images动手实验：从手绘图像创建 Thunkable 界面
  5. 05About the HONORS Project荣誉项目简介
  6. 06HONORS Project: Scenario and Review Criteria荣誉项目：场景和评审标准
  7. 07HONORS Project: Design Sales App using Figma and Thunkable荣誉项目：使用 Figma 和 Thunkable 设计销售应用
  8. 08HONORS Project: Enhancing Sales App using Thunkable荣誉项目：使用 Thunkable 提升销售应用
  9. 09Submission Checklist荣誉项目提交检查清单
  10. 10Honors Peer-graded Assignment: Peer Review: Submit Your Work and Review Your Peers荣誉项目同行评审：提交作品并评审同伴作品
  11. 11Final Quiz期末测验
  12. 12Useful UI/UX Resources and References
  13. 13Congratulations and Next Steps
  14. 14Thanks from the Course Team