从华尔兹舞曲“嘣恰恰，嘣恰恰”来谈设计节奏

正文

请到「今天看啥」查看全文

// 结构的节奏 //

什么是有规律性、阶段性、秩序性变化的节奏呢？继续观察《日出印象》《星夜》则会发现他们都有共同的规律——结构中的疏密、大小、视觉轨迹都是设计节奏。

莫奈的《日出.印象》就是一副节奏很明显的绘画作品，太阳、船只形成稳固的三角形布局。

阳光倒影在水中的波纹，远处树林房屋的倒映，平行的从上到下、从密到疏的排列，都给人平静安详的感觉。咋看一眼可能会被太阳吸引，视线随着橙色倒影到水面（红色1～3轨迹），看到出行捕鱼的船只（黄色1～3轨迹），紧随其后的小船，引申到远处的树林（蓝色1～3轨迹），平移视线看到一大片树林。最终形成一圈连贯的视觉轨迹，营造出一副日出平静中透着欣欣向荣生生不息的景象。

与莫奈不同，梵高是公认的疯子，但也是天才，因为他在绘画的时候无比认真，从他作品中可以看出严谨的规律。天空中的黄色星星如果用线连起来，会发现它如浪花一样此起彼伏，流动的笔触按照顺时针方向有规律的排列，前景树影与后景连绵的山脉形成近大远小的连续空间感，将视野从近处树影往远处山丘无限延伸。

因此，结构中的疏密、大小、视觉轨迹等变化，可以让让画面更具张力与空间感。

设计上也通常会改变构图中物体的大小、间隔、方向渐变等的节奏来实现，从以上对比图中，可以明显看出来左图的方块、球体大小变化更有节奏，营造出一种近大远小的空间感。

例如上图骰子的大小变化，营造了空间活跃感，让物体具有魔法般的“腾空”起来。通过主题物（人）与辅助物（粉球）之间的穿插错位来产生“和旋”一样的“交响乐”，丰富画面的节奏，产生了纵深空间感，而不会误以为比例不对。

网页案例：https://ueno.co/

应用到网页上，最明显的就是页面结构布局设计，适当穿插的左右排列，打造起伏流畅的曲线观赏路径，仿佛细细流淌的小溪，吸引用户追本溯源不断向下滑动，同时也避免了所有信息累积在一起的压迫感。

首尾错位叠加的布局，给人一种故事开头结尾和丰富过程的完整阅读体验。

可见，构图节奏能增加舒适感、缓解视觉疲劳，让画面更有起伏感。

但需要注意的是，错位构图带来的节奏是较慢的浏览式体验，并不适合快速获取信息的信息流。

信息流中过于跳跃的界面设计，让用户上下浏览的时候，很难快速定位店名、位置等信息。所以像新闻、快报等资讯类app设计都是一致的图文方向，这样更符合用户快速阅读的惯性。继续深思下去，如果要一致的图文为什么又要增加与图文不一致的三小图和大图信息呢？这不就打断了节奏吗？没错，就是故意打断阅读节奏的，为了让用户不至于长期阅读相同结构而产生视觉疲劳，但怎样的频次和节奏才是最好的呢？这也是我要继续研究下去的课题，欢迎交流讨论😄^_^

构图中文字的排版也可以运用设计节奏，例如通过字体、字号、颜色、深浅、字间距、段落等的节奏变化来体现。如图将普通的文字段落，先按主次区别，改变一成不变的阅读体验，将标题与内容相呼应，将文字与背景构图融合，倾斜对齐体现文字的力度。

可见，文字的节奏能突出主次、避免大段文字的阅读压力、横纵向的阅读呼应也能有不一样的阅读体验。

//

请到「今天看啥」查看全文