UI界面设计
UI界面设计
1万+ 人选课
更新日期:2025/05/11
开课时间2025/02/17 - 2025/06/25
课程周期19 周
开课状态开课中
每周学时-
课程简介

UI已经深入我们生活中的吃、穿、住、行,如今出门不带钱包早已不是问题,不带钥匙也没关系,扫码可以支付,扫脸即可准入,可是不带手机却万万不行。手机、电脑、网页,我们每天都在和不同的界面打交道,必须适应着各种互联网带来信息产品。它们如何操作,讨不讨喜,你不经意之间在体验、在评价。

你或许会好奇它们是怎么诞生的,又或许突发奇想的一个灵感,让你萌生了自己设计一款APP,启动创业的梦想。这门课程将带你步入界面设计的门槛。

本门课程是从视觉角度研究探索交互界面的设计法则,教你如何从整体去把握视觉要素,欣赏流行设计风格。通过解读典型案例和实践练习,带你体验布局、图标、图形、文字等制作方法,你会发现界面设计竟能如此轻松上手,又让人期待……

课程大纲

第一讲 UI界面概述

1.1 概念与类别:此界面非彼界面

1.2 设计流程:从产品规划到原型

1.3 界面规范:不得不遵守的约定

单元测试1:常识判断,快来测一测!

第二讲 UI界面设计原则

2.1 为谁心动:用户中心原则

2.2 是否友好:易用性原则

2.3 上手秒懂:一致性原则

2.4 谁更讨喜:致美性原则

单元测试2:领会原则,挑战一下吧!

第三讲 格式塔理论应用

3.1 化零为整:初识格式塔

3.2 七大法则:如何感知整体

3.3 学以致用:综合运用格式塔

作业(一)图片接龙

单元测试3:都是潜规则,你能辨认吗?

第四讲 UI界面风格

4.1 时尚简约:扁平风格

4.2 亲切温情:拟物风格

4.3 空间之美:立体风格

4.4 古韵流传:传统风格

作业(二)界面风格大发现

单元测试4:都是什么风格?快来辨一辨

第五讲 界面布局设计

5.1 结构与导航:理解产品逻辑

5.2 差异与优势:决策布局类型

5.3 比例与对齐:高保真线框图制作

单元测试5:导航布局知多少

作业(三)高保真线框图制作

第六讲 图标设计与制作

6.1 点睛之笔:图标概况

6.2 基于造型:设计思路和风格

6.3 如何扁平:功能图标设计制作

6.4 体验轻拟物:启动图标创意实现

单元测试6:关于图标

作业(四)图标制作实践

第七讲 图形创意与表现

7.1 品牌记忆:闪屏形象设计

7.2 用户指引:引导页图形创意

7.3 图形实践:启动页动图制作

单元测试7:图形设计

作业(五)启动页动图制作

第八讲 界面案例赏析

8.1 设计的价值:令人心动的界面细节

8.2 融合与演进:文化设计与数字界面

8.3 互联与友善:界面设计深入解析

课外加餐包汇总

学习视频和阅读资源

设计实战视频资源