本课程是界面设计的入门课，面向初学者，通过全面介绍界面设计领域的发展现状、应用领域和趋势，帮助学生建立一个较完整的知识框架，丰富视野，并从GUI和H5网页设计与制作方法这两个知识点入手，循序渐进地教学生学做简单的网页GUI设计，体验一个完整的设计过程，学生通过这种带有实践性的学习体验，可以对界面设计有一个初步的认识和了解，为将来的深入学习和自我提高做好铺垫。
Overview
Syllabus
- 第一章：界面设计概述
- 课程简介
- （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年春活动：“和美院学生聊聊界面设计”
- 走近游戏交互设计
- 《稻之道》(作者：于汉杰)
- 《思想咖啡》(作者：艾瑞雯)
- 《稻香村京八件销售网页设计》(作者：王依柳)
Taught by
Yan Guan, Ying Kang, and
