Whimsical design techniques in web design

Unexpected whims, unique interaction modes, and unique design techniques often come from the designer's flash of inspiration. Adding a little whimsy to a design project can not only enhance the artistic conception of the overall design, but also often achieve the miraculous effect of turning iron into gold.

No matter where this bizarre idea lands,
From a small element, it is still implemented into the overall design. This unique charm that is unique to the imagination will naturally attract this user. Many fantastic designs are common in feminine and childlike designs, but they do more than just these two types. Many different types of design projects can incorporate whimsy, but these days this type of creative thinking is most easily combined with modern retro design-style web pages.

Handwritten fonts in web design
Compared with our commonly used serifs and sans-serifs, handwritten fonts often appear more real, more emotional, and more charming in comparison, which can maximize the emotion of the entire design. Of course, too much is never enough. When it comes to using handwriting fonts, there are some commonplace things to note: Don’t use handwriting fonts that are overused. In order to maximize the effect, the closer the font is to the handwriting effect, the more realistic and the better the effect. The vast majority of computer-designed fonts just lack this kind of authenticity.

Watercolor painting in web design
Watercolor painting is one of those design elements that is not easy to get started with, but is very awesome when used well. It can be used in many ways, from backgrounds to illustrations, and the website Made of Sundays above is a great example. When you use watercolors, you should be clear about your purpose: what you are using it for. To make the most of it, either use watercolor elements for the entire set of interface elements as much as possible, or use watercolor elements only for smaller elements. Of course, if there are no other contrasting visual effects, there is no harm in using watercolor elements. If you feel that the watercolor elements will overwhelm you, you may want to tone them down appropriately.


Web Design-Illustration
Nothing is more eye-catching than beautiful, sophisticated illustrations. Illustrations themselves are highly recognizable design elements, and your design can be better recognized by users. Therefore, a well-designed illustration can become an important "identity recognition" for you. You don't need to use a large, full-frame illustration to prove something. A small illustration or even a sketch is enough. Rachel’s Ginger Beer This page only uses a few small illustrations to create an overall effect and show the designer’s wonderful ideas.

Bright colors in web design
Nothing creates a relaxing and cheerful atmosphere like bright colors. Color itself can make users feel it immediately, and bold and bright colors also have inherent advantages in emotional expression, and users can directly feel interesting or pleasant emotions. Designers’ whims are often expressed in highly saturated colors of yellow, orange and green. In fact, even just using these colors can achieve the effect, and it is not necessary to use high saturation.

Lines and brushstrokes in web design
Another way to make your design appear light is to use thin lines and delicate brushstrokes throughout the design. From the main visual elements, the edges of pictures to the strokes of fonts, lines and fine strokes are used to express them. The most important thing is that these elements not only create a light feeling, but also have strong inclusiveness, carrying your wonderful ideas, join More custom, unique elements. To take the simplest example, even if you have slim elements throughout, you can still use some less slim elements to match them and create contrast. Take a look at the design of Sonikpass. It incorporates some relatively thick fonts very well (pay attention to the background). The bright colors form a good contrast with the deep black text and light gray background. It is neither monotonous nor complicated, yin and yang. reconcile.

simple animation
Although motion effects are mainly used to interact with users, guide interactions, and present effects, they can also be designed purely for fun. Hover effects, stage effects, jumping, stretching, quasi-object movements, etc., can all give users emotional touches. When you want to inject a unique idea into your animation, always remember that it is meant to please the user. That’s why many designers choose bright colors or incorporate interesting illustrations when doing this—and users love it.

If you're not sure whether your fantastic idea will appeal to users, start with small elements and refine them bit by bit. Don’t be afraid of being creative, ideas are important in this era. Some people are used to mediocrity, but more people are looking for something different. Maybe your brainstorming fits the bill.

Leave a comment