开篇:润墨网以专业的文秘视角,为您筛选了一篇网页界面的创新设计概述范文,如需获取更多写作素材,在线客服老师一对一协助。欢迎您的阅读与分享!
在瀑布流式布局的网站中,图片结合信息链接的方式,简化了浏览过程,用户快速扫视阅读就可以在短时间内获得大量清晰的信息。其次,看似散乱无序的碎片化内容,表现出强大的视觉吸引力。由于图像随机出现的不确定性,更能诱导和激发用户主动去搜寻自己所感兴趣的内容。而在交互体验上,用户无需进行点击翻页操作,随着鼠标的滚动就能加载新的内容,以最简化的操作步骤便可以获得连续性的浏览体验,让人沉浸其中却不被打断。瀑布流式布局作为一种新颖的交互体验,完美地解决了图片信息的展示问题,但是同时也存在着很大的局限性,如表现形式过于单一,在内容信息的完整表述上也有所欠缺等。而且它的采用至少有3个前提:一是散乱无序的碎片化内容,二是用户对信息获取上的随机性与不稳定性,三是用户对内容只做极轻量的互动消费。因此,对于目的性强、注重内容与互动的网站而言,瀑布流式页面布局并不适合。
网页界面创新设计的思路与方法
1.基于视觉体验的网页界面设计网页界面结构的完整清晰、交互操作的简洁便利以及视觉设计的情感认同,基本上能够满足用户对网页的浏览需求。要使用户在网页浏览时始终保持兴趣盎然的愉悦感,网页界面所表现出的吸引力必须达到或超越用户的心理期望值。在符合用户心理需求的基础上,同时考虑更多视觉设计上的细节因素才能不断完善网页界面对浏览心理的迎合。在网页界面布局的版式规划上,要从整体上把握好视域之间的主次层级关系,将所需的各视觉要素统一协调安排、合理划分并充分利用有限的展示空间。或许是受到惯性定向思维模式的制约,通常访客在浏览网页时,视线往往趋向于从上到下,由左至右的移动路径,在这个感知过程中寻求视觉心理上的平衡感。因此,遵循用户习惯性的眼动规律,网页界面采用具有平衡感的版式设计更能满足人的心理感受。随着各种终端设备屏幕显示的日趋精细化,网页的基本构成要素如文字、图像、导航条、菜单栏、音频、视频、动画等,除了注重视觉交互效果的呈现,还要从符合视觉规范的层面上来精化设计,达到所谓的“像素级的完美度”。从根本上来讲,优秀的网页界面设计首先必须创建清晰直观的版式层次结构,还需要建立明确的视觉信息指示系统从而引导用户去完成浏览目标。与此同时,视觉体验设计上还要能在一瞬间抓住访客的目光。在网页界面设计中,显目的强化图形替代了标题文字的功能,用视觉隐喻来诠释晦涩的概念表达,设计细节上的微妙渐变强化了网页虚拟空间中的三维真实感,给予了用户畅快淋漓的浏览体验与视觉感受(见图2)
2.WEB新标准下的网页界面构建技术技术的迅速发展使得网页构建代码的进步和升级比之先前快了很多,新的网页规范与WEB标准也让网页界面的设计表现有了更大的渲染空间。HTML5与CSS3作为新一代WEB开发的标准,无论是针对内容结构还是媒体,都引入了更多新的元素,大多数的主流浏览器已经开始完美支持新的技术标准与新特性。在HTML5逐步完善的趋势下,网页界面设计技术也相应地提高到一个新的高度。利用CSS3的属性优势,可以轻松创建以前需要图片处理才能达到的视觉效果,如圆角、边框背景透明化、渐变光晕效果,还有文本的渐变阴影、倒影,以及各种不同凡响的交互动画等动态视觉效果。随着网络接入环境的日渐宽松,智能手机、平板电脑以及各种移动互联网终端设备的普及,移动互联网时代呼之欲出。新一代开放的WEB标准使网页界面设计也表现出了优异的兼容性,能够跨越平台使每个细节都能得到完美的演绎。同时,触控技术的应用越来越广泛,页面访问不再仅只依赖鼠标进行操作,故此,网页界面设计还必须考虑到适应触屏设备。如采用能够适应所有分辨率的响应式网页设计和非固定宽度的流体布局,都可以使用户获得与设备本身和谐的流畅体验。显示屏幕的精度也越来越高,比如视网膜(Retina)屏幕的高清分辨率使得用户从垂直到水平浏览网页都能获得清晰绚丽的视觉体验(见图3)。面对技术的发展,在网页界面设计中要使信息的浏览与交互操作更具易用性,同时容纳和展示出更多的内容。
3.与时俱进的网页界面设计风格网页界面作为视觉设计而言注重的不是单纯的形式美感,而更加注重的是功能上的实用,直观的版式设计、良好的交互性和快速的响应速度才能带给用户美好的浏览体验。随着人们审美观念的逐渐提升,网页界面设计也越来越重视用户体验,强调人性化设计。这就要求设计者不仅要强化构建技术,还要紧随时代的发展趋势进行设计风格的更新。如视差滚动就是现今网页界面设计中应用得比较成功的一个技巧②,新颖的视觉特效使其备受设计师与用户的青睐。作为计算机图形学中一个特殊的滑动特效技巧,视差滚动通过精确控制时间与计算合适的位置来展示出一种动态穿插效果,页面中的视觉元素因其显示速度、时间与位置上的差异性造成运动视差,从而形成深度错觉的多层运动图像。这一技术应用到网页界面设计中,可以在二维的平面上营造出极具动感与深度的视觉空间(见图4)。在繁杂冗长的互联网海量信息中,用户往往不愿意面对一个包含大量信息的复杂网页,而是希望页面更加简洁,以便能够快速获取到所需的资讯,简洁型的网页界面设计正好满足了用户这样的需求。别具一格的单页或多页式主题性网页界面设计,可以在有限的页面中呈现出必需的内容,通过导航条引导的方式使用户在同一页面的不同视域进行跳转,易于阅读。同时,在页面链接层次不深的情况下,固定导航条位置的布局设计不仅可以提高网站性能,也更易于将其融入整个页面的布局之中。在这种设计形式中,导航条不会随着页面的滚动、切换而改变位置或重新载入,始终悬停在页面中的一个固定位置,使用户能够快速通过导航链接访问目的区域或页面。在图形与图像的处理与应用上,网络环境的优化使得大幅尺寸图片的使用更具可行性。比如高分辨率的背景图像与高清图片能够产生极具冲击力的视觉效果,瞬间吸引住用户的注意力。而对于网页中文本很难表达出的逻辑关系与比例数值,将其图形化、图像化不失为一种高效的沟通方式,直观的图表和资讯图像能够表达更多复杂的信息。而简洁、清爽、明晰并略带透明感的图像所营造的独特视觉效果,使网页界面更为动人并且富有吸引力。还有类似于“Metro”风格的色块方格元素设计、明快直观的极简设计、强化视觉表现的超大LOGO图形、自定义艺术字体等,这些都可以让网页界面留给浏览者美好的视觉印象。网页界面设计本身并没有强制性的固定规则,不论是布局、色彩体系,还是格调与风格。在可用性和易用性得到充分体现的情况下,都应该以用户体验为中心,以创新的视觉设计给网页界面设计注入新的活力。
未来网页界面设计的多元化趋势
网页界面设计不仅是为了满足用户感官审美的需求,更是为了有效地传达信息。面对缺乏人性色彩的网络与显示屏幕,用户更乐于接受具有美感的、体贴的、有亲和力的、情感化的网页界面。由现今网页界面设计技术的多元化发展趋势可以推断出,指点触控的操作方式与多维度的交互式设计,将是今后一段时期内网页界面设计的主要技术特征。而网页界面的视觉呈现也不会再局限于传统的二维平面屏幕,3D立体显示技术将成就人们全新的终极视觉体验。技术上的发展进步总是同步带来视觉艺术上的创新与突破,在网页界面设计的创新历程中,只有不断地深入了解业界最新发展趋势,具备勇于尝试新技术与新方法的超前意识,才能打破传统的固化思维,创造出不同凡响的优秀作品。未来的网络时代,网页界面设计必将肩负起崭新的时代使命,让用户与网络之间的沟通自然流畅、和谐完美,不再有任何的阻碍。
作者:谢涛 单位:黄冈师范学院