视差滚动设计在交互设计中的艺术性和重要性探讨

来源:中国设计在线    时间:2016-12-28    站内收藏

视差滚动设计方法近年来在网页设计、手机界面设计等媒体展示端被广泛应用。由于良好的用户视听觉体验倍受热捧,也因其技术与艺术的合理融合,成为热门。文章就视差滚动设计带来的技术变革,多媒体表现方式的变迁,艺术设计的新型展示形式之间的相互影响,从而产生多重技艺的表达。由于大众审美价值与时代紧密结合,审美方式与产品息息相关,从而引发技术与艺术相结合产生的综合多媒体的艺术审美价值研究。27b中国设计在线

27b中国设计在线

网页视差滚动,是利用人体左眼与右眼之间存在的视觉差异特性,在网页设计上做出的滚动交互设计。具体方法即是:在网页设计中,设计多层背景和内容,在鼠标的控制下,每一层运动的速度不同,这样就会产生位置上的位移差。鼠标左右滚动,会造成视觉上横向的位移差感,鼠标上下滚动,会造成视觉上纵深的位移差感,由视觉差感而引发心理上的错觉体验。视差滚动网页设计,与传统网页不同,它的尺寸设计不与显示器尺寸同比例,而是大出几倍,通过鼠标滚动的上下左右来拖拽页面,实现内容的位置变化。在网页层级内容布局上,也配合视差原理,实现各个内容页的设计,不再推崇传统网页层级间的嵌套关系,更加注重滚动效果,实现点击内容按钮,迅速找到内容所在位置,甚至内容页都直接存在于首页中,只要点击内容页按钮,便迅速跳转到指定内容的位置。27b中国设计在线

 受众人群是媒体传播的终端,主要执行接收信息和用户体验。大多数受众群体是普通百姓,只凭借身体机能拥有的直观感受来欣赏媒体传播内容。但是,当今时代,商家和传播者,已经翻转设计理念,从客户角度出发,从客户体验来反馈更加重要和准确的信息,评价设计的好坏。受众人群的反馈和审美价值,越来越多的影响着信息传播的媒介以及方式,也潜移默化、无声无息的指挥着商家的产品艺术设计方向。27b中国设计在线

“艺术的变革为现代设计的发展开辟了道路。事实上,各个时代设计与艺术的审美趣味是相一致的。”大众审美领域的拓宽与时代发展相适应,并与设计化表达共同推助技术化的综合元素表现。因而,从人们审美价值聚焦,来关注视差滚动设计。27b中国设计在线

一、视差滚动设计艺术27b中国设计在线

(一)展示效果立体化呈现27b中国设计在线

视差滚动的艺术设计效果化二维平面空间为模拟三维立体空间效果。三维空间为虚拟呈现,布局设计为:背景层、内容层、贴图层,当页面静止时,不同图层互相融合于一体,展示的是二维空间效果;当鼠标滚动带动页面运动时,每一层都以不同的速度移动,形成三维空间立体效果。现代电子媒体客户端展示设备,无论是网页、平板电脑、智能手机,都是基于二维空间的展示平台,无法满足三维空间的视听觉需求。27b中国设计在线

 视差滚动页面模拟的三维空间效果,合理的满足了观众的需求。同时考虑动态与静态的配合,二维空间的单一元素与三维空间的多重层次上的配合,使得动态由静态自然而发,内容与结构相映成趣,这样便摆脱生硬的视觉变化,自然而然的把平面网页展示立体化起来。27b中国设计在线

27b中国设计在线

(二)综合设计元素匹配27b中国设计在线

视差滚动页面的神奇效果,综合设计了多种元素,更全面和深层次的浏览页面内容。细化网页内容环境展示的虚拟空间信息,强化页面的纵深感。同时,页面视觉元素增加了以内容为基础的情节化元素,围绕一个主题或者故事展开。如灯光质感的元素设计,图片色彩方面光影意境的奇幻影像设计元素。同时,还把电影电视艺术中的视听语言元素设计其中,让页面产生丰富的镜头感和强烈的叙事表达。参与互动的时候,仿佛自己是导演,参与着镜头的推拉摇移,控制着所有视听觉元素,营造了极具吸引力的效果。视差滚动综合设计元素,进行了多纬度的叙事化表达,通过图像文本信息的内容陈述,立体化视觉艺术变幻的意境展示,虚拟了一个影像化程度非常高的三维空间。用户都有一个主观感受中的共情体验,一种身临其境的参与感,所有的感官都产生了丰富的体验,自然而然的融入到了视差滚动设计效果为我们设计的虚拟场景中。27b中国设计在线

二、视差滚动设计的审美价值27b中国设计在线

视差滚动网页设计由于极佳的用户视觉体验而被现代网页设计大力推崇,也是网页设计和手机界面设计的最新发展趋势。它的设计基于人本身的视觉体验和心灵共鸣,这种体验正是艺术和技术设计者一直以来的追求,在各类展示产品的页面美学设计上,设计师们越来越关注与时代同步的大众审美需求和审美价值变革。由于这样的技术手段可以塑造更加丰富的审美情趣,所以,给设计师们一个广阔的空间,可以任意变化自己的设计思想。同时,受众获得一个更丰富的审美体验,可以任意选择,也可以找到一些看起来很艺术、很科技等等多元素表达情感的着陆点。27b中国设计在线

 审美主体变位。传统艺术作品的审美传播,以单项传播为主,主要通过各种技艺方式表现设计师的审美观点。所以,我们习惯了被动的接受各种艺术表现方式,观众是受众一方,只能安静的欣赏。但是到了互联网时代,用户参与交互技能表现,观众产生了积极的情绪,更愿意参与现代艺术作品的表现与创作。视差滚动设计有极大的选择与参与空间,由于用户可以伴随手指操作鼠标滚轴进行动态、立体化浏览,图像、音乐的信息量又远比文字等文本形式更直观,同时页面内容的层次关系,浏览方式与思维方式相配合。这种强烈的参与性,会令观众有“爱不释手”之感。从审美主体上看,操作者从被动接受方,变成艺术家和创作者。用户停留时间更久,探索信息更全,喜爱程度更深。27b中国设计在线

 审美功能伸展。受众在接收信息时,重要的是准确、醒目、吸引,喜欢的信息传达是:简单、清晰、准确。视差滚动采用单一页面版式设计,颠覆了曾经繁杂、多层次的页面设计,摒弃了大量的文字信息。页面层级间一再简化,甚至把所有内容都平展到主页面上,这个超大画幅的主页面,在按钮准确的定位下,可以迅速、高效地检索到用户要查询的内容,它的高效性、清晰感、准确性,都给用户带来了完美的用户体验。页面设计的色彩感,根据内容实现整体视觉上的完整体验感受。这是网页设计推陈出新的重要之处,摒弃了曾经设计中的色彩纷呈或者琳琅满目而造成的混乱感。不是单一色调,不是多色拼凑,而是由整体网站的内容开始,通过准确的色彩搭配,拉近内容与受众的心理距离,让受众通过视觉观察,实现身历其境之感。27b中国设计在线

 审美程度深化。视差滚动网页设计,具有内容完整性、视觉整体性的特征。因其页面图片信息的连续性,用户在交互过程中更愿意探索信息内容,从而保证交互体验的完整性和探索欲望。深化内容设计,不再是层级上的复杂和嵌套,而从内容中细致入微的陈述。例如一些页面设计成故事,每次滚动鼠标,会停到故事一个关键点处,互动者非常愿意继续探索,参与其叙事。后台设计的准确定位按钮,加入了视觉化元素的影响,把更具趣味性和参与性的环节,不动声色的设计到网页中去。例如一些页面设计成简单趣味性的游戏,用户点击就自然加入游戏环节,操作简单,只要滚动鼠标便可参与游戏,与内容进行互动,设计理念非常容易被大家接受和喜爱。27b中国设计在线

当代设计,集科技与新锐设计为重点表现手段。审美纬度的变迁与时代紧密相连。我们无法探究孰是孰非,但有一点是共性追求,即用户的满意度、停留时间、回访的粘性度。这些指标体现了设计是否产生了作用,是否迎合了大众审美体验,是一种新锐审美观。同时,一些小众的设计,由于其独特的设计想象和表现手法,让用户爱不释手,这也是当下审美价值重要组成部分。视差滚动设计完美的解决了大众与小众群体的审美价值问题。它的视觉表现总是看起来很有意味,让不同的人群都能在其中找到自己喜欢的元素。27b中国设计在线

27b中国设计在线

三、审美价值为新媒体艺术设计打开思路27b中国设计在线

新媒体时代,艺术创作在悄然发生着变化。互联网媒体、手机媒体等为受众提供了可操控的电子屏幕,用户与媒体进行互动体验。良好的数字化艺术表现设计,拓展了信息的内涵和外延,用户体验翻转,也为艺术设计提供了新的契机。新媒体受到更多商家的青睐,他们喜欢利用新技术、新媒体,更加快捷方便并准确的向用户提供产品宣传,展示商品。27b中国设计在线

 数字媒体艺术的诞生,传统艺术设计被突破,跨越多种媒体样式的设计迅速发展。单一的艺术展示被突破,演变成综合化、立体化,表现形式为充沛的感染力和丰富的趣味性。艺术设计围绕视觉艺术在新媒体客户端展开,以数字科学为基础,以人工学视觉体验为服务依据,从构思和艺术表现方面都更创新。新媒体的综合性和创新性,以电脑互联网和智能手机最为常用进行信息传播。因为艺术设计的参与,让传播方案变得更加美观和易于接受,由于自媒体的产生,受众有了发表个人见解的途径。科技在智能手机上发挥的空间和能力变的丰富起来。灵活性、时效性、个性化等特点得到广泛应用。科技的创新带来了大众审美的变迁和不断增长的高要求,生活方式也在潜移默化中改变。27b中国设计在线

 视差滚动设计在新媒体艺术中的重要特征:围绕声音、画面、文字、影像、互动关系展开。元素合理排列组合,不断突破着过往艺术表现形式的局限。提高了阅读者的互动、实现更高效的阅读和信息接收。由于传播方式不再单向,大众参与者急需与媒体互动时的个性化展现,于是具有创新性强的艺术作品层出不穷。在交互数字媒体中,带有强烈的个性化特点和技术特征的艺术作品更符合信息时代的要求。视差滚动属于隐形交互设计,它突破了传统网页传播信息的方式,却依旧保持了网页表达信息的基础条件,让传统网页审美疲惫的情况得以改善。多媒体的艺术表达,在视差滚动设计中还有更多可以创造的内容和方式,值得我们瞩目期待。27b中国设计在线

 综上所诉,人类不断追求美的体验,与科学技术交相辉映,为我们创造丰富、新奇的生活。视差滚动设计,在技术不断的支持下,越来越多的呈现丰富的视觉效果,以用户体验为核心和出发点,更专注于内容的统一和完整,艺术美感的表现与升华。展示媒介日渐丰富性多元化,技术持续为人们的想象力上交满意的答卷,艺术设计在审美价值中越发重要。■(张昊怡   天津师范大学 美术与设计学院)27b中国设计在线

视差滚动的网页设计相关文章和案例27b中国设计在线

20个顶级视差滚动的网页设计27b中国设计在线

      13个美丽的视差滚动网页设计27b中国设计在线

    35个视差滚动效果的网页设计27b中国设计在线

本文来源:中国设计在线

作者:张昊怡
相关阅读
    正在加载...