界面设计导论
界面设计导论
5万+ 人选课
更新日期:2026/04/03
开课平台学堂在线
开课高校清华大学
开课教师关琰刘虹宏万剑锋
学科专业艺术学设计学类
开课时间2026/02/04 - 2026/07/21
课程周期24 周
开课状态开课中
每周学时-
课程简介

本课程是界面设计的入门课,面向初学者,通过全面介绍界面设计领域的发展现状、应用领域和趋势,帮助学生建立一个较完整的知识框架,丰富视野,并从GUI和H5网页设计与制作方法这两个知识点入手,循序渐进地教学生学做简单的网页GUI设计,体验一个完整的设计过程,学生通过这种带有实践性的学习体验,可以对界面设计有一个初步的认识和了解,为将来的深入学习和自我提高做好铺垫。

课程大纲
第一章:界面设计概述
课程简介
(1) 什么是界面
(2)界面设计为什么重要
(3)UI的进化
(4)设计师的自我修炼
第一章总结
课后习题
第二章:GUI设计心法
本章概述
(1) 为什么设计?
(2)界面设计流程
(3)视觉优化原理
(4)可用性评估的基本原则
课后习题
第三章:界面设计元素
本章概述
(1)信息结构与交互设计(1-4)
(2) 界面草图与原型设计
(3)视觉设计原则
(4) 文字与阅读
(5)图标
(6) 色彩
(7) 动效
(8)第三章小结
(9)学生个人作品网站主页设计体会
大作业
第四章:从设计到实现:H5网页基础概念
前言
(1)什么是网页
(2)标签与元素
(3)文本格式化、块级元素与行内元素
(4)如何使用H5进行网页布局
(5)目录、目录结构及在页面中插入图片
(6)CSS样式表
(7)CSS盒子模型
(8)CSS控制文本
(9)CSS背景、特效、动画
(10)初识javascript及jquery
总结
《界面设计导论》作品分享活动
邱艺芸-清华大学艺术博物馆APP设计
潘俊丞-阿甘跑步改版界面设计——“趣跑”
王婧-星巴克改版设计
李向阳-DIY服装app设计
相宸卓-效率软件改版设计
周文欣-“你好,安德烈”app设计
2020年春活动:“和美院学生聊聊界面设计”
走近游戏交互设计
《稻之道》(作者:于汉杰)
《思想咖啡》(作者:艾瑞雯)
《稻香村京八件销售网页设计》(作者:王依柳)
App 下载
关注我们