当前课程知识点：界面设计导论 > 第三章：界面设计元素 > 本章概述 > 本章概述
大家好
这节课我们来讨论
界面设计需要掌握哪些关键的知识和能力
我们看这张图表
那么这个图表呢
把面向用户体验的产品设计呢
划分为五个层级
首先是目标层
就是我们前面提到过的
那么这个目标呢
就是给设计一个理由
一个打靶的靶心
它需要设计师
具备运用设计思维和方法的能力
那么第二个呢就是内容层
内容层呢就是这个产品呢
需要提供的内容和功能
要对这个内容和功能进行规划和设计
第三个部分呢是框架层
就是把内容和功能结构化
第四部分呢是互动层
也就是说对如何输入和如何输出
以及交互的过程进行设计
第五部分是表现层
也就是说在保证良好的使用性的基础上
完善界面的视觉设计
设计出最终交付用户使用的界面
可见一个优秀的界面设计作品
一般要面对这五个环节的设计思考
那么这也构成了学习界面设计
需要掌握的知识体系中的五个方面
那么它就包括
设计思维 功能和内容的设计
信息结构 交互设计和视觉设计
大家都有听过盲人摸象的寓言故事吧
那么每个盲人只摸到了大象身体的一小部分
却以为它就是整个大象的样子
那么这个就是对典型的
以偏概全的这种做法的一种讽刺
同理
如果你只知道一些界面设计局部的知识
那么你对它的认识也是片面的
要想做一个素质全面的用户体验设计师
想对界面设计这个领域
具备全局思考的能力
就需要全面的了解
这五个方面的知识和技能
但是一定要意识到
它们不是一个一个的知识孤岛
而是相互重叠和相互影响的
但是为了更方便的解析这些概念呢
我们还是把它进行了拆解
他们既是设计的步骤
也是设计思维和方法
这是一张界面设计技能图谱
五边形的每个顶点呢
分别代表我们前面提到的
五个需要掌握的知识链
那这五个知识链呢它不是相互孤立的
在大公司组成的团队中
因为分工比较细
你一般不需要全懂
可以用自己最擅长的那部分和他人合作
但是在小公司或者小型的创业团队中
你可能需要独挑大梁
完成从概念到视觉设计的全过程
那么我们对照这张图表呢
可以审视一下
自己对每个知识链掌握的情况
比如说对照行业最佳选手的作品
和自己已经有的设计经验
给自己打个分
直观地了解自身的优势和不足
在今后的学习中呢可以强化自己的优势
保证自己至少在某一个点上成为特长
同时呢也要弥补自己在其他点上的不足
争取能做到全面发展
提高竞争力
界面设计的完整知识链
包括的内容有很多
那我们这个导论课呢
是以引导学习为主
没有办法涵盖所有的内容
我们本章后面的小节呢
会从信息结构 交互设计
和视觉设计这三个知识链中
抽取若干个关键的知识点
进行简单的介绍
这几个关键知识点呢
概括了界面设计最基本的设计语言
初学者呢可以有目的的
对自己不熟悉的
或者比较薄弱的环节重点练习
就像孩子学习语言
先要识字 掌握词汇
才能说出完整的句子
要想写好文章
还需要更多的阅读 思考和练习
那么大家在掌握了
基本的界面设计语言以后呢
还要反复刻意的练习 思考和实践
才能掌握界面设计的精髓
-课程简介
--课程简介
-（1） 什么是界面
--什么是界面
-（2）界面设计为什么重要
-（3）UI的进化
--UI的进化
-（4）设计师的自我修炼
--新手的疑问
-第一章总结
--第一章总结
-第一章：界面设计概述--课后习题
-本章概述
--本章概述
-（1） 为什么设计？
-- 为什么设计？
-（2）界面设计流程
--界面设计流程
-（3）视觉优化原理
--视觉优化原理
-（4）可用性评估的基本原则
-第二章：GUI设计心法--课后习题
-本章概述
--本章概述
-（1）信息结构与交互设计（1-4）
--第一讲
--第二讲
--第三讲
--第四讲
-（2） 界面草图与原型设计
-（3）视觉设计原则
--视觉设计原则
-（4） 文字与阅读
--字体设计
-（5）图标
--图标
-（6） 色彩
--色彩
-（7） 动效
--动效设计概述
--动效小制作1
--动效小制作2
-（8）第三章小结
--第三章小结
-（9）学生个人作品网站主页设计体会
--张铁汉
-第三章：界面设计元素--大作业
-前言
--前言
-（1）什么是网页
--什么是网页
-（2）标签与元素
--标签与元素
-（3）文本格式化、块级元素与行内元素
-（4）如何使用H5进行网页布局
-（5）目录、目录结构及在页面中插入图片
-（6）CSS样式表
--CSS样式表
-（7）CSS盒子模型
--CSS盒子模型
-（8）CSS控制文本
--CSS控制文本
-（9）CSS背景、特效、动画
-（10）初识javascript及jquery
-总结
--总结
-邱艺芸-清华大学艺术博物馆APP设计
--邱艺芸
-潘俊丞-阿甘跑步改版界面设计——“趣跑”
--潘俊丞
-王婧-星巴克改版设计
--王婧
-李向阳-DIY服装app设计
--李向阳
-相宸卓-效率软件改版设计
--相宸卓
-周文欣-“你好，安德烈”app设计
--周文欣
-走近游戏交互设计
--走近游戏交互设计
-《稻之道》(作者：于汉杰)
--稻之道-于汉杰
-《思想咖啡》(作者：艾瑞雯)
--思想咖啡-艾瑞雯
-《稻香村京八件销售网页设计》(作者：王依柳)
