电子商务概论(第3版)课件04-项目三-电子商务中的视觉设计技术(第3版)

江苏海事职业技术学院经济管理学院杭俊项目三电子商务中的视觉设计技术电子商务概论（第3版）010203Web网页设计技术基础电子商务视觉设计商品图片的拍摄与处理04视觉设计中的图片处理目录ONTENTSC学习目标MyBitShop——了解Web页面的表现技术与网页设计的具体内容1理解电子商务视觉设计基础2熟知商品图片的拍摄与处理3拾光可乐Lance_hang如水智慧，随物赋形静态网页时代任务一Web网页设计技术基础拾光可乐Lance_hang如水智慧，随物赋形动态网页时代Web2.0时代技术发展简史1．“静态网页”时代在“静态网页”时代，通过客户机端的Web浏览器，用户可以访问网络上各个Web站点，通过Web站点上的主页访问整个网站。2．“动态网页”时代为了克服静态网页的不足，将编程技术引入互联网络，并与Web技术相结合，从而形成新的网络编程技术。3．Web2.0时代Web2.0不是一个具体的事物，而是一个阶段，是促成这个阶段的各种技术和相关的产品服务的一个称呼。这一阶段最重要的特征是由原来的网站设计者提供网页内容转变为全民参与网页内容的编辑。最主要的代表为WIKI、SNS、博客等。拾光可乐Lance_hang任务一

Web网页设计技术基础Web技术的分工使用HTML与XHTML搭建网站的结构使用CSS美化与布局网站使用脚本语言实现动态与交互效果拾光可乐Lance_hang如水智慧，随物赋形使用数据库软件实现数据存储任务一

Web网页设计技术基础Web技术概述常用软件动态网页技术网页的动态表现技术ShockwaveJava语言的应用脚本语言的使用网页的动态内容技术拾光可乐Lance_hang如水智慧，随物赋形Notepad++EditPlusDreamweaverPhotoShop任务一

Web网页设计技术基础网页设计概述设计流程网页布局表格图层基本元素拾光可乐Lance_hang如水智慧，随物赋形八阶段任务一

Web网页设计技术基础色彩任务二电子商务视觉设计拾光可乐Lance_hang如水智慧，随物赋形文字创意拾光可乐Lance_hang如水智慧，随物赋形任务二

电子商务视觉设计1．色彩在设计中的作用（1）色彩在电子商务的视觉设计中，人们对色彩的喜好偏差往往对他们的消费体验起着非常关键的作用。（2）色相环色相环的作用是告诉我们颜色之间的相互关联。2．色彩情感在视觉设计中的运用（1）引导——理解浏览者对色彩的喜好偏差（2）决策——运用色彩实现“七秒定律”（3）转化——以色彩实现订单的高“转换率”色彩文字拾光可乐Lance_hang如水智慧，随物赋形1．文字设计的元素

在设计中从字体、字号、行长、间距和背景五个元素来追求效果。2．文字的层级关系文字层级在沟通中扮演着重要角色，它可以将用户引向期望中的结果的同时改善用户的体验。任务二

电子商务视觉设计创意拾光可乐Lance_hang如水智慧，随物赋形网页设计中的创意：大自然摄影音乐时尚艺术室内设计包装食物

老物件建筑任务二

电子商务视觉设计RichMedia留白拾光可乐Lance_hang如水智慧，随物赋形任务二

电子商务视觉设计任务三商品图片的拍摄与处理Keywords商品拍摄

器材光线

构图背景拾光可乐Lance_hang如水智慧，随物赋形一、商品拍摄简述商品拍摄的目的在于对商品进行有机的组织，利用合理的构图和恰当的用光，将商品表现得栩栩如生，给浏览者以真实的感受。二、商品拍摄器材照相机三脚架灯光商品拍摄台三、光线的使用室内自然光室内自然光是由户外自然光通过门窗等射入室内的光线，方向明显，极易造成物体受光部分和阴暗部分的明暗对比。人工光源主要是指各种灯具发出的光。拾光可乐Lance_hang任务三

商品图片的拍摄与处理四、商品的构图商品在被拍摄时的构图大多是通过拍摄者的主观意图摆设出来的，所以对于构图的要求更加严谨，对于画面中各种关系的处理也要求更加合理。△型（三角形）构图▽型（倒三角形）构图S型构图对角线构图五、背景的选择与处理在商品拍摄中，背景可以表现主体所处的环境，对表现整个画面的色调、气氛和空间感有着至关重要的作用。拾光可乐Lance_hang任务三

商品图片的拍摄与处理图片大小的处理拾光可乐Lance_hang如水智慧，随物赋形任务四视觉设计中的图片处理图片细节的处理抠图水印图片文字去除与图像嫁接色相环拾光可乐Lance_hang如水智慧，随物赋形项目三图文解说习题1．Web技术的发展并未经历的阶段是（

）A．静态网页时代 B．动态网页时代C．Web1.0时代 D．Web2.0时代2．以下哪一种颜色不属于色彩的三原色（

）A．绿 B．黄 C．蓝 D．红3．以下哪一种拍摄器材会涉及色温的问题（

）A．照相机 B．灯光 C．背景材料

D．三脚架拾光可乐Lance_hang如水智慧，随物赋形