2023年数字交互设计.docx
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_05.gif)
《2023年数字交互设计.docx》由会员分享,可在线阅读,更多相关《2023年数字交互设计.docx(22页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、2023年数字交互设计 第一篇:数字交互设计 数字交互设计教学大纲 课程名称:数字交互设计 课程类型:专业方向课 课程编号:134081 学时数及学分:总32学时,2学分,其中讲课8学时,上机24学时。 教材名称及作者、出版社、出版时间:Adobe Flash CS4 ActionScript 3.0中文版经典教程 美国Adobe公司著,井中月译,人民邮电出版社,2023年8月 本大纲主笔人:刘云安 本大纲审定人:数字媒体学院学术委员会 一、课程的目的、要求和任务 1通过本课程的学习,让学生相识到新媒体的数字化、集成化和交互性特点。2让学生了解人机交互的历史、发呈现状及趋势。了解交互界面和交互
2、设备。 3了解人机界面的定义、起源、进展、探讨内容及进展趋势。熟识相关学科及学问,驾驭人机界面设计中认知心理学、人机工程学、人机界面的艺术设计、色调设计等。 4结合移动互联技术、物联网技术以及多点触摸、体感等人机交互技术,让学生的设计作品在跨媒体平台上与用户交互。通过创新的交互模式,促进人与数字媒体内容交互的过程中达成良好的用户体验。 为到达上述目的和要求,在教学内容和课程设置上,应留意以下有关问题: 1该课程依据从简到繁、按部就班、整体系统的原则进行教学,将课堂讲授、案例分析和实践作业三者相结合,既留意理论基础又留意技术操作。 2堂上授课、集中探讨、分组实践的方式进行教学。 3课程高度重视艺
3、术和技术的融合,面对行业应用,紧随技术的进展。4平常作业不少于4次,期末作品1次。 二、课程主要内容及学时支配 第一讲 绪论2学时 一、交互设计概述 二、课程内容介绍 其次讲 新媒体及其交互性4学时 一、新媒体的进展与数字内容的涌现 二、新媒体的可交互性 三、人机界面 四、Web界面设计试验 第三讲 人机交互技术概述4学时 一、人机交互的概念、进展历史及趋势 二、人机交互与其他学科的关系认知心理学 计算机图形技术 多媒体技术 虚拟现实技术 三、交互设备与交互界面 四、鼠标与键盘交互试验。鼠标跟随效果试验 第四讲 交互设计的方法与设计评价6学时 一、可交互的数字内容 二、事务与响应 三、交互设计
4、的流程和方法 四、交互设计的评价。人机界面设计的测试和评价的意义、设计准则、人机界面的测试、界面设计评价、硬件人机界面设计评价、软件人机界面设计评价与可用性测试 五、互动小玩耍设计试验。碰撞检测与定时器试验 第五讲 人机界面设计5学时 一、人机界面概述。人机界面的定义、起源、进展;人机界面学的探讨内容;人机界面的设计的进展趋势;20世纪最宏大的10种人机界面装置。 二、软件人机界面概述、软件人机界面的形式与标准、软件人机界面设计、web界面设计、图标设计。 三、Flash跳转函数-限制播放器试验 第六讲 驱动数字内容4学时 一、鼠标与键盘 二、体感交互 三、多点触摸交互模式设计试验 第七讲 f
5、lash互动媒体设计5学时 一、flash多媒体资源整合设计 二、flash创意网站设计 三、进度条、声音和背景音乐的限制与Flash跳转函数限制播放器试验 第八讲 html5 web交互创意表现2学时 一、html5画布 二、html5移动媒体创意设计 三、与其他课程的关系 本课程与flash动画设计、人机交互技术、web编程等课程具有亲热的学术关联。这些课程之间既有理论上的互相联系,也在实际操作上具有千丝万缕的关系。学生可以在这些课程之间进行学问与技术的互相迁移与会通,这将对数字媒体艺术创作素养的培育能够起到主动的作用。 四、考核方式 1、期末作品考查,占总成果的60%; 2、平常成果出勤
6、、课堂作业等占总成果的40%。 五、参考书目 HTML&XHTML权威指南第六版美穆西亚诺,美肯尼迪著,张洪涛,邢璐译 清华高校出版社,2023年版。 javascript高效图形编程美,Raffaele Cecco 著 徐鹏飞 译,人民邮电出版社,2023年版。 Adobe Flash CS4 ActionScript 3.0中文版经典教程 美国Adobe公司著,井中月译,人民邮电出版社,2023年版。 人机界面设计,周苏、左伍衡、王文、徐新爱 等编著,科学出版社, 2023年版。Human-Computer Interaction Second Edition,迪克斯英,电子工业出版社,2
7、023年版。 六、课程所需设备 多媒体教学系统、数据手套、android平板电脑。 其次篇:交互设计心得整理 交互设计心得整理 长期以来我就有对几年来交互设计的心得进行总结整理的想法。回到中国来亲身体会到不少同行,主要是交互设计师和视觉设计师对于交互设计的困惑,以及其他行业对于交互设计的误会和滥用。后来我在小范围内开设了一个关于交互设计的讲座;如今把它整理成文,盼望与同行切磋,共同进步。 这篇文章是我几年来在美国从事交互设计工作的一个阅历总结。当时我们遵循以用户为中心User-Centered-Design, 简称UCD的设计原则,每一个项目都是不折不扣的按全部UCD的步骤进行。下面总结的交互
8、设计的方法,是从UCD的过程中提炼出来,也就是说,同样适用于任何非UCD的设计过程。交互设计的流程 假如一提到交互设计,你就想到画线框图或原型图,那你只对了五分之一。交互设计是一个过程,从起先到结束有一套系统的流程。原型图只是其中的一个环节。 当接到一个设计项目,怎么起先?都应当做哪些工作?怎样尽可能的保证交付物满意既定的功能以及用户体验层面的易用性? 第一步,是任务分析,列出界面所要完成的全部任务。其次步按各任务确定页面流程,建立信息架构。接下来是创建统一的页面布局包括分区等。然后在页面布局的基础上进行原型设计,可以是低保真和高保真的原型图。最终编写设计说明。下面以设计一款动感相册界面为例,
9、逐步讲解各个环节。1.任务分析 第一步任务分析。这里要做的是对于将要设计的这个新界面的全部任务的分析,也就是用户在界面上能进行的全部操作。这个分析在功能需求的基础上进行,需求方一般供应一个功能点的列表。 任务分析最常见的是任务列表,另外有任务流程和任务场景等。下面以任务列表为例。列出全部主要任务,以及每个主要任务的子任务。再把子任务细分到各个步骤。形成下面这个列表。主要任务1 子任务1 步骤1 步骤2 子任务2 步骤1 步骤2 主要任务2 以动感相册为例,任务分析列表如下: 1.阅读相册 1)阅读相册列表 2)选择相册 3)阅读照片 2.创建新相册 1)添加照片 a)选择已有相册 b)选择照片
10、 c)排列依次 d)添加字幕文字 e)选择动画效果 2)添加模板 a)阅读模板 b)选择模板 3)添加音乐 a)阅读音乐列表 I.试听音乐 II.选择音乐 b)增加新音乐 I.打开本地文件 II.选择音乐 4)预览略 5)命名略 6)保存略 3.修改相册略 任务列表包括全部功能点,并对每一个功能点的规律关系进行整合。必要时会对各任务的运用频率和其它影响设计的重要因素进行分析,这里不做说明了。2.页面流程 任务分析完成后,进入设计的第一步,即设计页面流程。页面流程是设计的起先,也是重要的一环。它确定整个界面的信息架构和操作规律。页面流程是上一步任务分析的自然转化。一般来说,一个主要任务就是一个页
11、面,其它子任务也可以转化为页面。 以动感相册为例,页面流程如下: 页面几乎是把任务分析照搬过来了。所以上一步做好了,这一步很轻松,而且越往后越轻松。留意这个流程图应当包括全部将要设计的新页面,一个不少,一个不多。它不仅确定页面内容,页面数量,还确定各页面之间的关系。假如在后来设计具体页面原型时,觉察这个流程图多了或少了页面,或者页面关系发生了转变,说明你的功夫不到家这个比较难,我一般不苛求我们的设计师。根据原型图来创建或者修改页面流程图,不是在做设计,而是在写设计说明。3.页面布局 第三步页面布局是具体页面设计的起先,在上一步知道有哪些页面需要进行设计后,这里对页面进行划分,对内容进行组织。最
12、重要的一点是确定页面分区。以动感相册为例,页面布局如下: 总布局,即通用布局,适合全部页面。 具体页面布局,在不与总布局冲突的状况下,有更微小环节的布局。 页面布局给予零碎的内容以规律性,以分区的形式把页面各区域所对应的功能区确定下来,削减具体设计时的随便性。这是设计严谨与否的表现所在。把类似的操作放在一起,对于用户来说是可以预见的,用户能够推断哪个操作在哪个区域,削减盲目找寻带来的困难和怀疑。4.原型设计 这一步是大家熟知的,即具体页面的设计。这一步设计把全部的界面元素表现出来。可以有低保真和高保真原型图。低保真即是线框图,高保真多是接近最终效果图。下面是动感相册的低保真原型图。 5.设计说
13、明 最终一步需要做的是对全部页面进行具体的描述,包括对页面上全部元素进行说明,比方默认状态,跳转页面,字号字体,尺寸等。这里就不说明了。这是交给开发人员的文档,以及测试人员进行测试的根据。小结 交互设计是一个过程,它不仅仅是画线框图。交互设计最关键的两个环节是页面流程和页面布局,前者建立清晰的架构和严密的规律,后者整合零散的信息并确定分明的主次关系。这一切都是为了我们的终极目标让我们的界面符合用户的预期,不带给他们任何的意外。一切都在用户的意料之中。 第三篇:交互设计档案 交互设计师的基本素养 首先,谈谈我个人对交互设计师基本素养的看法。从我个人的理解来看,可以简洁归纳为九字诀:“听、看、想、
14、说、磨、做、验、写、讲如图1.1。 图1.1 1听:做一个交互设计师,最重要的一点就是要懂得倾听这里隐藏了一个隐晦的性格属性:虚心!。通常状况下,我们不是用户,所以很难 100%代表用户,更左右不了老板,所以我们首先要有听的本事,把来自用户的、老板的、PD的、视觉的、前端的、开发的、测试的、市场的、业界的等各方面的声音都听过来,听进去。 2看:99%的状况下,交互不是一蹴而就的创建工作,它是站在前人肩膀上不断迭代更新的行为过程。我这里指的“看是要求设计师能博览、能泛猎,看到好的,见过差的,什么都略懂,交互才能变得很美 3想:交互是思索的输出产物和表现形式。当设计师将之前听到的和看到的内容在头脑
15、中加以整理、分析,经过发散的创建性碰撞和严谨的规律论证后,慢慢得到了相对靠谱的交互产物。这个思索分析的过程贯穿于交互设计工作流程的每个环节。 4说:一个能说会道的人不愿定是一个优秀的交互设计师,但一个优秀的交互设计师必定是一个擅长精确表达自己想法和观点的人。在这一点上,我坚持交互是一门共享的学科,需要的是开放的性格和良好的沟通技巧。 5磨:耐性、技巧、热忱的综合表现。在一个项目的进程中,不行避开的会面临很多的挑战,优秀的交互设计师擅长发挥“磨的精神,他们怀揣对交互专业的无比热忱,以无所不用其极的技巧,耐性的缠死一个又一个质疑方,最终让大家认同并关心推动设计的实现。通常来说,一个优秀的交互设计师
16、会是一个优秀的Idea推销员。 6做:交互设计师专业度的核心表现。俗语说得好,是骡子是马,牵出来遛遛。对于交互设计师来说,之前的环节做得再好、再完备,也只是停留在设计师自己的脑子里,游荡于听众们的耳膜间。假如理论落实不到实际,那全部的想法都只是空中楼阁,你之前全部的努力都只是在佐证你的空泛和不切实际。所以我们不仅要能 “做,更要“做得秀丽,“做得完备!我始终都是这样认为:“做确定了一个交互设计师是不是靠谱,确定了一个交互设计师的高度,是一个交互设计师最根本的专业素养。 7验:用户体验设计,最终是要落实到用户的身上的。客观中立的验证、分析、评估实力是一个优秀交互设计师的重要素养。无论个人还是团队
17、,设计的成果都需要通过精准的测试才能算得上合乎标准,此时,一颗平常心和一双敏锐的眼睛是设计师最需要的。 8写:分析、归纳和总牢固力的综合表现。一个项目,无论胜利还是失败,总是有很多地方值得设计师本人或后来人借鉴。交互设计之路不是一座苛求零失误的独木桥,但确定是一条要求零“重复失误的单行线。评价一个设计师的专业度,很重要的一环就是看他能不能多犯前人从来没有犯过的错误,并能有效总结给后来人。于是,他就成了大家,路就这样被趟了出来 9讲:演讲实力。这里所指的是在项目后期进行的沟通共享。一个专业的交互设计师会站在宏观的高度上,以平和的心态同他人沟通,验证自己从前设计的合理性、全面性和科学性,更好的提高
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 2023 数字 交互 设计
![提示](https://www.taowenge.com/images/bang_tan.gif)
限制150内