论文部分内容阅读
[摘要]网上购物已经成为一种流行趋势,形形色色的商品无时无刻都在吸引购物者的眼球。可能你在浏览网站的时候并没有注意网站版面的设计,但正是这种有意识的视觉设计,引导着你的整个视觉流程。本文从网站版式设计的几个重要的视觉要素进行分析,在满足购物者需求的同时,通过合理的版式设计为购物者打造一个舒适的视觉购物环境。
[关键词]LOGO的设计 导航栏 文字排版 图片与广告 色彩构成
购物网站强调商品种类的繁多和时下的流行性。因此网站的版面设计就涉及到整体页面的风格和大量信息的承载。如果说是形形色色的商品成就了这些购物网站,那么网站的版式设计风格,也正契合了人们的视觉运动规律,从而成为网络购物者对购物网站合理布局的一种视觉认可。这种认可,给购物者一个流畅的视觉体验,符合购物者的求购心理和审美需求。
一个购物网站就是一个百货商场,大量的图片,文字等信息,如何摆放在这个橱窗中,来吸引网络购物者的眼球的呢。下面我们就来分析时下流行的综合类购物网站,看看他们是怎样通过图形、文字、色彩等视觉元素的编排来抓住网购者的心里并营造一个舒适的视觉购物环境的。
一、LOGo的设计
网站的LOGO(标志)是网站的身份和品牌。最常用的是把LOGO放在网站的左上角。我们的阅读习惯是,从左往右,从上至下,所以LOGO应该放在访问者第一眼能看到的地方。
在LOGO自身的设计上,各家自有独到之处。一般情况下网站的LOGO都是一程不变的,但是在某些节日或发生重大事件时也会在其上做些文章,活跃版面气氛。如淘宝网的标志是橘红色的“淘宝网”三个半透明的文字;在2010年的中国传统节日“七夕节”期间采用Flash动画来表现了牛郎和织女相会的场面。这看似简单的F,lash动画运用中国传统皮影的表现手法,将传统的故事和现代的设计元素结合,妙趣横生。在网站LOGO上根据节日或重大事件来改变主题的,淘宝并不是第一家,但是能把Flash动画和标志如此好的结合的还是很少见的。
二、导航栏
网站的版式和传统的版式的最大区别是其导航系统的设计。由于其信息的海量和互动特征,导航系统是网页中必不可少的区域。作为导航系统的重要部分,导航栏应该是容易被找到并被使用的,网站的导航栏通常是以通栏的形式,横置于标志的下方或与网站标志同行,放置在右侧的情况是很少见的。由于购物网站的信息量大,网站的导航条一般都会设计的比较简洁、明快。同时在设计上还要遵循网站导航条“三次点击规则”,即在主页上没有任何一条信息需要点击超过三次以上。为了使购物者很快找到自己需要的商品,我们要避免用户使用向前和向后的按钮。
卓越网将首页的导航链接做到了网站的Logo上面,虽然首页的链接设置很特别,但是当我们浏览过其他页面的信息后想快速回到首页时带来了困难。如果把首页的连接单独做出来会更方便适用。
三、文字排版
文字排版与文字设计是网站信息传达的主要手段也是网站的主体,文字表现的好与坏将影响到整个网站的质量。购物网站包含大量信息,文字的排版应给购物者以清晰的视觉印象,避免繁乱,减去不必要的装饰,要有较强的易读性。一般来讲,同一页面上使用的字体种类最多不要超出三种。购物网站首页的正文中的文字多是起到信息分类和导航的作用。因此,购物者很快能通过这些文字找到下个页面的链接,浏览自己想要的页面。
四、图片与广告
对于购物网站来说,图片是商品的最好展示方式,就像商品展示在橱窗里。由于购物网站的特殊性,图片也是我们了解商品的重要渠道之一。在购物网站的首页分栏中放置相关商品的缩略图片,一方面展示商品,另一方面缓解大量信息文字带来的阅读疲劳。
依照人的视觉习惯,通常在首页的上部或导航条下方的固定位置放置广告条,最容易进入人们的视野,其次是两旁的垂直条。购物网站更多地制造首页的两侧空间,尽量争取’空间投放大量的广告信息。当然在导航条下方,版面较为居中的位置,这个有利的位置更是放有大幅的广告,一般情况下会三到五张图片交替出现,赚足了购物者的眼球,但投放大量广告的前提是相应提高其网站空间速度。
五、色彩构成
网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。颜色搭配是体现风格的关键,大多都围绕自己的“标准色彩”来体现网站形象和延伸内涵,用于网站的标志、标题、主菜单和主色块,给人以整体统一的感觉。一般来说,一个网站的标准色彩不超过三种,太多则让人眼花缭乱。这一点对于购物网站尤其重要,版面色彩过于花,易造成购物者的视觉流程混乱。
综上所述,在激烈的市场竞争中,如何抢占购物者的眼球,除首先应考虑其内容上的精益求精外,其次就是对内容进行合理有效的视觉编排,运用版式设计原理将纷繁复杂的商品合理地摆放在网页上。美观是任何网站应当具备的基本因素,网站信息不仅是为了满足使用者的需要,更重要的是创造一种愉悦的视觉环境,使他们有一种全身心的感受和共鸣。
[关键词]LOGO的设计 导航栏 文字排版 图片与广告 色彩构成
购物网站强调商品种类的繁多和时下的流行性。因此网站的版面设计就涉及到整体页面的风格和大量信息的承载。如果说是形形色色的商品成就了这些购物网站,那么网站的版式设计风格,也正契合了人们的视觉运动规律,从而成为网络购物者对购物网站合理布局的一种视觉认可。这种认可,给购物者一个流畅的视觉体验,符合购物者的求购心理和审美需求。
一个购物网站就是一个百货商场,大量的图片,文字等信息,如何摆放在这个橱窗中,来吸引网络购物者的眼球的呢。下面我们就来分析时下流行的综合类购物网站,看看他们是怎样通过图形、文字、色彩等视觉元素的编排来抓住网购者的心里并营造一个舒适的视觉购物环境的。
一、LOGo的设计
网站的LOGO(标志)是网站的身份和品牌。最常用的是把LOGO放在网站的左上角。我们的阅读习惯是,从左往右,从上至下,所以LOGO应该放在访问者第一眼能看到的地方。
在LOGO自身的设计上,各家自有独到之处。一般情况下网站的LOGO都是一程不变的,但是在某些节日或发生重大事件时也会在其上做些文章,活跃版面气氛。如淘宝网的标志是橘红色的“淘宝网”三个半透明的文字;在2010年的中国传统节日“七夕节”期间采用Flash动画来表现了牛郎和织女相会的场面。这看似简单的F,lash动画运用中国传统皮影的表现手法,将传统的故事和现代的设计元素结合,妙趣横生。在网站LOGO上根据节日或重大事件来改变主题的,淘宝并不是第一家,但是能把Flash动画和标志如此好的结合的还是很少见的。
二、导航栏
网站的版式和传统的版式的最大区别是其导航系统的设计。由于其信息的海量和互动特征,导航系统是网页中必不可少的区域。作为导航系统的重要部分,导航栏应该是容易被找到并被使用的,网站的导航栏通常是以通栏的形式,横置于标志的下方或与网站标志同行,放置在右侧的情况是很少见的。由于购物网站的信息量大,网站的导航条一般都会设计的比较简洁、明快。同时在设计上还要遵循网站导航条“三次点击规则”,即在主页上没有任何一条信息需要点击超过三次以上。为了使购物者很快找到自己需要的商品,我们要避免用户使用向前和向后的按钮。
卓越网将首页的导航链接做到了网站的Logo上面,虽然首页的链接设置很特别,但是当我们浏览过其他页面的信息后想快速回到首页时带来了困难。如果把首页的连接单独做出来会更方便适用。
三、文字排版
文字排版与文字设计是网站信息传达的主要手段也是网站的主体,文字表现的好与坏将影响到整个网站的质量。购物网站包含大量信息,文字的排版应给购物者以清晰的视觉印象,避免繁乱,减去不必要的装饰,要有较强的易读性。一般来讲,同一页面上使用的字体种类最多不要超出三种。购物网站首页的正文中的文字多是起到信息分类和导航的作用。因此,购物者很快能通过这些文字找到下个页面的链接,浏览自己想要的页面。
四、图片与广告
对于购物网站来说,图片是商品的最好展示方式,就像商品展示在橱窗里。由于购物网站的特殊性,图片也是我们了解商品的重要渠道之一。在购物网站的首页分栏中放置相关商品的缩略图片,一方面展示商品,另一方面缓解大量信息文字带来的阅读疲劳。
依照人的视觉习惯,通常在首页的上部或导航条下方的固定位置放置广告条,最容易进入人们的视野,其次是两旁的垂直条。购物网站更多地制造首页的两侧空间,尽量争取’空间投放大量的广告信息。当然在导航条下方,版面较为居中的位置,这个有利的位置更是放有大幅的广告,一般情况下会三到五张图片交替出现,赚足了购物者的眼球,但投放大量广告的前提是相应提高其网站空间速度。
五、色彩构成
网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。颜色搭配是体现风格的关键,大多都围绕自己的“标准色彩”来体现网站形象和延伸内涵,用于网站的标志、标题、主菜单和主色块,给人以整体统一的感觉。一般来说,一个网站的标准色彩不超过三种,太多则让人眼花缭乱。这一点对于购物网站尤其重要,版面色彩过于花,易造成购物者的视觉流程混乱。
综上所述,在激烈的市场竞争中,如何抢占购物者的眼球,除首先应考虑其内容上的精益求精外,其次就是对内容进行合理有效的视觉编排,运用版式设计原理将纷繁复杂的商品合理地摆放在网页上。美观是任何网站应当具备的基本因素,网站信息不仅是为了满足使用者的需要,更重要的是创造一种愉悦的视觉环境,使他们有一种全身心的感受和共鸣。