Making noisy SVGs (daniel.do)

Article summary

The article discusses the author's attempt to create a noisy SVG illustration using only code, inspired by a design trend that incorporates texture and noise into vector graphics. The author uses SVG filters, specifically the feTurbulence filter, to generate a noise texture and applies it to a simple shape. The result is a moderately flexible illustration that can be easily modified and reused. The author also references a similar article on CSS-Tricks that achieves a similar effect using different techniques.

Main themes

• noisy SVGs
• vector graphics
• design trends
• dithering vs noise addition
• retro aesthetics
• digital design techniques

What commenters say

• The addition of noise to digital images is a deliberate aesthetic choice that can add texture and interest to an otherwise sterile image.
• The technique used in the article is not true dithering, but rather a form of noise addition that achieves a similar visual effect.
• The style of illustration presented in the article is reminiscent of vintage design trends, such as the Memphis style, and may be part of a larger cycle of design trends.
• The use of noise and texture in digital design can be seen as a reaction against the sleek, minimalist aesthetic of flat design.
• The article's technique can be improved upon and refined to achieve more complex and interesting effects.
• The distinction between dithering and noise addition is important, and the two techniques should not be conflated.
• The design trend discussed in the article may be influenced by retro aesthetics and a desire for more organic, human-made looks in digital design.