论文部分内容阅读
现代设计思维强调以用户为中心的设计,以创建具有吸引力、高效的用户体验。网页界面设计中,视觉设计师需为浏览者创作出一次简明直观、令人愉悦的视觉体验,而这种体验应该是一种基于创新应用和审美价值上的视觉感官体验。在可用性和易用性得到满足的情况下,网页界面的设计不仅要满足信息传播上的要求,还需要从视觉体验的角度深层次发掘出网页界面的简约之美。极简设计能使网页界面变得轻薄简洁而美观,带来视觉感受上的精致感与愉悦感。
一、解读视觉体验
心理学研究领域普遍认为,“视觉”是一种主动地观察对象、并积极地将此经验进行归纳与整合的行为,是对看到的物象经过感知认识、筛选与理性分析后形成的一种视觉体验状态,是深层发掘物象的内涵因素并给予重构形式后达到的高级层面。视觉是审美认识形成的基础,而体验是审美的进阶发展,两者之间是互为一体的延续关系。
所谓“视觉体验”,就是人们为了达到一定的“认识目的”,在特定的方式中通过“看”去进行观察、思考、分析或实验的方法,是人们以某种视觉方式所展开的认知方式活动。在设计艺术学科领域,视觉体验与审美体验有着直接的联系,研究的是如何使受众通过艺术创作来获得审美体验,从而满足情感上的愉悦感。视觉体验所要讨论的内容,包括了人在视觉活动中面对不同的客体对象时进行的多层次、多角度、多维度的观察、比较、选择、归纳等体验活动,并在此过程中将“看”的形式与视觉语言的形成这两者间构建起一定的联系。视觉设计的目的是为传递内容信息,网页界面设计的目的是为用户获取信息与相互交流提供服务,极简设计理念在一定程度上强调了网页信息传达的本质。
二、视觉形式语言的纯化与极简设计
清晰的界面结构、视觉设计的情感认同、简便的交互操作,是网页界面设计需要考虑的三个主要因素,除此之外还应该从视觉体验的角度给予设计表现。通过去除与隐藏的方式降低设计的复杂性、减少“视觉感知”的复杂性也是很重要的,极简设计无疑是行之有效的减少视觉干扰的重要手段。
(1)视觉元素的极致像素之美
网页具有趣味性、短暂性和多变性的特点,通过优秀的界面设计来吸引浏览者反复浏览网页有着现实的意义。一个网站的外观,包括版式布局、导航结构、彰显个性化的图形元素,乃至字体的选用,都是以像素为计量单位进行细节的处理,这其中的任何因素对于营造美好印象而言都至关重要。
善用色彩的单纯性及心理暗示来营造版面的简洁之美,是网页界面极简设计的首要表现手段。“留白”是一种极具特色的常用艺术表现形式,空白视域所能带来的空间纵深感更强,同时给人无限遐想的空间。简约而通透的白色页面,显得明亮干净、畅快、朴素,具有高级的格调,是科技的意象,运用得当可以让其它任何浅颜色呈现出深度、明度和饱和度的细微差异,通过对比让亮色更加明快、专注和舒适。形式简洁的“留白”艺术构造不仅蕴含着丰富的内涵特征,还能更好的突出网页的主题及展示内容,以“空纳万物”的思想理念来营造网页界面的和谐之美。
网页界面中图形的极简设计,重在对细节上的把握,每个细小局部和装饰的简化设计都需经过深思熟虑。特别是图形化、符号化的导航条及菜单栏,更加注重空间和形体自身的整体造型,外在形式表现要简洁清晰并保持着良好的可用性。不论是版式与结构,还是色彩、图形及字符,极简主义的创作方式赋予了它们对形体及空间简洁凝炼的控制力,以其蕴含的丰富艺术思想,显示出极具震撼力的视觉效果。
(2)简洁的视觉体验流程
视觉感知的过程有着时间和空间上的先后次序与延续关系,在考虑视觉流程和轨迹方向的基础上,设计好视觉整体各构成元素的节奏感与前后的协调对比关系,能决定受众的视觉感受与情感体验。从视觉行为的角度来说,人类接受视觉信息的方式与秩序是有规律可循的。在观察信息时,视知觉系统会在可及的视线范围内捕捉最有吸引力的区域及要素,然后有选择性的组织好浏览过程中各要素的先后次序。浏览过程中视线往往会表现出较为明显的运动感与旋律感,形成一条具有方向感的线状轨迹,而这根起主导作用的“线”就好似一根脉络贯穿了整个视觉过程。
在网页界面视觉设计过程中,以符合人们普遍的视觉习惯为前提,针对最佳视域灵活运用视觉流程的规律设计出自然隐形的视线行为轨迹,能使信息传播中的视觉流程畅快、高效。在网页界面设计中,简化设计的视觉流程可以让用户体会到“流”所带来的愉悦感。当然,视觉流程只是人的视觉心理的一种感性知觉而非确切的公式,只要是符合视觉认识规律的心理顺序和思维发展的逻辑顺序,都可以被灵活地加以利用,成为视觉流程的一种设定模式。极简设计的应用使网页界面的版式与结构更为清晰,使视觉流程更为通畅,并能及时引导用户快速地将注意力集中在有秩序的内容上,而不必担心被其它信息所干扰。
(3)简便的交互设计
交互设计作为用户与网页界面互动交流的一种机制,以用户体验作为操控设计的基础,使用户在浏览网页获取信息时不仅简便高效,而且能够获取到愉悦的情感体验。交互设计和其他类型的设计一样仍属于设计范畴,简洁化的交互行为也是提供良好用户体验的重要手段。
任何一类设计,都同时包含了形式、行为和内涵三个维度。交互设计和传统设计类别最大的区别在于,它更多关注的是人、物、人与物甚至人与人之间的行为,而传统的设计更多地着眼于内容和形式。交互设计的目的是与用户进行更广泛意义上的交互行为,而不仅仅只是信息内容的表达。交互设计过程中,要以满足用户的目标和期望为导向而设计,而网页界面作为“图形用户界面”的一种表现形式,简洁、高效、易用成为了交流与互动的规范与标准。比如采用“瀑布流”式布局的网页界面设计,随着页面的滚动底端会自动加载新的信息内容,这也是简化交互操作带来的全新视觉体验。
三、网页设计的“零界面”趋势
通常认为,在网络媒体中,信息高效传达的最有效而且最简单的方法,就是去掉网页中对视觉造成干扰的多余要素。从视觉心理的角度来说,简约设计意味着心态的平和、思想本真的回归。在网页界面设计中,极简主义的设计思维代表的是简化、简约,是从设计形式、表现内容以及网页代码中移除所有不必要的构建元素。简洁的设计使网站少了冗余的信息,拥有更少的页面和栏目,版式变得干净整洁;极简设计还是一个很好的解决网站导航可用性问题的方案,令导航元素更容易被找到,有助于提高浏览体验;网站页面上没有多余的装饰性元素,内容就成了主角,用户浏览信息更直接有效。
极简设计的网页界面,意味着增强了前端Web性能,进而提高了网页的可用性和更好的体验。随着网络终端制造技术的进步,网页界面的交互操作也越来趋向于“微型化”与“隐性化”,语音识别、指点触控的操作方式与多维度的交互式设计将成为未来网页“零界面”发展的技术特征。网页界面的极简设计,不仅让用户操作更为简便、快捷,而且视觉体验更加美好,使用户与网络之间的交流与沟通更加自然、和谐、完美。
四结语
网页界面的设计目的,就是为了视觉的瞬间愉悦而设计,为完美的视觉体验而设计。网页界面的极简设计,可使网站独具个性,增加网站的视觉吸引力。简洁的视觉流程设计与交互设计,能够使用户以合理的顺序、快捷的途径及有效的感知方式,获得良好的视觉体验。网页界面设计不仅仅要考虑传统意义上的视觉感知及审美体验规律,更要涉及网页的组织结构、动态效果、情感化、人性化等因素。只有重视视觉体验带来的艺术感及愉悦感,重视简洁设计流程在网页界面设计中的导向功能,才能设计出精致与人性化的网页界面作品。
参考文献
[1]曹方主编,视觉传达设计原理[M],南京:江苏美术出版社,2005年2月第一版.
[2]邹慧琴,敖蕾,谭开界著,互动网页设计与易用度[M],北京:中国轻工业出版社.
[3]周洁,网页设计之视觉流程浅析[J],美术大观,2009,01.
本文系黄冈师范学院2013年度青年科研基金项目“编号2013027303”研究成果
[谢涛,黄冈师范学院美术学院]
一、解读视觉体验
心理学研究领域普遍认为,“视觉”是一种主动地观察对象、并积极地将此经验进行归纳与整合的行为,是对看到的物象经过感知认识、筛选与理性分析后形成的一种视觉体验状态,是深层发掘物象的内涵因素并给予重构形式后达到的高级层面。视觉是审美认识形成的基础,而体验是审美的进阶发展,两者之间是互为一体的延续关系。
所谓“视觉体验”,就是人们为了达到一定的“认识目的”,在特定的方式中通过“看”去进行观察、思考、分析或实验的方法,是人们以某种视觉方式所展开的认知方式活动。在设计艺术学科领域,视觉体验与审美体验有着直接的联系,研究的是如何使受众通过艺术创作来获得审美体验,从而满足情感上的愉悦感。视觉体验所要讨论的内容,包括了人在视觉活动中面对不同的客体对象时进行的多层次、多角度、多维度的观察、比较、选择、归纳等体验活动,并在此过程中将“看”的形式与视觉语言的形成这两者间构建起一定的联系。视觉设计的目的是为传递内容信息,网页界面设计的目的是为用户获取信息与相互交流提供服务,极简设计理念在一定程度上强调了网页信息传达的本质。
二、视觉形式语言的纯化与极简设计
清晰的界面结构、视觉设计的情感认同、简便的交互操作,是网页界面设计需要考虑的三个主要因素,除此之外还应该从视觉体验的角度给予设计表现。通过去除与隐藏的方式降低设计的复杂性、减少“视觉感知”的复杂性也是很重要的,极简设计无疑是行之有效的减少视觉干扰的重要手段。
(1)视觉元素的极致像素之美
网页具有趣味性、短暂性和多变性的特点,通过优秀的界面设计来吸引浏览者反复浏览网页有着现实的意义。一个网站的外观,包括版式布局、导航结构、彰显个性化的图形元素,乃至字体的选用,都是以像素为计量单位进行细节的处理,这其中的任何因素对于营造美好印象而言都至关重要。
善用色彩的单纯性及心理暗示来营造版面的简洁之美,是网页界面极简设计的首要表现手段。“留白”是一种极具特色的常用艺术表现形式,空白视域所能带来的空间纵深感更强,同时给人无限遐想的空间。简约而通透的白色页面,显得明亮干净、畅快、朴素,具有高级的格调,是科技的意象,运用得当可以让其它任何浅颜色呈现出深度、明度和饱和度的细微差异,通过对比让亮色更加明快、专注和舒适。形式简洁的“留白”艺术构造不仅蕴含着丰富的内涵特征,还能更好的突出网页的主题及展示内容,以“空纳万物”的思想理念来营造网页界面的和谐之美。
网页界面中图形的极简设计,重在对细节上的把握,每个细小局部和装饰的简化设计都需经过深思熟虑。特别是图形化、符号化的导航条及菜单栏,更加注重空间和形体自身的整体造型,外在形式表现要简洁清晰并保持着良好的可用性。不论是版式与结构,还是色彩、图形及字符,极简主义的创作方式赋予了它们对形体及空间简洁凝炼的控制力,以其蕴含的丰富艺术思想,显示出极具震撼力的视觉效果。
(2)简洁的视觉体验流程
视觉感知的过程有着时间和空间上的先后次序与延续关系,在考虑视觉流程和轨迹方向的基础上,设计好视觉整体各构成元素的节奏感与前后的协调对比关系,能决定受众的视觉感受与情感体验。从视觉行为的角度来说,人类接受视觉信息的方式与秩序是有规律可循的。在观察信息时,视知觉系统会在可及的视线范围内捕捉最有吸引力的区域及要素,然后有选择性的组织好浏览过程中各要素的先后次序。浏览过程中视线往往会表现出较为明显的运动感与旋律感,形成一条具有方向感的线状轨迹,而这根起主导作用的“线”就好似一根脉络贯穿了整个视觉过程。
在网页界面视觉设计过程中,以符合人们普遍的视觉习惯为前提,针对最佳视域灵活运用视觉流程的规律设计出自然隐形的视线行为轨迹,能使信息传播中的视觉流程畅快、高效。在网页界面设计中,简化设计的视觉流程可以让用户体会到“流”所带来的愉悦感。当然,视觉流程只是人的视觉心理的一种感性知觉而非确切的公式,只要是符合视觉认识规律的心理顺序和思维发展的逻辑顺序,都可以被灵活地加以利用,成为视觉流程的一种设定模式。极简设计的应用使网页界面的版式与结构更为清晰,使视觉流程更为通畅,并能及时引导用户快速地将注意力集中在有秩序的内容上,而不必担心被其它信息所干扰。
(3)简便的交互设计
交互设计作为用户与网页界面互动交流的一种机制,以用户体验作为操控设计的基础,使用户在浏览网页获取信息时不仅简便高效,而且能够获取到愉悦的情感体验。交互设计和其他类型的设计一样仍属于设计范畴,简洁化的交互行为也是提供良好用户体验的重要手段。
任何一类设计,都同时包含了形式、行为和内涵三个维度。交互设计和传统设计类别最大的区别在于,它更多关注的是人、物、人与物甚至人与人之间的行为,而传统的设计更多地着眼于内容和形式。交互设计的目的是与用户进行更广泛意义上的交互行为,而不仅仅只是信息内容的表达。交互设计过程中,要以满足用户的目标和期望为导向而设计,而网页界面作为“图形用户界面”的一种表现形式,简洁、高效、易用成为了交流与互动的规范与标准。比如采用“瀑布流”式布局的网页界面设计,随着页面的滚动底端会自动加载新的信息内容,这也是简化交互操作带来的全新视觉体验。
三、网页设计的“零界面”趋势
通常认为,在网络媒体中,信息高效传达的最有效而且最简单的方法,就是去掉网页中对视觉造成干扰的多余要素。从视觉心理的角度来说,简约设计意味着心态的平和、思想本真的回归。在网页界面设计中,极简主义的设计思维代表的是简化、简约,是从设计形式、表现内容以及网页代码中移除所有不必要的构建元素。简洁的设计使网站少了冗余的信息,拥有更少的页面和栏目,版式变得干净整洁;极简设计还是一个很好的解决网站导航可用性问题的方案,令导航元素更容易被找到,有助于提高浏览体验;网站页面上没有多余的装饰性元素,内容就成了主角,用户浏览信息更直接有效。
极简设计的网页界面,意味着增强了前端Web性能,进而提高了网页的可用性和更好的体验。随着网络终端制造技术的进步,网页界面的交互操作也越来趋向于“微型化”与“隐性化”,语音识别、指点触控的操作方式与多维度的交互式设计将成为未来网页“零界面”发展的技术特征。网页界面的极简设计,不仅让用户操作更为简便、快捷,而且视觉体验更加美好,使用户与网络之间的交流与沟通更加自然、和谐、完美。
四结语
网页界面的设计目的,就是为了视觉的瞬间愉悦而设计,为完美的视觉体验而设计。网页界面的极简设计,可使网站独具个性,增加网站的视觉吸引力。简洁的视觉流程设计与交互设计,能够使用户以合理的顺序、快捷的途径及有效的感知方式,获得良好的视觉体验。网页界面设计不仅仅要考虑传统意义上的视觉感知及审美体验规律,更要涉及网页的组织结构、动态效果、情感化、人性化等因素。只有重视视觉体验带来的艺术感及愉悦感,重视简洁设计流程在网页界面设计中的导向功能,才能设计出精致与人性化的网页界面作品。
参考文献
[1]曹方主编,视觉传达设计原理[M],南京:江苏美术出版社,2005年2月第一版.
[2]邹慧琴,敖蕾,谭开界著,互动网页设计与易用度[M],北京:中国轻工业出版社.
[3]周洁,网页设计之视觉流程浅析[J],美术大观,2009,01.
本文系黄冈师范学院2013年度青年科研基金项目“编号2013027303”研究成果
[谢涛,黄冈师范学院美术学院]