零基础电商设计如何实用渐变技巧

重复是一种常见的视觉形式，是设计构成中最基本的形式，并广泛存在于自然界和人类社会当中，重复最终展现给人们的是一种整齐统一、和谐秩序的节奏感。重复是指同一视觉形象或形象的组成部分在同一画面内有规律地、有秩序地反复排列，通过数量的增加，使画面气氛紧张，增强视觉冲击力。

组成重复的基本形在形状、大小、颜色、肌理等方面都相同，画面构成以简洁为主，不宜太复杂，复杂容易使画面凌乱，缺乏秩序感和统一性。相同因素的重复可以达到整齐划一的视觉美感，相似因素的重复可以在统一中寻求变化，增强画面的灵活性。

重复骨酪的作用在于有秩序地编排单元形，为单元形设定空间的大小比例。在确定的骨骼框架上，研究形态的运动变化组合，有利于打破呆板的构图样式，提升画面气氛，增强视觉冲击力。

将骨骼框架内的空间划分成形状、大小相等的单位，就构成了骨骼的重复。将骨骼的水平线和垂直线做单方向或双方向的同时变动，以改变骨骼空间的宽窄、方向和线质；将两个元素进行分离或联合变动；或是做分块或分条变动等，可以获得多种丰富的重复骨骼。

大小的重复即将相同或相似的基本形在构成排列中做大小的重复交替排列。在固定的骨骼框架内，相同基本形或相似基本形做由大到小或由小到大的渐变排列，或大小相间隔的规律性排列；将骨骼以数学方式构成后再填充重复的基本形，画面易形成发射状，且具有空间感。

在骨骼框架内，将基本形按照一定的方向进行秩序性的重复排列，称为方向的重复。基本形可以做上下或左右位置、角度的变化，也可以进行正、负形的交替排列，画面构成呈现出方向性的重复。

将重复排列的基本形统一肌理效果处理，使画面肌理效果重复出现，形成表现手法的统一。

①将单个基本形按黑白反转的关系进行图底互换，互换后即产生两个基本形交错重复排列。

②将重复基本形在重复骨骼的排列上做方向上的变化，或方向的间隔变化。

③将重复基本形通过反射、平移、旋转、错位和放大等手段，产生重复与交错效果，画面局部则产生群化现象。

④将重复基本形和空白重复单元间隔反复排列，形成图底关系明确的构成雨面，黑白对比强烈。

⑤按规律性骨骼排列重复基本形，形成逐渐的、规律的和循序渐变的骨略样式。

⑥按作用性骨骼自由排列重复基本形，改变基本形的方向并调换基本形的位置，超出骨骼线的部分做切割取舍，使画面产生自由的统一效果。

渐变在构成中是指骨骼内的基本形逐渐、有秩序地变动排列过程。渐变是一种有节奏感和韵律感的规律性变化。渐变的构成设计能使画面产生强烈的动态趋势和速度感，具有抒情、流畅的视觉美感。

基本形的渐变是指从一种形状逐新过渡到另一种形状的变化过程。基本形的渐变可以是一个完整形到另一个完整形的过渡；可以是将一个基本形逐渐拉长或拉宽的渐变；也可以是由多个基本形组成的联合渐变。渐变的过程可以由简单到复杂，由完整到残缺，由具象到抽象等，但渐变画面的整体效果要保持统一、和谐。

骨骼的渐变主要是指骨骼线按照数列关系做规律性的循序变动。取得新变骨骼的常用方式，就是逐新移动骨骼的垂直线和水平线的编排秩序及位置。

①单元渐变，保持一组骨骼线不变，而另一组线则做序列渐变。

②双元渐变，水平线和垂直线同时产生渐变。

③折线渐变，将横竖水平线做折线弯曲渐变。

④等级渐变，水平线或垂直线同时错位渐变，形成台阶似的渐变效果。

⑤虚实渐变，使骨骼宽度扩大成面的感觉，使骨骼与空间进行相反的宽度变化，即可形成阴阳、虚实的转换。

⑥联合渐变，将骨骼渐变的几种形式互相合并使用，形成较复杂的骨骼单位。

采用近大远小的透视原理，将基本形进行由大到小或由小到大的渐变排列，使构成后的画面产生远近深度的空间感和运动感。

基本形的大小不动，通过旋转方向而产生有规律的起伏变动，形成面的旋转感和立体感。基本形按照规律在空间旋转时，产生从正面到侧面、再到背面的逐渐变动。

基本形在骨骼单位内做上下、左右或对角的有序移动，从而使画面产生起伏波动的位置渐变。

虚实渐变也称图底渐变，是用黑白正负变换的方法将一个形的虚形（底）渐变为另一个图形的实形（图）。这种变化方式巧妙地利用了共用的边缘线，完成图形与空间的转换。在设计过程中要注意把握渐变速度，速度太快，图形变化会显得突兀，不够自然。