界面设计导论

面向界面设计的初学者,介绍学习界面设计必备的基础知识,通过案例让学生体验从设计到实施的全过程,通过作业,掌握和训练界面设计的入门知识和能力。

清华大学

学堂在线

艺术计算机

普通(中级)

12 周

  • 中文
  • 2013

课程概况

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

课程大纲

第一章:界面设计概述
课程简介
(1) 什么是界面
(2)界面设计为什么重要
(3)UI的进化
(4)设计师的自我修炼
(5)访谈 | linkedin设计师-顾盼
(6)访谈 | 爱奇艺设计师-张乙申
(7)访谈 | 爱奇艺用户体验设计中心负责人-李威
(8)访谈 | 创新工厂人工智能工程院副总裁-吴卓浩
第一章总结
课后习题

第二章: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
总结

预备知识

学习者需熟练掌握PS或AI,无其他先修要求。

HEC Managing Innovation & Design Thinking – Join Today And Inspire Innovation
声明:MOOC中国发布之课程均源自下列机构,版权均归他们所有。本站仅作报道收录并尊重其著作权益,感谢他们对MOOC事业做出的贡献!(排名不分先后)
  • Coursera
  • edX
  • OpenLearning
  • FutureLearn
  • iversity
  • Udacity
  • NovoEd
  • Canvas
  • Open2Study
  • Google
  • ewant
  • FUN
  • IOC-Athlete-MOOC
  • World-Science-U
  • Codecademy
  • CourseSites
  • opencourseworld
  • ShareCourse
  • gacco
  • MiriadaX
  • JANUX
  • openhpi
  • Stanford-Open-Edx
  • 网易云课堂
  • 中国大学MOOC
  • 学堂在线
  • 顶你学堂
  • 华文慕课
  • 好大学在线CnMooc
  • 以及更多...
本平台部分课程由Coursera、Udemy及其推广联盟服务商Linkshare共同提供,本平台合法享有相应的推广收益。

© 2008-2018 MOOC.CN 慕课改变你,你改变世界