《网店美工》-第1章 走进视觉美学

1.1视觉美学1.2色彩心理1.3视觉营销视觉----老妇？

视觉----真相

视觉与智商？据说能看到9张脸的智商高达180，你看到了几张脸？您找到了几张脸？九张脸1.1视觉美学

视觉中体现美的因素有很多，包括空间、形式结构、光线、材料及色彩。“美”这个字，在我们的身边无处不在，所有的美都是通过视觉来进行传达，也就我们常说的视觉美学。

不同的配色和不同的设计在网店设计中起着重要的作用，往往影响着网络店铺的定位和消费人群。1.1视觉美学

传统设计——"唐赋”旗舰店首页

1.1视觉美学

现代感设计——某广告扇子制作宣传广告1.2色彩心理

色彩对人的生理、心理都会产生一定的影响。这些影响力都是客观存在的。色彩搭配的不同也会影响人的视觉效果。1.2.1色彩的分类与属性

1.彩色系2.非彩色系1）.色相2）.饱和度（也称彩度、纯度）3）.明度色彩的分类1）.颜色只有一种基本性质----明度2)无色相和饱和度，理论上值等于0非彩色系是白色、黑色和由白色黑色调合形成的各种深浅不同的灰色。1.2.1色彩的分类与属性

1.彩色系1）.色相：

指色彩的相貌，根据波长的不同，产生不同的色彩，如红色、蓝色、绿色等；3）.明度：

明度指色彩的亮度，即色彩的深浅。2）.饱和度：

指色彩的鲜艳度。颜色总有你要的色彩基本概念——色相

色彩基本概念——饱和度

色彩基本概念——明度

色彩基本概念——非彩色

1.2.2色彩的搭配与黄金分割1.色彩的搭配图片设计中配色的要点（1）一张图片中颜色尽量控制在三种色彩以内。

红色系，绿色系，蓝色系，紫色系……用Ps拾色器配同一种色彩用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于图片或网页。这样的图片和页面看起来色彩统一，有层次感。红色-色彩同一种色彩的图片、网页1.色彩的搭配图片设计中配色的要点（1）一张图片中颜色尽量控制在三种色彩以内。（2）商品主体、文字和背景在颜色上要有差别、有对比，以便突出商品主体和文字。背景色与主体商品色接近1.色彩的搭配图片设计中配色的要点（1）一张图片中颜色尽量控制在三种色彩以内。（2）商品主体、文字和背景在颜色上要有差别、有对比，以便突出商品主体和文字。（3）建议背景用接近纯色背景，切记用复杂的图案做背景。1.2.2色彩的搭配与黄金分割

2.黄金分割构图黄金分割是一种由古希腊人发明的几何学公式，其比例值为1：0.618--大多数门窗的宽长之比也是0.618……--人们的肚脐是人体总长的黄金分割点……--人的膝盖是肚脐到脚跟的黄金分割点……1.2.2色彩的搭配与黄金分割

黄金分割焦点图1.2.2色彩的搭配与黄金分割黄金分割之九宫格构图1.2.2色彩的搭配与黄金分割黄金分割之九宫格构图案例1.2.3色彩心理与冷暖色调

色彩心理色彩本身并无冷暖的温度差别，是视觉色彩引起了人们对冷暖感觉的心理联想。色彩的冷暖感人们在长期生活实践中由于联想而形成的。分为暖色、冷色、中性色。1.2.3色彩心理与冷暖色调

色彩的冷暖色1.2.4色彩心理与网店设计各种色彩的心理感觉和网店设计运用红色—很暖、很强、很华丽、高尚、愉快、扩大黄色—暖、扩大、华丽、强蓝色—很冷、硬、锐、收缩、高尚绿色—新鲜、平静、安全紫色—优雅、高贵、神秘白色—纯洁、淳朴、神圣黑色—严肃、刚健、惊恐1.2.4色彩心理与网店设计

红色在网店首页的运用——凡享家居旗舰店首页（图A）红色—很暖、很强、很华丽、高尚、愉快、扩大1.2.4色彩心理与网店设计红色在网店首页的运用——东祥金店旗舰店首页（图B）红色—很暖、很强、很华丽、高尚、愉快、扩大1.2.4色彩心理与网店设计黄色在网店首页的运用——蜜兹兰官方旗舰店首页

黄色—暖、扩大、华丽、强1.2.4色彩心理与网店设计蓝色在网店首页的运用——萨奇官方旗舰店首页蓝色—很冷、硬、锐、收缩、高尚1.2.4色彩心理与网店设计

绿色在网店首页的运用——berdafruit官方旗舰店首页绿色—新鲜、平静、安全1.2.4色彩心理与网店设计紫色在网店首页的运用——欧莱雅官方旗舰店紫色—优雅、高贵、神秘1.2.4色彩心理与网店设计白色在网店首页的运用——LOCCITANE欧舒丹官方旗舰店白色—纯洁、淳朴、神圣1.2.4色彩心理与网店设计黑色在网店首页的运用——CalvinKlein化妆品官方旗舰店黑色—严肃、刚健、惊恐1.3视觉营销

视觉营销（VisualMarketing）

视觉营销就是市场营销层面上一部分销售技术的总和。这部分销售技术可以使我们向（潜在的）消费者在最好条件下，包括物质和精神两方面，展示我们用于销售的产品和服务。1.3.1视觉营销

网店风格结构定位六大因素1.3.2视觉营销与商品

请大家思考下视觉营销和商品之间的联系?1.3.2视觉营销与商品图A和B网页视觉效果进行