与莫奈不同,梵高是公认的疯子,但也是天才,因为他在绘画的时候无比认真,从他作品中可以看出严谨的规律。天空中的黄色星星如果用线连起来,会发现它如浪花一样此起彼伏,流动的笔触按照顺时针方向有规律的排列,前景树影与后景连绵的山脉形成近大远小的连续空间感,将视野从近处树影往远处山丘无限延伸。 因此,结构中的疏密、大小、视觉轨迹等变化,可以让让画面更具张力与空间感。
设计上也通常会改变构图中物体的大小、间隔、方向渐变等的节奏来实现,从以上对比图中,可以明显看出来左图的方块、球体大小变化更有节奏,营造出一种近大远小的空间感。
例如上图骰子的大小变化,营造了空间活跃感,让物体具有魔法般的“腾空”起来。通过主题物(人)与辅助物(粉球)之间的穿插错位来产生“和旋”一样的“交响乐”,丰富画面的节奏,产生了纵深空间感,而不会误以为比例不对。
应用到网页上,最明显的就是页面结构布局设计,适当穿插的左右排列,打造起伏流畅的曲线观赏路径,仿佛细细流淌的小溪,吸引用户追本溯源不断向下滑动,同时也避免了所有信息累积在一起的压迫感。 首尾错位叠加的布局,给人一种故事开头结尾和丰富过程的完整阅读体验。可见,构图节奏能增加舒适感、缓解视觉疲劳,让画面更有起伏感。 但需要注意的是,错位构图带来的节奏是较慢的浏览式体验,并不适合快速获取信息的信息流。
信息流中过于跳跃的界面设计,让用户上下浏览的时候,很难快速定位店名、位置等信息。所以像新闻、快报等资讯类app设计都是一致的图文方向,这样更符合用户快速阅读的惯性。继续深思下去,如果要一致的图文为什么又要增加与图文不一致的三小图和大图信息呢?这不就打断了节奏吗?没错,就是故意打断阅读节奏的,为了让用户不至于长期阅读相同结构而产生视觉疲劳,但怎样的频次和节奏才是最好的呢?
构图中文字的排版也可以运用设计节奏,例如通过字体、字号、颜色、深浅、字间距、段落等的节奏变化来体现。如图将普通的文字段落,先按主次区别,改变一成不变的阅读体验,将标题与内容相呼应,将文字与背景构图融合,倾斜对齐体现文字的力度。 可见,文字的节奏能突出主次、避免大段文字的阅读压力、横纵向的阅读呼应也能有不一样的阅读体验。
形状的节奏 如果说结构的节奏是整体布局的把控,那形状的节奏就是通过形状的变化对画面所传达信息的扩展,其中最为突出的是表现在“渐变”和“聚散”两种形式。 渐变是指以类似的基本形或骨格,渐次地、循序渐进地逐步变化,呈现一种有阶段性的、调和的秩序。包括:同一个形状的颜色、大小、间隔、方向、位置的变化,也有多个形状的关联性变化。
聚散是一种特殊的重复,是基本形或骨骼单位环绕一个或多个中心点向外散开或向内集中,即爆发式(外扩形)和聚焦式(内收型)。特点:具有很强的聚焦点,这个焦点通常位于画面的中央;具有一种深邃的空间感,使所有的图形向中心集中或者由中心向四周扩散。
对比上图广告宣传banner,有聚散效果的图片氛围更热闹、丰富,也更能调动用户的购买欲望。可见,形状的节奏可以聚焦中心,使画面更具冲击力,营造隆重活跃的氛围,适合电商活动页面和商品banner展示。 颜色的节奏
颜色的节奏指的是画面中颜色明度、纯度和色相的有规律变化。提取图中背景色,通过左图纯度轴来显示色块位置,会发现它们按照一条连贯起伏的曲线渐变,这样可以让颜色的变化更自然舒适,高高低低的纯度变化营造出微妙的色彩空间感,利用红色吸引用户注意力的同时,避免高纯度的红色,增加低纯度的用色比例,控制颜色的比重让红色更显沉稳。第二张则明度上做了跳跃式选色处理,“高低低-高低”的节奏感仿佛一首欢快的歌,营造出一种青春活力氛围。 (责任编辑:admin) |