您的位置:首 页 > 新闻中心 > 企业网站设计 > 企业网站设计用户体验式网页编排设计

企业网站设计

企业网站设计用户体验式网页编排设计

发布:2019-03-07 12:47:08 浏览:499

当今,人们的生活无处不充斥着数字信息的元素,浏览网页成为生活中必不可少的行为习惯之一。从某种意义上来说网页编排设计已不仅仅是视觉分享与传达信息,更是将人们的生活方式、行为习惯、心理变化融为一体的视觉设计。

一、用户体验式网页编排设计

用户体验是一种主观存在的概念,是通过人们使用产品过程中产生的真实感受。它通过人与产品的互动对产品产生不同的感受,从而获得的不一样的体验感。如用户在浏览某购物类的网页时,绝大部分用户会自主选择查找需要购买的产品,但由于某些网页编排设计的不合理性使得用户在购买的过程中遇到问题时,用户很少会选择自己去解决,总会第一时间向网页客服求助,往往产生很不愉快的体验感。在网页编排设计时信息之间的层次要鲜明,既要注重整体的版式设计,营造个性化的视觉效果,也要给用户带来更舒适的服务体验。

二、用户体验式网页编排设计的特征

网页版式设计不再是单纯的视觉享受,它是将视觉享受与人们的生活习惯、生活方式、心理体验等进行充分融合的艺术设计。在网页编排设计中还需要注意以下几个方面的特征:

(一)注意版面设计的留白

版面留白,即在网页界面空间中留出一定比例的空白。在网页编排设计中适度的留白能在心理上让用户产生无限的联想,使网页界面上的图形和文字之间产生呼应,给用户带来舒适的视觉体验。增加网页编排中的留白,能让网页界面更具有呼吸感,充满韵律和节奏,能使用户快速搜索信息,有效浏览网页内容。同时,也增强了网页中有效信息的可读性与易识别性,最终达到文字、图形、编排之间的协调统一。

(二)注意交互设计的效果

交互式作为用户体验的一个方面,动态的效果在网页编排设计中不只是页面上简单出现的FLASH动画、跃动的文字、动态的图片等,更主要的是与用户之间的交互性,试图将用户的需求通过形变、移位等方法生动有趣的过渡,利用鼠标的点击、滚动效果增添在交互式过程中给用户带来的生动趣味。

三、用户体验式网页编排设计中的视觉表现

合理安排文字和相关视觉元素,能使浏览者感受平衡和稳定的感觉;同时,运用多种文字造型按照独特的排布规律,使界面产生活跃的动感,具备节奏和韵律,也有利于网页内容的协调统一。

(一)两侧均衡式结构

网页编排中视觉设计的两侧均衡式结构一般会将网页页面分为左、右两部分,常见的有左大右小结构、左右对称结构。心理学家研究表明,人在浏览文字的过程中视觉流程是从左至右,从上至下的习惯。这一结构的设计能让用户在浏览网页的过程中快速有效地获取所需要的信息。设计师在设计网页编排结构时尽可能的将左半部的文字信息与右半部的内容信息通过连接技术,第一时间在导航与内容信息之间进行转换显示。这样的网页编排设计灵活、简洁,但由于数据含量较少的缘故,只适用在设计小型网页编排中使用。

(二)上包围式结构

上包围式结构主要将上半部设计为导航菜单,综合的信息数据内容和二级导航菜单会分布在网页页面左右两侧,如:各类链接、搜索栏、账号登录窗口、用户注册端口等。目前,上包围式结构的网页编排设计在网页界面的使用上最为常见,适用性较强。其均衡直观的特点能让用户最快捷的获取所需信息,获取的数据信息条理性较强。同时,这种结构编排设计过于程序化,样式单一。因此,设计师在使用这种结构设计网页编排时应强调色彩之间的搭配运用,合理利用色彩的视觉效果提升网页界面的艺术性。

(三)全封闭式结构

全封闭式结构在上包围结构的基础上做改进,上包围式结构是基本,网页的下半部添加了对应的横向操作菜单。可以在有限的网页页面范围内充分利用页面空间。提升页面有效数据信息的容量,降低不必要的文本数据,提高用户在预览网页界面时对有效数据信息获取的效率。由于对信息的封闭性太强,这也是此结构网页编排设计的不足之处。往往容易导致用户浏览网页信息内容刷新较慢,造成拥堵的重要原因。

(四)左围合式结构

左部围合结构是在上包围式结构的基础上,设计师对上包围式结构做相应的修改而形成的一种新的结构形式。在上包围式结构中将网页页面顺时针旋转270度后得到的一种包围结构,也是将全封闭式结构网页编排右侧信息栏删减所形成的一种编排结构。此种结构弥补了全封闭式结构过于封闭性的缺点。

(五)样式各异的结构

网页编排样式各异的结构主要是对网页主体标识、网页展示的图片、艺术性的字体、超链接等要素进行的编排设计。在页面导航菜单上则不做重点设计,只结合数据信息的需要在网页页面上做装饰、点缀、优化的效果,以此来协调均衡页面的空间布局。这一网页编排结构通常备受时尚界网站的青睐,能给用户在浏览网页时感到轻松、自由、现代的视觉体验,从而降低用户因长时间浏览网页带来的审美疲倦。

>>> 查看《企业网站设计用户体验式网页编排设计》更多相关资讯 <<<

本文地址:https://www.phpweb.com.cn/news/html/5727.html

赶快点击我,让我来帮您!