公司网站制作网页视觉传达设计

发布：2019-03-09 13:49:47 浏览：4577

用户体验是主观存在的,它是用户在使用产品的过程中的感受。目的就是通过用户能够接受并且喜爱的互动方式与之进行互动。用户体验这一概念是在二十世纪九十年代中期广泛被认知的。这其中,以上手的难易程度、产品的可用度、产品自身的吸引力和友好度等几个方面为研究对象的方法被多数学者所采用。

广泛的客户群众存在个体的差异性,为了满足客户大众的多样化需求,就要在网站的服务设计上下足功夫。举例来说,浏览和使用网购类网站的客户多半会选择自主查找其中意的商品,而在查找遇到问题或者为了节省时间时,客户会考虑联系客服进行付款。因此,针对这类客户,要在网站设计时设计完整的查找和支付程序,为客户提供更为便捷的服务。这仅仅需要网站具有鲜明的层次、强大的数据库、拥有即时通讯和线上服务就可以满足。

一、网页界面设计

随着网络的逐渐普及,网络界面设计应运而生,其中包括了语言学、视觉设计美学、消费心理学等诸多学科的知识。网页界面设计在心理学方面可以分为情感和感觉两个层次;在技术上具有多媒体、视觉化和数字化的特征;在传播方面它拥有互换性、广泛性、多元化和个性化等特征。由于网页设计的媒介具有一定的特殊性,因此它不仅具有平面设计的一般特征,而且其自身也有着别具一格的设计特性。对于网页界面设计来说,它是一项系统性的工作,需要结合各方面的需求来进行设计,因此考虑的因素也是多方面的,同时也考验设计师的综合素养,其设计要求复杂而多样。能做好让不同群里都满意的界面效果,是一件很不容易的事情。

二、网页中的视觉传达

1.把握网页视觉运动规律

因为客户阅读习惯的不同,在进行网页设计时要着重考虑,有的用户习惯于从左往右阅读,而有的用户习惯由上到下的顺序来进行阅读,或者是由明到暗、由动到静的顺序。这些阅读习惯与用户的认知过程的心里顺序、逻辑思维习惯和数学生理特征有很大的关系。通过对特定用户群体的视觉运动规律进行研究,可以帮助我们设计更好地规划浏览页面的轨迹,以便于形成带动性的视觉导向。

2.寻找视觉的兴奋点

浏览网页的兴奋点就是能够让客户长时间停留并足以引起兴趣、情感的心理共鸣的内容。通常情况下这些兴奋点都具有形式独特、颜色明快的特点,和周围的元素能够形成很大的反差,能给用户起到暗示的作用。

3.体会网页空间布局的视觉变化

一般来说,网页页面视觉是否平衡与页面的区域颜色、兴奋点,线条差异和图案虚实有着直接联系,给用户带来或重或轻的视觉感受。研究发现同一平面中上侧和左侧给人的感觉比左侧和下侧要好很多,因此最佳的视觉区域就处于网页的中心和上侧的位置,通常情况下网页中的重要信息和视觉的兴奋点都会位于这个区域。

4.揣摩网页色彩应用的心理感受

通常情况下任何一种色彩都会通过联想的作用使用户产生情感和心理上的变化,因为生活中实践活动的视觉影像的积累,人们往往会将所认知的事物与之前脑海中的视觉影像进行对比,产生联想性的效果,使得抽象的事物转为更为生动的形象。

三、将视觉传达应用于网页界面设计中

1.布局网页界面的策略

(1)布局的基础元素

细数来看,网页设计作为平面设计的分支之一,其构成元素同样包含平面设计的点、线、面这三个方面。而为了方便布局网页页面,就要处理好这三方面的关系,保证其能够通过合理的组合表达出一定的美感。

(2)界面空白

在网页界面设计中网页界面的空白也是其中非常重要的一部分,它通常会对用户的视觉轨迹进行引导,使其能够根据设计者预期的视觉移动流程来进行移动。而且充分运用空白还能够使用户的视线在两个要素之间转换时的界面更具有节奏感和韵律感,使用户的阅读环境变得更加轻松,防止出现视觉疲劳情况,与此同时也大大提高了网页的品质。

同时,空白的设计又显得十分奢侈,但是过于追求简约形象而应用空白的话就会大大降低空白的表现力,这不仅无法达到预期的效果,而且还会造成网页版面得浪费。例如Apple的页面虽然看起来十分简约,但是其留白凸显了产品的奢华。

(3)界面内容

如果我们在版面中加入太多文字的话就会让人觉得十分枯燥。但是如果我们把内容通过细致的分类辅之以图片和视频加以突出,就会给用户带来一种图文并茂形象生动的感觉。所以,设计网页界面的过程中,既要利用清晰明亮的图片来点缀,也要确保文字的内容可以让用户直接理解。

(4)界面版式设计

对于界面的版式设计来说,可以较多参考传统的读物设计,因为二者存在较多的共同点,版式都是呈现信息的核心部分,处于关键地位。不同于此,印刷品的设计有着统一的规格和尺寸,而网页设计不必拘泥于此,并且其组织结构方面也与印刷品有着很大的不同,网页设计以流通窗口的形式,在结合文字、图片、广告这三要素的基础之上进行设计环节。在此设计环节中,需要遵循以下几个原则:

妆点性:采用比喻、夸张和形象的方法,把点、线、面重新排列整合,利用其多样性变化妆点文字、色彩和图形,进而体现出网页设计的美感。

统一性:这是为了降低信息编码使用的符号的复杂性而需要注意的一点。因为符号解读的难度会占用客户较多的时间,所以单纯简约的网页版式时用户所需要的,在信息排版之前可以先将其浓缩提炼。

趣味性:要想使页面变得更加诱惑力我们就需要使其具有趣味性,不仅可以使得网页给用户带来更为人性化的体验,也能够体现网页令人印象深刻的部分。

2.合理搭配界面的色彩

色彩对用户的视觉冲击是网页界面中最关键的部分。通常来说,用户在浏览网页时关注的重点并非版式的设计,而是网页对色彩的搭配,因为只有搭配合理,色彩独特的网页才会给用户留下深刻的印象。但是目前来看,网页色彩的搭配成为困扰网页设计人员最重要的难题,这是因为布局巧妙的网页离不开色彩的点缀,而色彩如何合理运用是体现网页观赏性、有效性和舒适性的重要方面。

(1)细数色彩搭配的原则

完整性;网站设计的完整性是合理完成页面布局的关键,统一的色彩会使得页面更具层次感和整体感,让页面带给用户和谐的浏览体验。

独特性:我们在进行配色时不要只局限于那些传统的网页配色,而应更多考虑时下最为流行的色彩,并且大胆尝试使用独特的配色,为用户留下深刻的印象。

(2)巧用色彩搭配的策略

主色调的突出:因为主色调有着最为显著的表现,这在网页上表现为主色调占据最多的页面面积,而关于主色调的选择,最好是只选择一种加以突出,防止因为选择多个主色调而使得页面主次不清和无视觉重点情况的发生。

辅助色的点缀:我们所说的辅助色就是与主色颜色相似将其用在主色之外页面的颜色,它不仅可以起到强调和缓冲的作用,还可以让界面变得更加和谐。