美章网 资料文库 交互设计论文范文

交互设计论文范文

交互设计论文

交互设计论文范文第1篇

1.第一阶段:研究教学此阶段是在第一阶段基础教学的基础上进行深入学习的阶段。学生通过基础学习,基本掌握了交互设计的基本方法,学生的整体专业素质得到一定程度的提升。因此,此阶段的研究教学主要目的和任务是进行科研创新项目研究,让学生与企业设计部门、软件开发部门的专业技术人员及专业教师共同探讨概念型的产品形态,其结果不一定是直接可应用于企业生产开发的,但一定是具有行业前瞻性的,可能是未来5年或10年才能实现的产品概念的研究。此类研究成果具备国际前瞻性,能够使企业始终占据交互设计行业的前沿,逐步缩短与国际交互设计行业的差距。此阶段学生的另一个重要研究课题是学习研究相关软件编程的内容。正如现任微软亚洲首席用户体验总监梁山鹰先生在2013中国交互设计体验周进行《双剑合璧:设计与技术》主题演讲时提出:“技术到今天已经发展成为一个所有人都可以触及的、非常简单、只要勤钻研多应用就可以达到效果的东西。设计师其实并不需要变成一个代码人员,但需要有了解、有掌握,可以通过设计和技术的交流得到一些非常好的创意。”学生了解和掌握相关软件知识后,能够将艺术设计与技术更好地融合,创造出更具艺术价值和文化底蕴的设计作品。

2.第二阶段:毕业实习教学此阶段是交互设计校企合作教学的关键阶段,对于本科毕业生来说至关重要。学生在此阶段的学习研究主要围绕自己的毕业设计及论文主题,主题可以是企业现有产品的改良设计、企业正在研发产品的创意设计或未来产品的概念设计,也可以是关注环境污染、资源浪费、生活压力等社会问题的研究课题。选定主题的过程非常重要,学生应积极主动地与企业专业技术人员和专业教师沟通交流,在锻炼语言表达及人际交流能力的同时,也可积累很多实际的工作经验。在创意设计实践过程中,学生应尽量采用分组形式完成,因为交互设计是综合性专业,需要团队协作才能准确地发现问题、分析问题并较好地解决问题,使最终设计的产品更具有完整性、合理性和可行性。毕业实习教学的目的在于让学生亲身体验企业相关交互设计方面的具体内容和操作程序,积累经验,掌握技能,增长才干,为顺利毕业并走上工作岗位打好基础。

二、交互设计校企合作教学实践案例分析

2013年4月,湖北美术学院工业设计系与西安天空数码设计有限公司进行交互设计校企合作教学。企业专家讲授了交互设计发展历史、图形用户界面设计流程、图形用户界面设计师必须具备的特质、图形用户界面设计产品的特点、用户体验设计的流程及特点分析、交互设计领域的新兴高科技应用案例等内容,使学生具备交互设计专业基础知识和较高的交互设计鉴赏能力。本次教学研究课题为“我会用GoogleProjectGlass做什么”,要求学生分组讨论,基于GoogleProjectGlass平台探讨具有独特性的应用艺术设计。学生探讨出很多具有一定艺术研究价值和市场潜力的创意构想,并在企业专家指导下,按照交互设计专业流程进行系统方案深化,完成交互设计原型和图形用户界面设计等工作。教学主要分为组建设计团队讨论、分组头脑风暴、提取设计元素并确定交互设计主题、交互设计完善及成果展示评估几个阶段进行,旨在探讨利用GoogleProjectGlass平台解决人们生活中遇到的种种问题,并提出合理可行的解决方案,以下对部分学生作品进行解析。

1.“快码”交互设计(图1)本设计主题为“快码”,主要针对购买商品时消费者遇到的种种问题进行深入调研分析,探讨利用GooleProjectGlass平台有效解决问题的最佳策略。消费者可通过GooleProjectGlass的“快码”应用设计快速扫描条形码、二维码或语音输入方式,快速而准确地查询各种产品价格及商家信息,对各卖场同类商品的价格及优惠促销信息进行对比后优选购买。“快码”应用还具备对商品的单价、数量及总价进行快速收银核算等功能,为消费者提供更快捷高效的服务,让生活更简单、更美好。

2.“记忆胶囊”交互设计(图2)本设计主题为“记忆胶囊”,通过GooleProjectGlass的“记忆胶囊”的应用记录我们生活中的精彩瞬间,使那些随时间流逝而被淡忘的当年所做的事或许下的诺言在意想不到的时刻被重新回味。学生进行深入的人物角色定位分析,设置了许多场景剧本,如,场景一:生活中值得纪念的瞬间,如向爱人求婚的时刻,可以通过指定位置提醒记录浪漫瞬间,当再次路过此处时,“记忆胶囊”指定位置将提醒用户回味美好时刻;场景二:“记忆胶囊”的提醒功能将在未来自定义的某时间内提醒用户与好友一起分享或实现当年的约定;场景三:在朋友圈内因为各种原因无法与朋友一起回味当年的喜怒哀乐,可以通过“记忆胶囊”朋友圈记录当时的瞬间,在以后某时刻与朋友一起分享;场景四:当用户希望分享记忆视频给陌生人时,可以通过随机对应视频共享功能配对陌生人,分享视频并且评论或者邀请陌生人加入朋友圈等。

三、结语

交互设计论文范文第2篇

隐喻,就其内涵而言,即以人们浅显易懂的事物来表达抽象复杂事物。人脑习惯于从事一些自发的解释工作,对于一些无法求知的事物,常常习惯用自己熟悉的事物符号去解释。[1]人们会习惯性地根据自己的既往经验去理解、消化抽象的对象,对象越是复杂难懂的时候越是如此。当代艺术心理学认为:这种形态与情感之间的隐喻性联系,是由于心理上的“张力”所引发的,当视觉形态与人的知觉组织活动以及内在情感这几个领域之间“力”的作用模式达到结构上的一致时,就可能激起审美经验。对于手机交互设计来说,隐喻已成为一个不可或缺的设计手段和工具,通过对现实生活中既往经验的利用和分析,找到类比对象之间的类同之处,获得隐喻的基本元素,将人们熟知或者具体的事物来与抽象的代码和功能相联系,使得用户的主观经验和感觉经验相匹配,以用户熟悉的方式来恰到好处的启示用户对产品各个抽象功能的理解,帮助用户与产品进行良好的沟通。隐喻的产生要素,隐喻成功产生的基础是具有“相似性”,能够将初始不能直观被认为其间存有相似性的两个对象灵活联系起来,让人们产生对某一抽象对象的新的认知,也就是说,隐喻和被隐喻对象之间要有雷同之处。我们可以将这种“雷同之处”分为物理雷同和心理雷同。物理雷同,即客观相似性,是对象之间在外层表面或者功能的相似性。例如,在iPhoneIOS系统设计中,无论是IOS6还是IOS7,其CLOCK应用软件均是以现实生活中闹钟的形象来传达其含义,MAIL和CAMERA等应用亦同是如此,MAIL用的图标是一个信封的图标,形象的暗喻了其功能;IOS6中CAMERA采用的是相机镜头这个显著特征来暗示其功能,IOS7中则直接使用了相机的经典形,可谓是殊途同归。心理雷同,即“主观相似性”,来自于心理感受上的相似。通俗来说就是因文化、风俗、社会道德或者其他一些心理因素而使得人们认为某些对象之间有相似之处,受个体和文化的影响,会具有不小差异。例如“,龙”这种动物,在中国,被视为祥瑞之物,寓意吉祥,是王权的象征,但是在一些西方国家中,龙却被视为邪恶的化身。由此可见,不同人的认知价值对于那些仅仅依靠心理相似性的隐喻具有较大的影响,在设计运用中要好好斟酌。隐喻成功产生的另外一个重要因素是“经验基础”。通常,人对客观世界的认识是通过其自身出发,去体验和认识的,人们往往对于亲身经历或者感受过的事情会长时间保留在记忆中,具有很深刻的印象。随着阅历和经验的丰富增多,就越容易使用和理解隐喻,产生类比的行为,发现不同对象间的相似性,主观将自己的既往体验与当下抽象对象做类比。例如,在手机微信3.0版本中推出的“摇一摇”功能,其物理隐喻就做得十分成功。要说摇晃这个动作是人类最古老的神秘的手势之一毫不夸张,灵长类动物在初次玩耍未知事物的时候,最经常使用的研究手段便是“摇晃”,甚至在当今,我们人类在接触一些未知产品时,依然会不自觉地产生“摇晃”这个举动,这是最简单有效的感知未知物体内在方式,这就是经验相关性。需要格外注意的是,以往的经验是构建概念隐喻的基础,一旦以往的经验作为概念建立起来,并且被广泛接受,那么它就会通过在生活经验中制造新的对应关系将自身结构强加于实际生活,从而得以实现,对于某一代人来说或许只是某个隐喻制造出来的新的映射关系,但是对于下一代人来说,很可能就被当作该隐喻的经验基础而被接受了。类似情况在手机的交互设计中经常出现。例如,系统是一个虚拟的环境,其中很多概念对于之前不怎么接触电子类产品的人来说都是十分抽象的,在这个时候,用户就可以通过自己在现实生活中的经验来理解产品中的那些抽象概念。

2隐喻在手机交互设计中的运用和表达

(1)基于客观存在。通常,这一类的隐喻是根据隐喻对象的“物”这个角度来架构的,囊括了现实世界中所有的物质和现象,无论是自然界原本所固有的,抑或是在后来的发展中再生形成的,皆可归于此类隐喻。譬喻拟人化、借镜自然或者认为产物等,都属于这一类。在手机的交互设计中,这类案例也是不胜枚举,例如,在一些移动应用的导航设计上,就采用这种基于客观存在的隐喻式导航,这种导航主要用于游戏,但在帮助人们组织事物(如日记、书籍等),并对其进行分类的应用中也能看到。(2)基于功能。基于功能的隐喻,意即从隐喻对象的“功能”角度出发,进行架构,包罗了所有事物的内在和潜在的功能,功能性的隐喻就是把你在某一个环境下所做的操作与你在新环境在所要做的操作联系起来,从而唤起功用上的一种类同感,或者说是架构出功能上的相近点,从而刺激你去做出类似操作行为的尝试。这种手法在手机交互设计中得以频繁使用,如多交互动作或者图标都是基于对象功能的隐喻。例如,在触屏手机的Android操作系统中,提供了删除图标的功能,其具体的操作方式就是长按你需要删除的图标,在出现垃圾桶图标之后,将图标拖如垃圾桶中,这就如同我们在现实生活中将垃圾放入垃圾桶一样,操作过程并不难以理解。再比如说Android操作系统中的滑动翻页功能,这个动作在很多系统中都有应用,功能一致,用户通过左右滑动的形式来翻页以便浏览更多内容的,这就如同我们在现实生活中一页一页地翻开书本去阅读更多内容一样,这些都是非常成功的基于功能的隐喻。(3)基于事物道理。在手机交互设计中,还会有许多既不能归于客观存在也不能归于事物功能的设计,这些设计就需要基于事物道理去进行隐喻设计了。事物道理,顾名思义,就从隐喻对象运动发展中所形成的内在的结构中所包含和存的“道理”出发。例如,我们在设计导航模式的时候,无论最后选择的是跳板式、陈列馆式,抑或是仪表式等式样,都是需要根据各个功能模块的逻辑关系去进行结构设计的,而不是单纯基本美学因素。

3如何在手机交互设计中构筑合理的隐喻

(1)隐喻对象易识别,降低理解复杂系数。手机应用本是个抽象的产品,合适的使用隐喻能提高手机交互的识别性,降低用户对庞杂功能的理解难度系数。一个好的隐喻设计首先要有一个好的隐喻对象,一个好的隐喻对象,可以向用户传达清晰明确的含义,让应用一目了然,尽可能地降低用户理解偏差系数,减少错误性的操作行为。不合适的隐喻对象容易让用户产生困惑,所以在进行隐喻设计的时候,就要尽量做到设计简洁、传达信息清晰明确,争取做到一目了然。例如,当我们在一定的距离之外来看标志的时候,有符号的标志比只有文字描述的标志更易于识别,而符号简单的标志比符号复杂的标志更易于识别。同时,在使用隐喻的时候,要注意隐喻的单一,不要使用那些容易产生歧义的隐喻,这样会容易造成用户对应用的不信任感。(2)选择能够被广泛理解的。全球共有两百多个国家和地区,在不同的国家和地区之间,其语言文化、风俗习惯等方面都各有差异,如果你的设计是要服务多个国家或地区的,那么你在使用隐喻设计的时候就必须充分考虑到是否能够被受众广泛理解,实在不能顾全的,应该适当添加辅助设计,尽量避免应用产生误解,或者让用户觉得难以理解。在设计中多使用图形,而不是文字,文字是有其局限性的。相比文字,图形的传达更直接,也更富有力量。在日趋国际化的现代信息社会中,语言障碍已经被打破,各国在通用英语的情况下,图形传播的力量仍然起到了十分重要的作用。所以,在具体的设计中,当面对庞杂的用户群时,更多的使用隐喻,对各个因素进行权衡,尽可能地选择能够被广泛理解和识别的,这样也会比枯燥的整页文字说明来得有效果。

4结语

交互设计论文范文第3篇

卫浴俗称卫生间,不仅只是人们生理需求的场所,更可以成为人们追求美好生活的享受空间,卫浴设计主要通过水龙头、沐浴设备、洗脸盆、卫浴配件等来表现。卫生间是家中最隐秘的地方,精心对待卫浴空间,就是精心打造一个真正舒适的家居的开端。传统的卫生间设计,从顶、墙、地、上下水、照明,都要遵循并根据人体工程学的原则作详细的安排,顶部的色彩和材质,墙地砖的色彩,尺寸和空间的关系,地面防滑,防水,以及日常卫生维护,都会是一个家居设计师所要考虑到的问题。在家居设计个性化的今天,人们已从简单的卫生间概念中走出来,从盥洗、梳妆、桑拿到冲浪……卫生间的设计无疑是居家装饰的重点之一,是一个完全放空自我的空间。

卫浴间一般分为两个区域,一是前区的盥洗区域,二是后区的洗浴区域。通常盥洗区域有盥洗台,半身镜,储物柜及便池或马桶。在前区这些功能都是必须的满足的,在满足功能后,考虑形式,将单体摆放到适当位置,如盥洗台,半身镜,储物柜这些将要组合放置,先方便人们使用,再来将设计风格带入其中;后区的洗浴区域要重点满足洗浴的功能,也允许只考虑这一个功能。洗浴区域最重要的就是浴缸,浴缸多以沿墙布置考虑为主。后区的设计就是将很多盥洗用具、清洁用品等物品放在隐蔽位置但又不影响使用还显得美观。要将后区的设计做好,就必须考虑功能与形式的统一,这样就会让卫浴使用方便又美观大方。

二、交互设计与卫浴产品结合的表现形式

交互设计并结合卫浴产品在生活中比较少见,主要是在科学和技术的结合,但可以改变产品的功能和特点,减少科技的内容增加交互设计的人文精神的内涵也可以结合这两种,如人机工程学应用于产品使产品更符合我们设计的简洁和自然。如地板的材料可以选择防滑材料增加我们的安全等的发展,现代的卫浴空间的设计不仅仅只注重身体所需要的空间更注重人精神所需要的空间,比以往的注重点有很大的突破,除了设备创新和发展,使用的材料,功能,设计风格等等,也有很大大的突破,这些使设计更加灵活.

交互设计论文范文第4篇

(1)专业基础课程多为计算机专业基础课程,且课程间相互独立,没有经过充分地衔接和整合,影响了学生专业知识整体贯穿的能力,表现为学生每门课程都了解,但在本门课程进行整体界面设计的时候,学生无处入手,不知道该用哪些专业基础知识去进行设计。

(2)由于专业扩招,学生人数较多,教师教学任务繁重,师生间缺乏必要的交流和沟通,教师无法对学生的专业基础知识进行梳理、引导及融合,使学生的专业知识结构出现断层。

(3)由于数字媒体专业属于工科专业,学生所学知识偏向工科类型,对美术类专业知识了解甚少,导致在整个课程教学期间,学生只是机械地按照老师的要求去接受专业知识,制作作品,丧失了大学生最可贵的主动创新的能力,以及对作品甚至于本课程的兴趣。

2改革措施

以上就是在课程教学中所发现的一些问题,针对这些问题,在课程教学措施方面针对学生这样的情况作了一些教学改革,其主旨在于通过课程来培养学生的思考方式、设计素养及制作。

2.1采用小组方式教学通过进行笔试面试等程序,将学生组合成若干小组团队,小组各个成员的专业知识各有所长,作品由各小组成员合力完成,通过相互间的取长补短和沟通,增强学生快速适应项目和完成项目的能力,并锻炼了学生的团队合作能力。不同的学生,关注的角度和创作细节会不尽相同,这样的碰撞会为团队的作品带来新的生机。

2.2以项目方式教学传统的课程式教学,授课范围广,对于学生纵向知识的深入理解是不利的。就本门课程而言,不是培养通材的教育,而是在学生身上发现他在这门课程的“闪光点”。采用项目方式进行教学,能够认学生深入到每个具体项目,完整地体验整个项目创作流程,包括需求分析、设计定位、构思、制作、用户体验、市场推广等。教师在整个流程中全程进行跟踪,目的是发现学生身上的“闪光点”,从而提炼出学生的优势能力并告知学生,从而使学生体会到自己的短长所在。

2.3引进多学科课程、讲座选修制本课程涉及到的学科领域众多,在发掘出学生的特长后,学生可以根据自身的特点和兴趣,结合本门课程的特点,进行其它学科课程或讲座的选修,这对学生的好处是不言而喻的。成都大学作为综合性大学在这方面有着天然的优势,学生通过选修,使自己的特色更加凸现,同时也可以改善自身的短板,让自己的有机能动性得到完全发挥。

2.4做好课程数据库工作课程开设的具体项目或案例,将之划分类别并进行整理,可以得到严谨、具有说服力的数据库。这个工作为教学资料作了重要的积累,会大大提高课程教学的效率。当然,数据库需要随着课程的进行而不断更新、修改。同时我们在教学过程中要选择性的运用数据库的数据,而不是机械式的从数据库进行复制。

交互设计论文范文第5篇

文字作为视觉传达设计的主要元素之一,在信息发达的网站时代,多变的字体设计带给了人们丰富的视觉效果。交互作品中最为基本的实际元素就是文字,文字能够以直观的方式把皮影元素体现在网页中。在文字的设计上应考虑到皮影戏的历史特性,要尽量避免现代风格强烈的字体,而且要尽量选择具有浓厚的中国特色、典雅质朴的字体设计。此外,文字的排版也能够表现皮影的特色,是提高界面艺术效果的重要措施,让文字排版贴合皮影的历史性质,使页面设计流露出古典感。图形在网站中是必不可少的元素。皮影角色的脸部往往只有侧面而没有正面,一般采用的是半侧面造型。所以在图片的设计上,可选取带有皮影风格的图片或图案对页面进行装饰,使皮影风格在页面的设计中能够生动地体现出来。网页的整体风格影响到浏览者对于设计的整体感受,《中国皮影戏》交互网站考虑到皮影戏的历史特性,因此在页面的色彩风格上富有浓厚的中国古典特色以体现中国的传统文化。为了体现皮影的风格,页面的整体色彩设计主要以古典黄为主,不仅给人以稳重统一的感觉,还富有中国特色。

二、交互作品《中国皮影戏》的交互设计与软件实现

在这个项目中,组员共同探讨了将中国皮影戏的人物动静态表现与页面相互关联的交互设计和软件实现话题。笔者遵循交互网站页面的设计规范,页面按钮实现了交互设计,同一个页面中使用的选择按钮实现效果相同,通过指针弹起和点击时的不同效果实现页面切换命令,其中还将页面的图片进行了按钮链接,真正实现交互网站图文并茂。做交互设计时遇到的最棘手的问题就是每个页面的按钮链接。首页的链接有六个,二级页面的链接按照展示的内容制作。以首页的表演形式为例,点击首页表演形式按钮,按F9键跳出动作面板,在影片剪辑控制里面双击“onrelease”,然后在“浏览器/网络”里双击loadMovieNum,然后在括号里面英文状态下输入{“biaoyanxingshi.swf”,1},这样首页链接到表演形式的二级页面就完成了。其他的链接步骤都一样,只是输入的链接名称不一样。要注意的是,要把所有要链接的文件名以英文命名,而且要放在同一个文件夹里。在链接网页页面时候,三级页面的返回是链接到上一级页面即二级页面,二级页面返回到一级页面,首页链接也一样,都是通过一级一级的链接完成,所有的链接都是在Flash中完成的。

三、结语

交互设计论文范文第6篇

(一)生命起源“生命起源”即自然博物馆,这个展馆特别针对小学班级而开设。通过祥宝的文字,图片和珍贵的古生物化石标本,揭示生命从无到有,从简单到复杂,从低等到高等的过程。老师带领学生进入博物馆后,鼓励学生用文字描述和草图、绘画来记录他们的发现,并激发学生的想象能力,扩展学生的课外知识。通过观察发现,这一活动直观地为孩子们展示了考古的过程,他们了解到了一件展品是如何被发现并挖掘的,而且意识到这中间经历了多么繁琐的程序。从学生和老师的评价及活动期间学生明显增强的参与性来看,自然博物馆具有简单,紧凑并易于理解的特点,是非常成功的教育活动。

(二)历史博物馆灿烂的赣文化,展出文物、文献500余件,以鲜明的主题,利用大量文物、文献、图片、景观、字画等比较传统平实的陈列展示,再现赣文化的数万年的辉煌。参观者如何理解博物馆及其通过文物传达的信息资源则尤为关键,这一观点已得到普遍认可。

二、稳固:传统的展示形式仍是博物馆展示的重点

革命历史博物馆中传统的陈列展示是面向大众化传递信息的主要平台。王宏钧主编的《中国博物馆学基础》对陈列的论述为“:博物馆陈列是在一定的空间内,以文物、标本为基础,配合适当辅助展品按一定主题、序列和艺术形式组合成的,进行直观教育和传播信息的展品群体。”采取场景还原法是在“五万人群众大会”这个事件的设计中,当时的场景再现是由一个个栩栩如生的蜡像组成了,并结合了模拟以及绘画。但是美中不足的是场地的约束,在灯光和声音的处理上稍欠细节,不够精致。而在场景还原中,灯光的重要是毋庸置疑的,对气氛的塑造和空间的架构的作用很重要。

三、互动:加强革命历史博物馆的互动性建设

博物馆展览互动项目的表现形式是借助游戏、情景模拟等手段,让参观者感受到展览的参与性、趣味性。例如在德国馆一场大型的行为艺术表演,参与者正是参观的游客,与之互动的是一个巨大的“金属球”,它的变化来自于观众。这是一种非常奇妙的集体行为,观众感到互动是如此具有魅力。互动体验可以体现在触摸、扮演、游戏等一系列方式中。“功能主义没有考虑到建筑设计对游戏活动,交往类型的可能性等诸多方面潜在的影响,完全是一种着眼于功利和物质的规划思想。”杨.盖尔教授《交往与空间》一书被著名建筑师拉尔夫.尼斯金称之为“有特殊重要性的著作”。大家接触较多的是游戏这一项,其他方面则投资力度不大,建设较弱,博物馆可设立专门的小舞台,长期保持特定的剧目或经常更新,让感兴趣的观众过一把演员的瘾,穿上战争年代的衣服,用一用当时的仿真物件,这样来过博物馆的群众会留下更深刻的印象。

交互设计论文范文第7篇

响应式WEB交互设计的目的是一个网站能够兼容多个终端,页面能够自动配适显示设备。具体的实现方式由多方面组成,包括弹性布局、CSS、网站框架等。下面我们来介绍几个常用的响应式页面常用技术。

1.1MediaQueryMediaQuery用于根据不同分辨率尺寸调整相应样式。现在市面上基于IOS系统平台和Android系统平台的移动设备占大多数,同时他们的自带浏览器内核都为webkit内核,所以我们可以使用viewport属性和MediaQuery技术实现网站的响应式交互。这种方法能够非常方便的实现基准字号font-size在不同分辨率下显示完全,不会出现阅读困难。

1.2FluidgridFluidgrid即流体布局。其作用在于将网页上一些元素的框格由固定模式调整为相对模式(如百分百或比例等)。使用Fluidgrid能够使网页根据屏幕的宽度自动调整页面宽度,进而保证页面内容显示完整,原有功能继续可用。

1.3FlexboxFlexbox是css规则总新添加的一种模型属性。它类似于APP结构,展示方式是固定头部与底部,中间部分内容的高度实现自动适应。Flexbox的出现打破了常常使用的原有的浮动布局方式,实现了垂直等高、水平均分、按比例划分。如果希望目前的网站能够以正常的网页方式编写,并且以WabApp的外观显示方式出现在用户面前,那么Flexbox是非常适合的一种方式。

2响应式交互建设流程

2.1确定内容架构根据网站定位以及用户分析,确定网站整体风格、展示结构,如页面层级、页面内容等,对网站进行整体规划,厘清脉络关系。

2.2设计移动框架移动优先理念是基于对移动设备与PC设备之间关系的深刻理解而产生的,移动设备许多特性让设计更全面及强大。比如移动设备上的语音识别、基于地理位置定位、手势操作等,人们发现移动设备交互比PC拥有更多可能性。从移动设备开始让设计师更早思考如何发挥这些特性及优势。

2.3设计响应式框架我们需要基于移动端框架拓展开发出PC端及平板电脑端框架。首先确定响应模式,那么从手机端显示到平板电脑显示再到PC端显示,整个网站布局如何变化,内容如何编排,优先级如何调整等都是需要设计的部分。同时我们需要对规则继续进行细化,即为定制流体栅格系统(屏幕占比)。

2.4模块设计在确定了响应式框架的页面结构以及相应模式后,我们要开始进行模块设计的工作。在产品设计时我们采用了移动优先的理念,但在整个产品的细节设计以及开发过程中,是否采用移动优先原则应根据实际情况具体分析。在这里,PC优先可以充分暴露业务复杂度,而且项目的设计、开发和测试在PC环境下拥有更成熟的工具和流程,因此,在必要的时候采用PC优先理念也是非常合理的。同时我们应注意的是,在开发模块的时候,必须时刻提醒自己:这个模块在当前设备上运行无误,在其他设备下是否会发生问题?

2.5响应式模块设计PC端模块完成后,接下来我们需要根据已设计好的PC端模块拓展出移动设备模块。这些模块必须符合设备习惯,充分利用设备特性,为用户体验带来便捷与舒适。

2.6测试优化这一步需要在真实设备下测试网站效果,并对暴露出的问题进行优化。测试优化内容包括:服务器承载测试及优化,软件性能测试及优化,用户实际体验测试及优化。

3响应式设计优化

该文之前提到过,响应式设计也存在一些自身的问题和弊端,可能会影响到用户体验。那么这些问题和弊端就必须进行进一步的优化处理。

3.1减少HTTP请求次数在目前的网络环境下,移动端用户的数据使用流量是有限制的,可以说这是相较PC端的一个劣势。那么为了节省用户流量,我们可以使用Ajax异步请求来优化页面内部的一些操作。使用服务器端及前端缓存等机制保存页面内短期不会变化的一些数据,这样可以在一定程度上降低用户的数据请求量。

3.2压缩Javascript和CSS将页面内Javascript和CSS进行优化精简之后,可以有效地降低页面大小。

3.3减轻Javascript库负载目前很多响应式交互设计使用jQuery框架,事实上很多页面或许并不需要如jQuery一般强大的交互框架,我们可以用其他轻量级框架进行建设。目前针对移动端状态,有jQueryMobile、YUI、XUI等可供选择的框架。

3.4页面实现逐次加载移动终端设备由于屏幕大小有限,承载的信息量也有限,我们没有必要将全部PC端页面总内容一次性加载完成。我们可以使用逐次加载模式,当用户有继续观看的意愿,并对屏幕做出相应手势时,再继续进行加载新闻或图片。

3.5使用CND进行页面资源管理CDN是英文ContentDeliveryNetwork简写,意即内容分发网络。它的基本思路是将互联网中有可能影响数据传输速度和稳定性的环节避开,保证内容传输的稳定性。

3.6优化图片显示其核心思想是实现用户设备分辨率的自动区分,根据不同分辨率提供不同大小的图片以供用户加载。这样既能使不同终端用户都获得良好的用户体验,同时不会浪费用户数据流量和加载速度。

4优秀的响应式WEB框架

4.1GumbyFrameworkGumbyFramework是一个灵活的响应式框架,它建立在SASS基础之上。SASS是一款CSS预处理器,它功能强大,提供很多新的工具来支持使用者快速自主开发Gumby框架。Gumby的产品更新紧跟最新的行业技术标准和规范,同时支持chrome、firefox、Opera、IE8-10等多种主流浏览器。如果开发者刚刚开始接触响应式交互网站,那么使用Gumby是非常适合的。它自带PSDUI工具包,能够非常方便地帮助制作者开发出一个漂亮的响应式交互布局网站,且不需要太多专业性代码。

4.2FoundationFoundation由位于加州坎贝尔的产品设计公司ZURB设计开发,是目前非常现金的响应式WEB设计框架。它拥有很多布局模板、CSS样式表以及自己开发的优秀JavaScript插件。同时,Foundation强大之处还在于其将SASS有效整合,开发者可以使用Mixins概念简化开发行为,使组件的使用更加简单便捷。

4.3SemanticSemantic优势在于提供一个共享UI以供开发人员和设计师共同协作,共同开发,提升可控范围。Semantic使用自然语言习惯来辅助开发,让开发过程更便捷,同时,Semantic还可以实时进行debug输出,提示代码作用。

4.4PureCSSPureCSS是一款轻量级响应式框架,解压缩后只有5.7KB。它基于Normalize.css框架构建,没有使用任何JavaScript,只使用了HTML和CSS技术。该框架采用模块化结构,每一个模块样式都可以单独使用。

4.5TukTukTukTuk是一个高效快速的响应式CSS3框架,以轻量级的设计和面向对象的CSS为优势,非常容易扩展。5.6KubeKube是一款灵活的CSS框架,包括网格、按钮、表、排版样式等实用功能,可对forms,grids,buttons,tables,typography等属性设置样式,同时提供LESS文件,给开发人员带来了极大的灵活性。

5结语

交互设计论文范文第8篇

人机互交界面在设计中所可以分为很多种类,之所以对其进行分类,其目的是为认识及分析设计界面提供帮助。主要包括以下几类:

1.1以功能为主的设计界面以功能为主的设计界面,即为功能性设计界面。主要是对物的功能信息进行接受,并对物进行操作及控制,与此同时也涵盖了和生产质检的接口,比如材料的应用及科学技术的利用等。对于功能性设计界面而言,主要传达出了设计和人造物之间的协调效果。

1.2以情感为主的设计界面以情感为主的设计界面,即为情感性设计界面。主要需要通过物,进一步在传达过程中使人能够真实地感受到,然后引发人的感情共鸣。对于情感性界面设计来说,主要传达出了设计与人的联系性。

1.3以环境为主的设计界面以环境为主的设计界面,即为环境性设计界面。主要是指外部环境对人所作出的信息传递。无论何种产品或作品,均离不开环境而独立存在。基于整体而言,对于设计界面来说,功能性界面属于基础部分,环境性界面是前提部分,而情感性界面所轴心部分。三者相辅相成,才能够使整体设计界面更具有效性。从中也可以看出,如果没有环境性设计界面作为支撑,那么设计界面的功能性及情感性特征就无法有效地展现出来,从而设计界面的设计目标便无法得到有效实现。

2基于产品设计过程中人机交互的实际应用探究

对于人机交互设计来说,其主要目的是通过设计,然后将其应用到产品设计当中,然后使产品在使用方面更具方便性及快捷性,从而提高用户使用产品设计过程中的舒适度及满意度。下面笔者重点度对手机交互设计及平板电脑的交互设计进行探究。

2.1手机的交互设计分析对于手机产品,手机键盘在设计方面便利用了人机互交设计,通过设计界面,用户便能够输入自己想联系的人,然后实现对话交流。同时,还可以通过设计界面进行短信的编辑,然后使用户实现与联系人的文字交流。近几年来,设计界面操作系统使用最为广泛的有安卓操作系统及ios操作系统,与被取代的java系统来说,有着明显的优势,比如能够实现触屏操作等。现状下,由于交互设计的完善,使得用户在手机操作方面能够利用手指对手机桌面软件进行轻巧地操作,显然触控手机便很好地实现了人机交互。以电子书阅读为例,在设计方面考虑到增强用户在阅读方面的真实感,其页面设计采取了实体书的页面模式,以此使读者能够体会到一种身临其境的感觉,同时阅读电子书还包括了颜色的调节及光的明亮暗度的调节,读者只要利用手指触控屏幕便能够调节到适合自己的颜色及光源,如此一来,便增加了阅读电子书的舒适感。

2.2平板电脑的交互设计分析与触控手机相比,平板电脑的互交设计更具显著性。主要是因为平板电脑的屏幕要比手机大好几倍,如此一来无论是在听音乐、看电影,还是为用户提供学习,均有着实质性的作用。比如,iPad系列平板电脑,便拥有很大的存储,可以存储大量的音乐、书籍,以此满足用户的娱乐及学习。在设计方面,使用了触控式按键转盘,其菜单是流动模式的,具有自定义功能。由于交互设计界面的优化性能,使用户在操作方面更具便捷性,用户可以通过日常生活习惯的动作对界面进行点击,便能够对设备完成操作,以此使人机交互设计真正符合了用户的日常习惯及行为。另外,iPad系列平板电脑还具备流动的交互界面,以此让用户能够在视觉感官当中更加形象及具体,从而让用户操作起来更加流畅。

3结语