![国内电子商务网站的视觉设计分析.doc_第1页](http://file.renrendoc.com/FileRoot1/2020-1/7/20bc945d-f9f2-4285-99f1-e2df15cbeae7/20bc945d-f9f2-4285-99f1-e2df15cbeae71.gif)
![国内电子商务网站的视觉设计分析.doc_第2页](http://file.renrendoc.com/FileRoot1/2020-1/7/20bc945d-f9f2-4285-99f1-e2df15cbeae7/20bc945d-f9f2-4285-99f1-e2df15cbeae72.gif)
![国内电子商务网站的视觉设计分析.doc_第3页](http://file.renrendoc.com/FileRoot1/2020-1/7/20bc945d-f9f2-4285-99f1-e2df15cbeae7/20bc945d-f9f2-4285-99f1-e2df15cbeae73.gif)
![国内电子商务网站的视觉设计分析.doc_第4页](http://file.renrendoc.com/FileRoot1/2020-1/7/20bc945d-f9f2-4285-99f1-e2df15cbeae7/20bc945d-f9f2-4285-99f1-e2df15cbeae74.gif)
![国内电子商务网站的视觉设计分析.doc_第5页](http://file.renrendoc.com/FileRoot1/2020-1/7/20bc945d-f9f2-4285-99f1-e2df15cbeae7/20bc945d-f9f2-4285-99f1-e2df15cbeae75.gif)
全文预览已结束
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
国内电子商务网站的视觉设计分析 本文主要分析国内购物网站的视觉设计,通过对网站的网页版面以及色彩上进行比较分析,结合用户体验以及设计心理学,探讨如何提升网站的视觉设计,提高网站的竞争优势。 电子商务的发展概述 随着计算机信息技术的发展,互联网的普及,电子商务这一新兴行业也呈迅猛发展之势进入人们的生活中。电子商务与网民的生活密切相关。各大网站之间的竞争日趋白热化。购物网站,其主旨就是通过对商品的描述,图片的展示、信息的排列说服消费者消费。视觉是人的第一感官,网站的视觉体验直接决定了消费者的心理感受,网站想要独树一帜,吸引消费者的眼球,那么视觉设计是网站设计的重中之重。 网页设计视觉元素分析 网页是互联网用户直接交流使用的页面,是一种交互和操作的系统前台。网页的设计相当于实体店的店铺装修,给消费者直观的用户体验,因此网页设计是否合理直接决定了网站的用户流量。那么设计师如何通过框架结构、内容排版、色彩搭配、字体以及图片运用达到网页的和谐统一呢?以下从四个方面分析了网页的视觉设计。 1.版面设计 网站页面的结构框架即网页的整体版面设计,它是视觉设计中传递信息的重要手段。网站页面的版式设计是用户与互联网之间相互交流的最初印象,它的主旨是更好的传递客户信息,使网站所要表达的主题一目了然,给用户清晰的向导,其中涵盖的诸多视觉元素,如文字、图片、logo等都要在有限的版面中得到合理的优化,表达出和谐的美感。在网页界面设计中,图像和文字有不同的区分形式,如大小、属性和内容的区别,两者要根据用户或使用者不同需求进行布局与编排,有效展现整体效果。在对页面进行设计时,要遵循一定的规则和视觉规范,出发点为“以人为本”,以简便、快速传播信息为准则,运用到电商网站的视觉设计中。 当代的网站设计呈现方式颇为丰富。风格从清新到复古,插画手绘到拟真设计,无奇不有。无论是版面样式,还是设计元素,都是标新立异,与众不同。以为天猫商城的版面设计,作为中国最大的电子商城,天猫商城的版面设计是比较符合版面设计的原理。在购物网站的页面信息中,商品的种类繁多,信息量很大,要根据商品的属性做出合理的分类。那么信息导航和主次分明就显得尤为重要。天猫商城的整体板块基本保持一致,首屏板块的大面积的广告提醒用户当日最新商品讯息。版面分布均衡,视觉重心在屏幕的黄金位置,若顶部的广告栏再稍加弱化,视觉效果会更加集中。网站界面的导航系统,对于页面信息的分类起着很大的作用,同类商品的细分使页面布局更加合理、简洁。 网站页面信息的布局,就如大型超市,将货品摆放,区分类别、功用、大小、价格等进行的摆放布置,在视觉上对消费者的浏览和选购提供便利性的引导。打开天猫页面信息布局,你会发现每层结构相同,整个版式非常工整。对于信息量大,分类多,商品凌乱的购物网站来说,次要信息用不断重复的版面结构或许更有优势。就如商场的楼层结构一样,每一层的洗手间都在同一位置,用户的体验具有习惯性,这样提高消费者的购物效率,缩短了不必要的流程。优化网页信息布局,设计合理,提高视觉的逻辑性,便于浏览者阅读信息。 2.色彩搭配 美国流行色彩研究中心的一项调查表明,人们在挑选商品的时候只需7秒钟就可以确定对这些商品是否感兴趣。在这短暂而关键的7秒钟内,色彩的作用占到67 %,成为决定人们对商品好恶的重要因素,这就是20世纪80年代出现的”色彩营销”的理论依据。同样道理,在界面设计中,如果色彩的选择和搭配恰到好处,可以在段时间内给新用户留下深刻的印象,会给我们的设计带来意想不到的效果。 每一种色彩都有其特定的颜色寓意,例如红色偏向热情活力,蓝色则偏向冷静和平和,黄色总是给人富贵和辉煌的感觉。正因为颜色的象征性,所以设计时必须考虑到使用场合以及适用对象。再看天猫商城的色彩运用,每一区域均以色块为引导,多以亮色引导视觉重心。网上消费的主要群体是女性,页面以暖色为主,营造出一种活泼、温暖且有安全感的视觉心理。天猫商城整版的底色均为白色,白色属于无色系,与任何颜色都可搭配,用作底色辅助十分合理,自然地营造出一种主题明确、舒适和谐的视觉体验,使用户深深的融入网站的情境中。天猫商城走的是重“色”路线,各种色块多重视觉层级,用视觉刺激用户的购物欲。 3.字体的选择 文字是最直观的产品信息,任何表达方式都不如文字的精准,文字是最不起眼但却最重要的媒介载体。广义上的字体分为两大类:衬线字体和非衬线字体,衬线字体是指带有额外装饰并且粗细不同的字体,例如中国网页中常用的宋体。非衬线字体即字体粗细相同,简单无装饰的字体,如国英文版面中常用的Arial、Thoma、微软黑雅等。字体的选择也有特定的含义。粗字体比较显眼,给人的第一印象偏向硬朗、大气、稳健,多用于男性化的网页中;而女性为主体网站的字体则多选用细致、苗条的字体,以迎合女性柔美的心理。天猫商城的主要字体是黑体,属于非衬线体,由于笔画的粗细相同,使得很小的文字能有看的更清楚。其他的购物网站如京东、亚马逊等均使用宋体字,文字编辑显的轻盈,有粗细变化的节奏感。在网页中,字体的选择不宜过多,否则会给用户产生昏乱感。 结束语 国内的电商已进入到全面发展时期,网站的设计业随之受到多方关注。
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 【正版授权】 IEC 62453-301:2009 EN-D Field device tool (FDT) interface specification - Part 301: Communication profile integration - IEC 61784 CPF 1
- 2023年摩托车项目综合评估报告
- 2023年护色剂项目成效分析报告
- 2023年安全产品项目综合评估报告
- 2024年交通安全主题演讲比赛演讲稿
- 2018年中考化学试题的汇编考点5分子和原子的性质含解析
- 专题10《 等式的性质》达标检测卷-暑假小升初数学衔接(人教版)(原卷版)
- 六年级下册数学奥数讲义-计数方法(学生版)
- 液化气用户的应急预案
- 2024大学毕业典礼致辞15篇
- 2024校园安全事故案例
- “沐浴书香家校共读”表彰奖励大会主持词(2篇)
- 浙江省新高考2024高三年级语文学科试题及参考答案
- GB/T 43676-2024水冷预混低氮燃烧器通用技术要求
- 芯片销售入职培训课件
- 车辆托管协议模板
- 医院提高静脉输液规范使用率实施方案
- 演艺活动投标书
- 养老陪护关怀服务方案
- 益丰大药房入职测评题库
- 2022年安徽中考历史试卷评析 与 2023年安徽中考历史备考策略
评论
0/150
提交评论