Categories
UX Design Trends

An Exploration of the Renaissance Trend in Web Design

View the original post

The Renaissance was an all-encompassing movement that flourished in Florence, Italy in the 14th century, in no small part thanks to shifting political, economical, and cultural changes. After the long period of scientific, intellectual, and artistic stagnation better known as the Dark Ages, people were ready for a rebirth, i.e. a renaissance in all aspects of life.

One of the most significant things to be reawakened during the Renaissance was culture, in particular art. Rich merchants (as well as the Church) financially supported most works, which were heavily influenced by the ideas of humanism. The humanists considered the ancient world to be the peak of human civilization, and that belief translated onto art.

Renaissance works of art often depicted classical gods and mythological creatures. Portraits became popular along with depictions in the nude. Artists wanted to create deep, complex works and realistically display emotions through their paintings and sculptures. Striving for realism, they developed ways to emulate perspective, as well as advanced techniques for recreating natural light and shadow.

The Renaissance masterpieces have left an ever-lasting impact on all forms of art and their beauty remains breathtaking to this day. They never cease to amaze, continuing to inspire creatives several centuries later. In fact, implementing Renaissance elements in your work is currently a popular trend in web design.

In this article, we would like to take you on a journey to explore just how much the Renaissance has influenced modern media. Some of the projects on our list were inspired by the Middle Ages and Baroque period. The former was the predecessor of the Renaissance, while the latter followed it in the 17th century. These three eras have made a huge impact on all modern forms of art, including contemporary web design, as you will see in the following examples:

Le Cantiche 1320

Le Cantiche 1320 is a website created in honor of the 700th anniversary of Dante’s momentous Divine Comedy, completed in 1320. This work acts as somewhat of a bridge between the Middle Ages and the Renaissance. Dante wrote it predominantly in the Tuscan dialect. At the time, that was a controversial thing to do because Latin was believed to be the only suitable language for literature. Dante’s radical move paved the way for the widespread use of vernacular languages in Renaissance literary works. The Divine Comedy is imbued with religious themes, but Dante made it clear he did not believe enjoying this life and obtaining salvation upon death were two mutually exclusive things. He wanted people to become more involved in political life and considered religion should have nothing to do with politics. These ideas heavily influenced humanists and became widely popular during the Renaissance.

The Divine Comedy is considered by many the greatest literary work of all time. The Le Cantiche 1320 website celebrates this masterpiece and is purposefully designed to look like an open book. You can go through it by dragging the cursor left and right or by using the horizontal scroll. The site is divided into five sections which can be navigated using the unobtrusive vertical menu. The pages contain large typography and predominantly full-height images and illustrations depicting Dante’s journey through Hell, Purgatory, and Paradise. The transition and hover effects are highly enjoyable, with pictures and letters often assembling before your eyes. And if you click on the asterisk in the top right corner, again, a book-like, horizontal-scrolling layout will appear, containing memorable verses from the poem.

Bruegel — Once in a Lifetime

Bruegel — Once in a Lifetime is a project created by the Art History Museum in Vienna to mark the 450th anniversary of the death of Pieter Bruegel the Elder — one of the most important representatives of Dutch and Flemish Renaissance painting. This audio-visual and interactive presentation contains some of his most notable works, such as “The Tower of Babel”, “Two Monkeys”, and “Hunters in the Snow”. But what leaves a lasting impression is the first painting we see on the site — “Peasant Wedding”. The characters depicted on it are animated so that they appear to be engaged in a lively conversation. You can hear soft chatter, laughter, the clatter of dishes, and music, all of which instantly transports you to the depicted Renaissance wedding. The site contains a mixture of audio, photo, and video materials, introducing you to this remarkable artist and the way he created his paintings. The designers went far and beyond to highlight Bruegel’s magnificent artistic skills and his great attention to detail. On some highly intricate images, they made certain areas clickable. There are pulsating white dots that on click reveal the story about the selected part of the image while simultaneously zooming in on it, fully immersing you into the depicted scene.

Gucci Marmont

The Gucci Marmont website gives us an overview of the famous brand’s Renaissance-style bag collection. The bags are presented as parts of still life paintings that appear to be hung on a gallery wall. While the background on the site is dark, the colors on the paintings are in contrasting rich colors. On scroll, you start to move from one painting to the next, while the chiaroscuro effect, which originated during the Renaissance era, takes on full effect. Once you place your mouse on any of the displayed paintings, the interplay of light and shadow becomes even more prominent.

Gucci Hallucination

Gucci Hallucination introduces us to Gucci’s Spring / Summer 2018 collection through a series of imaginative visuals inspired by the works of Old Masters, i.e. painters who worked in Europe before the 19th century. The famous Renaissance artworks, such as Jan van Eyck’s “The Arnolfini Marriage” and Hieronymus Bosch’s “The Garden of Earthly Delights” were digitally manipulated so that the depicted characters appear to be wearing Gucci clothes and accessories. Aside from these Renaissance paintings, the site contains several other works of Old Masters, placed in a modern setting and brought to life with interesting animation effects. This whimsical website mixes classic art with pop culture, surrealism, utopism, and cutting-edge designs, resulting in an unforgettable showcase of Gucci’s creations.

Käthe Kollwitz Memorial

The Käthe Kollwitz Memorial website tells us the story of the life and work of this great German artist. While her artistry is most commonly associated with Expressionism, she was also influenced by early Renaissance art. While you scroll your way through this one-page website, countless scroll-triggered animations, transitions, and interactions will appear. Once you get acquainted with Käthe’s artistry, you will reach the “Let’s Draw” section. As you move the pencil across the virtual board creating your own work of art, you will notice that the strokes reminisce Käthe’s style.

The Witcher — Netflix

The Witcher is a medieval fantasy drama on Netflix. Due to the show’s intricate structure, spanning several time periods and often jumping suddenly from one to the other, Netflix released an interactive map, to help viewers better understand where and when each episode occurs. Besides a hand-drawn map, resembling those from the Middle Ages, the creators also added a timeline to make the site easier to navigate. The timeline is marked with important events you can learn more about. The site includes a search bar as well, so you can quickly find information on characters, events, and places of your interest, and connect the dots about the show more easily.

Yuto Takahashi

Yuto Takahashi is a web and graphic designer as well as an art director. His eclectic website oozes Renaissance vibes. The homepage contains a background picture of a woman seemingly submerged under water. The way Takahashi edited that image makes it look as if it were painted by a Renaissance artist. The chiaroscuro effect is in full swing and can be seen in the majority of photos featured on the site. The fonts he used on the pages slightly resemble the “cursiva humanistica”, i.e. the formal style of writing developed by the humanists during the Renaissance era. The scroll-triggered, liquid-like animations add a contemporary touch to the site and make it exciting to explore.

Ludmilla Maury

Ludmilla Maury is a French art director and web designer. Her website is simple, clean, and typography-heavy. The serif fonts look like Renaissance-style cursive letters. They are colored in golden hues, which were often used in Renaissance paintings. Whenever the artists wanted to depict celestial and heavenly settings, they used a golden palette. Even though this is a portfolio site, the previews of Maury’s projects appear only when you hover over their name in the portfolio list. The homepage also contains several illustrations of circles, where the smaller circle lies inside the bigger one. They start to rotate on scroll. During the Renaissance, the circle symbolized perfection, just like it did in Antiquity.

Expodcast — Centre de Musique Baroque de Versailles

The Centre for French baroque music has launched “Expodcast”, a virtual exhibition on French baroque music. The interactive website introduces visitors to the music and musicians of the Royal Chapel, the jewel of the Palace of Versailles. While listening to any of the six featured podcast episodes, it is possible to explore the accompanying photo and video content. That way, you can enjoy the Chapel’s wonderful artworks, which symbolize the beauty and the sumptuousness of the French Baroque, learn about musicians who played for the King, find out how they were paid, and discover many other interesting details.

Giampiero Bodino

Giampiero Bodino is an artist and a jeweler whose work is heavily influenced by the Renaissance. His website is adorned accordingly, with jewelry showcases accompanied by illustrations of famous antique sculptures, which were popular during the Renaissance era. This is a one-page site, with a timeline displayed in the sidebar. You can use it to instantly skip from one section to the next. Alternatively, you can scroll through the site and enjoy photographic and video showcases of Bodino’s collections.

Browser History 2020 by Squarespace

Browser History 2020 celebrates successful creatives and Squarespace customers who made the most of 2020. The company hired the Spanish artist Ignasi Monreal to create portraits of the selected few in the Renaissance style, a trait his works are famous for. He presented common users as heroes and made them a part of Renaissance settings. You can see them posing as sculptures from antiquity or riding chariots in the style of Greek gods. All this is depicted using the fresco technique, which was popular during the Renaissance era. Each slide contains an “Explore Story” button, inviting you to learn more about the users while Classical music plays in the background. The hidden menu includes direct links to the presentations of all the featured creatives. As you move the cursor from one name to the next, the background color changes accordingly.

Typography Principles — Obys Agency

The Obys Agency created the Typography Principles website to share their tips on typography with users. They opted for scroll navigation, which, in addition to the fun animation and transition effects, helped make the browsing experience smoother and more enjoyable. The site contains four sections, three of which are about fonts and how to use them, and one representing a ‘thank you’ page. The informative and helpful copy is paired with striking and recognizable works of art, including those from the Renaissance era, such as the iconic “Mona Lisa”. Paintings also appear on hover, which is best seen in the hidden menu (images appear while you hover over the links) and in the ‘thank you’ section. When you place the cursor on any letter, that letter will rise higher above others and the painting attached to it will appear on the screen.

Dieu Neo

Dieu Neo is a Behance project created by Rron Berisha. This project celebrates classical art and the works of some of the best-known painters, including Rembrandt, Gilbert Stuart, Charles Baugniet, J. R. Miles, and many others. The site contains information about each artist, a collection of their best-known works, as well as information about exhibitions where their paintings are displayed. The layout is modern and attractive, with just the right amount of text mixed with compelling visuals. Large, serif fonts used in headlines are an excellent match for a website dedicated to art and they further enhance its elegant appeal.

Prado Museum

The Behance project created for the Prado Museum is nothing short of stunning. This art museum located in Madrid, Spain contains a vast collection of European art, in particular Spanish, Italian, and Flemish works. The project introduces you to both the artists and their art pieces through a series of large, often fullscreen images. As for typography, the designers opted for the sleek and elegant combination of serif and sans-serif letters, beautifully complementing the sophisticated vibe of the exhibited paintings. The goal of this project was to enable people to explore the museum’s collection without visiting the place. And what better way to do that than with virtual reality. The designers included a 360° VR simulation of the museum, allowing you to move through the halls and explore the art. There are clickable objects wherever you turn, enabling you to learn more about everything that interests you.

Caravaggio — Art Brutalism UI Concept

Caravaggio — Art Brutalism UI Concept is a creative Behance project made by Nikita Resh. It is dedicated to one of the most influential painters of the late 16th and early 17th century — Michelangelo Merisi da Caravaggio. This great artist had the power to vividly and realistically capture human emotions on canvas. He achieved that mostly by playing with the chiaroscuro technique, often taking the contrast between the light and the dark to the extreme. Many people believe that the Renaissance ended and Baroque began when he rose to prominence. Caravaggio is known for introducing tenebrism to painting, a style perfectly complemented by the brutalist vibe of Resh’s project. The designer uses large typefaces and long chunks of texts contrasted by mostly white, grey, or black backgrounds, depending on the color of the letters. This site provides an overview of Caravaggio’s creative oeuvre and is imbued with his masterpieces and details about them. Resh displayed the great artist’s paintings as backgrounds, magazine covers, and as parts of a book on his art, introducing people to Caravaggio in a striking and creative way.

Helen Sobiralski — Cockaignesque

Helen Sobiralski is a photographer that primarily focuses on fashion photography, portraits, and conceptional stagings. Cockaignesque is her series of pictures about opulence. The title of the project is connected to the word cockaigne, i.e. the name of a medieval mythical place of great luxuries and pleasures. The photos are idiosyncratic, with lots of rich, deep colors. They contain fauna and elements typical of still life paintings, such as vases and fruit. The contrast between light and dark is particularly prominent. With these pictures that look like artworks from the Renaissance and Baroque eras, Sobiralski managed to blur the lines between paintings and photographs.

Dominique Agius

Dominique Agius is a French photographer and a university teacher. He came up with the idea to pay homage to the Grand Masters of Renaissance and Baroque painting. To that end, he created Vanité — a project that consists of a series of images inspired by these two magnificent eras. Agius’ photos feature recurrent subjects of Renaissance and Baroque art, such as an alchemist (alchemy flourished during the Renaissance, with alchemists reviving the knowledge of the old Greek and Islamic scholars). Some images are a direct nod to several masterpieces, including Georges de la Tour’s “Magdalene with the Smoking Flame” and Caravaggio’s “Supper at Emmaus”. Just like the great painters before him, Agius incorporated the elements of perspective and chiaroscuro into his work. The photographs look rich, intimate, with lighter elements and subjects juxtaposed with dark backgrounds. Vanité is an impressive project that instantly transports you to the compelling art world of several centuries ago.

Christy Lee Rogers

Christy Lee Rogers is a visual artist from Hawaii. She is known for creating Baroque-inspired photographs of subjects submerged underwater. The images look dramatic and suspenseful, as if hand-painted. Christy uses rich, vibrant colors. The refraction of light in water helps her enhance the interplay of dark and light in each shot. Some photos are colored entirely in a golden palette, giving off a Renaissance vibe.

Aguilar Studio — Caravaggio

Aguilar Studio’s Caravaggio project consists of a series of images inspired by the great artist’s work. With the help of models and modern technologies, the studio managed to successfully enact some of Caravaggio’s best-known paintings, including “The Calling of Saint Matthew”, “Supper at Emmaus”, “Saint Jerome Writing”, “The Lute Player”, and several others. The photographs look exciting and the chiaroscuro effect enhances the drama of pictured scenarios.

Thierry Bansront — Neoclassical

Thierry Bansront’s Neoclassical project is a collection of photographs inspired by Neoclassicism. This cultural movement developed in the second half of the 18th century and it was heavily influenced by classical antiquity, just like the Renaissance was. It also adopted symmetry, harmony, clarity, and proportion, all of which were celebrated during the Renaissance era. Bansront said that his goal was to create “artworks modeled as neoclassical paintings”. He loves that era, and this project was his way of paying homage to it. The shots of models in the nude look clear and harmonious, which are the unmistakable traits of neoclassical art. Bansront experimented with colors and light while using little to no ornaments. He went for simplicity and natural looks, knowing that the use of subtle hues and specific body poses will be enough to make people think of Neoclassicism.

Josef Fischnaller

Josef Fischnaller is a fashion and advertising photographer. His portraits and still-life images are inspired by the works of the Renaissance artists and Old Masters. That is evident in the color palette he’s using, the models’ postures, and overall photo compositions. Fischnaller’s work looks refined and timeless, but almost every photo comes with a modern twist. He often adds contemporary objects to his works, such as pieces of plastic, a toy helicopter, tiny figurines, tissue papers, and many others.

Nima Benati — Rubens Dolce & Gabanna

Nima Benati is a photographer that worked on Dolce & Gabanna’s Rubens-inspired project. Peter Paul Rubens was possibly the most important representative of the Flemish Baroque era. His paintings often portrayed great movement, but he was no stranger to erotically depicting his subjects, surrounded by great opulence. Rubens often painted women with fuller bodies, presenting them as symbols of beauty and fertility. That sentiment translates onto Benati’s project, which oozes romantic and tranquil vibes, even on photos that feature male models. Overall, the photographs look elegant and inviting. The pink-ish color palette makes them appear particularly soft and it also helps enhance the models’ femininity.

Coldplay — “Viva la Vida”

Coldplay’s “Viva la Vida” video was directed by Hype Williams. In it, the band is seen performing in front of Eugène Delacroix’s painting “Liberty Leading the People”. Although Delacroix belonged to the romantic era, his inspiration came from Rubens and the artists of the Venetian Renaissance. “Liberty Leading the People” epitomizes the spirit of the French 1830 revolution. It shows revolutionaries led by a woman personified as Liberty. The song “Viva la Vida” tells the story of the final moments of King Louis XVI, who was the last king of France before the monarchy fell apart during the Revolution. The video itself looks like a painting came to life. The screen resembles a canvas, with all its dents and imperfections. Band members are dressed similar to revolutionaries, with colors and lights matching the style of the painting.

Hold Your Horses — “70 Million”

70 Million” is a remarkable video by the band Hold Your Horses, directed by l’Ogre. It is a beautiful ode to art that sees band members enact some of the best-known paintings of all time, including Leonardo da Vinci’s “The Last Supper”, Sandro Botticelli’s “The Birth of Venus”, Rembrandt’s “The Anatomy Lesson of Dr. Nicolaes Tulp”, Michelangelo’s “The Creation of Adam”, Edvard Munch’s “The Scream”, Pablo Picasso’s “Portrait of Dora Maar Seated”, Vincent Van Gogh’s “Sunflowers”, and many others. Every painting reconstruction matches the original to the smallest of details, taking viewers on a beautiful journey through art history.

R.E.M. — “Losing My Religion”

R.E.M.’s “Losing My Religion” video was directed by Tarsem Singh. The director drew inspiration from Gabriel García Márquez’s short story “A Very Old Man with Enormous Wings”, Andrei Tarkovsky’s film “The Sacrifice”, and Caravaggio’s paintings. Light and dark are beautifully juxtaposed in the video. Some scenes are recreations of Caravaggio’s well-known works, including “The Entombment of Christ” and “The Incredulity of Saint Thomas”. There is also a direct reference to the Renaissance painter Il Sodoma and his famous work “St Sebastien”, as well as scenes with Hindu deities. The director masterfully combined all of these elements into a commanding video that continues to impress viewers even several decades after it was released.

The Carters — “Apes**t”

In June 2018, Beyoncé and Jay-Z dropped a surprise joint album. “Apes**t” was released as the first single, and the spectacular video for it was filmed in the Louvre. The museum’s outstanding art collection plays a huge role in the video. The opening scene features The Carters standing in front of Leonardo da Vinci’s “Mona Lisa”. Over the course of six minutes, we witness spotless performances of the pair and their dancers before astonishing art pieces, such as “Oath of the Horatii”, “The Consecration of the Emperor Napoleon and the Coronation of Empress Josephine”, “The Intervention of the Sabine Women”, and “Madame Récamier”, all by Jacques-Louis David, then “Pietà” by Rosso Fiorentino, “Portrait of a Black Woman” by Marie-Guillemine Benoist, and many others. The video was directed by Ricky Saiz and is incredibly well-thought-out, addressing modern-day social and political issues, in particular the position of two sexes and people of color in society.

Joji — “777”

Joji’s beautiful video for “777” was directed by Saad Moosajee. The scenery, costumes, and lighting capture the essence of the Renaissance spirit. 777 is believed to be the angel number, which is why we see creatures of the afterlife and the depiction of Heaven in the video. Joji, Moosajee, and their team created an astounding project that feels like witnessing a remarkable Renaissance painting come to life in the full chiaroscuro effect.

Blood Orange — “Benzo”

The surreal video for “Benzo” was directed by Blood Orange a.k.a. Dev Hynes himself. It features characters wearing powdered wigs, turtlenecks, gowns, culottes, and elegant jewelry, all typical of the French nobility. Hynes created a gender-bent representation of the French court, in which he is the entertainer who needs to amuse the queen, i.e. Marie Antoinette, who is actually a black man. All other characters are black, too. Playing with the Renaissance aesthetic, Hynes created an imaginative work of art that celebrates black and queer culture.

Final Thoughts

The Renaissance is an important era in human history during which culture and art reached impressive heights. People felt liberated from the confines of the Middle Ages, and art mirrored their newfound sense of freedom. Painters depicted humanist ideals, nature, and still life in a way that continues to inspire artists to this day.

The primary focus of our article was to show you how big the Renaissance trend is in modern web design. We also wanted to highlight how Renaissance elements are celebrated through and incorporated into contemporary media, but we couldn’t help but mention works inspired by the Middle Ages and Baroque, as these two eras are so closely tied to the Renaissance.

In the end, our artistic adventure showed us that combining the old with the new leads to the creation of distinct, awe-inspiring, and memorable projects. So don’t be scared to experiment in your work and combine seemingly incompatible styles. Play, use art to tell your story and address issues you can relate to, and your work surely won’t go unnoticed.

Originally published at https://qodeinteractive.com.


An Exploration of the Renaissance Trend in Web Design was originally published in Muzli – Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.

Categories
UX Design Trends

From Unusual Storytelling to New Minimalism: 6 Innovative Animation Trends

View the original post

It’s a brief overview of the animation styles that can inspire you to think about the future, evolution and growth. They become my inspiration, and I hope you’ll find yours among them too.

Brand Asset by Design@BBVA

The animation is the dynamic and beautiful energy that makes the product visually impressive and the brand stronger. Many may wonder how to stand out on the modern web if more and more companies start using animated videos for their promotion. I would suggest following your inner call to innovate and setting your own trends in everything you do.

Although this article features the six most amazing and innovative animation styles that I discovered in today’s digital landscape, it also encourages brands and creators to give birth to new trends. The industry waits for your own innovation.

What is innovation? It is the idea caught from the “Space” Internet by the future-thinking creator and implemented for our world to see. In this article, I would like to introduce six innovative animation ideas by talented creators. These motion design styles and trends have become my recent inspiration. I really hope you’ll enjoy them too.

Unusual Storytelling

What I have found out is that many modern marketing videos are visually great but… they lack the power of the concept behind the visual. People love a beautiful cover, that’s undeniable. But they also want the idea behind nice animations. To be “beautiful” for the brand is not enough to stand out today. You should also tell a great story that catches the audience’s attention, drives impressions and creates intrigue around your idea.

Here the power of storytelling unveils its beautiful meaning. The more unusual, witty and simultaneously simple your story is, the more engaging the animation world you can build around it. A great story combined with minimalistic animations might be a successful choice for brands in terms of audience engagement. One of my favorite examples is an animated teaser for a new adventure game Tohu by Explain Ninja. It’s a simple story, which makes you want to learn what’s next by playing this game.

https://medium.com/media/709cc86d223705ef5ef7159624f5364a/href

Text as a Character

The text doesn’t only tell a story. It can also illustrate it. The text can become the main character, the environment, and the story itself. The so-called “broken text” animation trend is another excellent example of unusual storytelling mentioned above. It was crystallized into a separate visual tendency embracing new animation videos. It breathes with freshness and simplicity. And this style definitely engages, as it’s something special that you can meet very rarely in modern commercials.

What’s the most impressive about this animation style is that the text brings a double meaning here: visual and informative. It plays with reality inside the video by breaking all objects into categories and placing them in fun contexts. This animation style helps us understand that many things can be much simpler in our lives than we used to think about them.

I loved this video so much for the idea of depicting society as a wordcloud with syllables making the word ‘humans’ inside it. All with their goals and dreams, they hustle in the crowd creating visually beautiful chaos. I find it a great visualization of social equity.

https://medium.com/media/13379ee025dcb6da6bf8c380729de8d3/href

Surreal Animation

The world might be different. Where we’re now is just an intersection of various realities and times. We’re one small point in the eternity and infinity of the Universe. It is the main motif and mood of modern surreal animation. Indeed, this style mixes realities and images from different epochs and cultures into a fantastic collage. Started by Salvador Dali, surrealism has much evolved into a dynamic substance that blows our minds with the most incompatible combinations and surprising contexts.

Controlled Substance by Jay Sprogell

Mix of Live Action + Animation

What if life was mixed with a cartoon? That would be something very new. Imagine real-life trees with animated birds, the real-life sky with animated aliens, the real-life human with animated wings. Imagine… since the imagination is our unlimited source of innovation. It’s where the impossible acquires a more realistic shape and gets the potential to come true.

The idea of mixing live-action and animation styles is very exciting. What seems impossible in a live-action becomes possible in the animation. Below, you can see a beautiful shot of Crown Royal’s commercial that combines both styles.

Image credit: Golden Wolf/Crown Royal

Sophisticated VFX

The most widely used in consumer electronics commercials, sophisticated visual effects are getting broader leverage in other areas too today. Beautiful color transitions, macro effects, the change of states in slow motion, paying particular attention to the play of shades and lights, and many more impressive visual effects can enrich modern commercials. Combined with minimalistic backgrounds and classical music, sophisticated VFX adds the feel of the future and innovation to videos. Here is one great example of a video with complex VFX.

https://medium.com/media/e0706d87c0fc27bedea7dbc50ee6aadc/href

New Minimalism

Minimalism is timeless. It’s a powerful art practice that leaves some space for the viewer’s imagination. The key peculiarity of new minimalism is applying contemporary visual effects, gradient color transitions, and futuristic textures. I was impressed by this “alive” fabric depicted in the new animation video by Peter Tomaszewicz. The idea of new minimalism in animation can serve brands as a great way to present their products or promote events.

https://medium.com/media/2d091040ad0f4df8432d9c5a617f34dc/href

Wrapping Up: Dynamic Beauty Embodied in Animation

Beauty can be static and dynamic. Sometimes, it’s hyper-dynamic like the sports car engine. The animation is a perfect way to communicate this feeling and mood to the audience. The smart combination of these animation trends can turn your company’s commercial into a masterpiece that breathes with innovation. Hopefully, you will find some inspiration in these animation works and styles. People strive to experience freshness. You can give it to them.


From Unusual Storytelling to New Minimalism: 6 Innovative Animation Trends was originally published in Muzli – Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.

Categories
UX Design Trends

Designing the Future: 2021 UX/UI Design Trends

View the original post

Words: Guido Baratta / Illustration: Gina Medranda

The COVID-19 pandemic redefined our lives in ways no one could have predicted. Our homes suddenly became offices, our kitchens became school classrooms, and our pets assumed new roles as therapists. While this time will undoubtedly be remembered with great sorrow, it will also mark the most monumental digital transformation since the very inception of the web. Food, fashion, education, entertainment, and more were lifted from our cities’ streets and converted into online experiences. As schools, healthcare providers, and businesses worldwide scrambled to digitize, the role of the product designer was cemented as a necessity.

So,

Categories
UX Design Trends

4 design career trends for 2021

View the original post

Over the past few years, designs practices have helped companies take a quantum leap in their digital transformations and resulted in large payoffs. And last year, COVID-19 pushed even holdout industries over a technological tipping point, bringing about years of transformative digital change in just months.

It’s 2021 and design is seated comfortably at the table in more companies than ever. Businesses continue to integrate design practices into their core functions and scale them across the entire organization. That’s a great holistic look at design, but what does that mean for you—the IC designer, the leader looking to build out

Categories
UX Design Trends

10 Tech Trends that Defined 2020-Part 2

View the original post

Photo by Elena Mozhvilo on Unsplash

Following the first instalment of 10 Tech Trends that Defined 2020, here is part 2 in the series; the touchless workplace, 5G, AI, contact tracing and finally the rise of the streaming services.

The touchless workplace
In a world where physical contact needs to be minimised, we all look at how we can reduce contact with physical surfaces, whether it be the office lift button or a cafe door handle. When we were still travelling on trains, I can remember the morning stand-off, everyone waiting for someone to touch the button, to open the train doors, strange times!

Many retailers

Categories
UX Design Trends

Trends! Trends! TRENDS!

View the original post

Experimenting with Neumorphism

Trends are cool. We get to experiment… try out new things, open new windows… (from which we sometimes wish we could jump off…)

All jokes aside…

Neumorphism ❤

There has been a lot of criticism, some from people that just don’t like it visually and others that don’t think it complies with accessibility. This trend has been widely analyzed and a lot has been written on how to generate elements and how to use them in different situations.

As designers, we can experiment as much as we want and I believe it is our duty to do so. It is important to push boundaries

Categories
Glassmorphism UX Design Trends

8 UI design trends you might want try in 2021

View the original post

Who is ready for bubbly 3D, vibrant colors, glassmorphism and great tools?

Very opinionated article with very opinionated examples

It’s been a while since I’ve published the last article about UI design trends, but as soon as I’ve started writing I got all this funky feeling back in a good way. What if i miss a trend from the list (yeah it’s hard to choose)? What do others like these days? As you will see this trends are hardly living on their own often combined with other trends as well. All in all I’ve made this list and take it with a pinch

Categories
UX Design Trends

10 Tech Trends that Defined 2020-Part 1

View the original post

Photo by Ehimetalor Akhere Unuabona on Unsplash

As we start a New Year hopeful of returning to a more familiar world, we thought now would be a good time to look back on 2020 and what tech trends emerged over the course of the year.

As Covid-19 took its grip, businesses had to rapidly adapt their systems and propositions to enable them to continue operating during a prolonged period of lockdown. Needless to say, businesses that already placed their digital proposition front and centre were better positioned, but many were able to quickly pivot. This ability for a business to quickly adapt is testimony

Categories
UX Design Trends

10 UX Writing Trends For 2021

View the original post

Inclusive design: language, accessibility, and diversity

It’s a bit weird to place inclusivity as one of the top trends for 2021, because producing accessible content shouldn’t be a trend. It should be an ongoing process that concerns everyone involved in product design. So let’s hope that it’s a trend that’s here to stay, because there’s no quick fix that we can learn once and be done with.

What can we do as individuals if we want to avoid excluding groups on the grounds of gender, disability, or race? I’m definitely no expert on the subject, but I can share a few useful resources I have come across recently:

The state of accessibility (UX Podcast episode) 
Mismatch (book by Kat Holmes)
Cross-cultural design (book by Senongo Akpem)

Also, keep an eye out for UX Writing Hub’s upcoming online events. There will be one about inclusive language in July 2021, for example.

The most important thing is that we keep learning and start talking about these things.

Localization and UX translation

Globalization may have taken a hit by COVID-19, but zillions of digital products continue to be produced and launched in multiple languages. To ensure a pleasant experience in all markets, it’s a really good idea for localization experts and UX writers to collaborate. 

If you work on the English version of such products, it’s best to write your copy with localization in mind. Metaphors, cultural references, and puns are notoriously hard to translate, for example. If you can’t get rid of such stylistic features without killing your own text, be sure to communicate well with the translators to help them write something that makes sense to their local audiences.

Tip to learn more: Start with the articles the Ultimate Guide To Working With Localization Specialists and 4 reasons why localization experts are a perfect match for UX writing.

We also recommend our online event Localization 101 for UX writers with Patricia Gomez-Jurado, head of content design at King, on 14 January 2021. If you miss it, you can still access the event by becoming a UX Writing Hub member.

Copy management tools

The growth of UX writing and its sister discipline content design has led to a need for new tools. Figma was a groundbreaker five years ago, as it was the first time UX writers could work on copy directly in the design tool. 

Still, Figma didn’t solve everything. Managing different versions of UX copy in projects can be challenging, and for many people copy docs has been a savior. The thing is that Word documents were not made for this purpose, which makes it more of a workaround than an ideal solution. 

Now there is hope thanks to new copy management tools such as Frontitude. I haven’t tried it myself but it sure sounds like a dream.

Conversation design for chatbots and voice interfaces

Chatbots may not have the best reputation at the moment, but it does look like things are about to change. There is good reason to believe that both chatbot technology and voice interfaces are about to hit a new level of usability.

Most of today’s chatbots are rule-based, which means that they follow a set script. And even more advanced AI-based chatbots need a great deal of human input. This is great news for UX writers, as there will be a need for people who can write the scripts. Whilst conversation design is not the same as UX writing or content design, the fields are close enough for a smooth transition.

Want more? Read the article What is conversation design or check out these podcast episodes:

Interview with Hans Van Dam at Robocopy
Is voice interfaces the future of UX writing?
How to design a bot in 2020

AI-infused writing

In addition to chatbots and voice assistants, artificial intelligence is hard at work on numerous other applications. Not to mention that there are robots who can produce decent articles.

What does this mean for everyone who writes for a living? Only time will tell, but for now we can simply enjoy technology to aid our writing. Thanks to AI-driven writing assistants like Wordtune, Grammarly, and Gmail’s auto-complete feature, we can already produce text easier, faster, and with fewer mistakes.

In the near future, perhaps we will save hours by letting a program spit out a first draft and we’ll simply focus on making it our own. More time to walk the dog, put our feet up in front of Netflix, or why not write more articles 🙂

The tech industry is racing forward. Image from Pixabay

UX writing for legal texts

The UX writing mantra “clear, concise, and useful” seems to be making its way outside the boundaries of microcopy. More and more people react to privacy policies, terms and conditions, and cookie messages that make no sense except to the people who wrote them.

Plain writing is far from a new thing, but it does seem that UX writing can help to spread its practice to digital products. 

Get lots of useful tips about how to cooperate with the legal team in the webinar Content Design for legal content.

Content development

As if there aren’t enough confusing titles for writers in the tech industry already, say hello to content development. A content developer approaches content production in a similar way to a UX writer: by basing their work on content strategy, research, testing, and SEO

You could say that content development has adopted best practices from UX and applies them to web content in general, from blog articles and newsletters to instructional videos and marketing material.

Learn more about content development:
What is content development? 
7-step content development process

Style trend: Go easy on the “whoops”

In the early days of UX writing, a “whoops!” error message felt new and refreshing. As the field has grown, so has the number of whoopsies – to the point that it is getting tiring and predictable. 

A general piece of advice to keep in mind is to be careful with over-enthusiastic UX copy. Make it your top priorities to be 1) clear and 2) consistent with the style guide and brand voice. Also remember to take the user’s likely state of mind into account in a given situation – is the error message likely to cause stress or concern, for example?

For more UX writing style tips, check out the article 10 Key Ingredients of Top-Notch UX Writing.

UX professionals in executive positions

Already in 2013, the Harvard Business Review predicted the rise of UX-centric CEOs à la Steve Jobs. With a growing demand for UX managers, the prediction seems to have come true. 

This is great news for many reasons, not the least because the need to evangelize our profession will be minimal in companies led by people who get UX. So here’s hoping that 2021 will be the year that more writers in tech will also spread to top management positions.

A few articles on the subject:
The rise of UX leadership
The growing demand for UX managers
On becoming a UX manager

More remote UX writing positions

Last but not least, the pandemic is changing how we work. As collaboration across teams is such an important part of UX writing, remote work used to be rare. In 2020, teams had to find new ways to cooperate out of necessity, and it does seem to work pretty well for most companies in the industry. 

A positive side effect of a generally lousy situation is that we can look forward to a more flexible workscape in the future for everyone, including UX writers.

Check out UX Writing Hub’s 3-step guide to going remote and this podcast interview with UX writer Li-Na Koh at Zapier, a company that was set up remotely from the start.

That was our 10 predictions for 2021 – what did we miss?

Thanks Yuval for your input on this article!

The post 10 UX Writing Trends For 2021 appeared first on UX WRITING HUB.