{"id":12134,"date":"2020-09-11T15:00:31","date_gmt":"2020-09-11T13:00:31","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=12134"},"modified":"2022-01-18T10:00:51","modified_gmt":"2022-01-18T09:00:51","slug":"from-posters-to-the-web","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/from-posters-to-the-web\/","title":{"rendered":"From Posters to the Web: The Link Between Print and Digital Design"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Visual communication has always played an important role in the history of mankind. From cave drawings, symbols, calligraphy, heraldry, all the way to the print and present-day web design, we\u2019ve enjoyed visual content since our early days and used it to convey various types of messages. From cave walls to computer screens, design has certainly come a long way.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In this article, we\u2019re going to explore the connection between poster and web design. <strong>The two are inextricably linked and share the same key function, which is to communicate with viewers through visuals<\/strong>. Both have been heavily influenced by the technological advances that continue to shape and change our world, but also by art in general. As a result, we\u2019ve seen the birth of many different design styles that artists have experimented with and applied to their works. We\u2019ll focus on four that we consider the most influential and we\u2019ll also talk about what\u2019s popular nowadays:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#swiss-style\">Swiss Style<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#psychedelic-style\">Psychedelic Style<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#80s-design-trends\">80s Design Trends<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#90s-design-trends\">90s Design Trends<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#current-trends\">Current Trends<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;30px&#8221;][vc_column_text]We\u2019ll illustrate each style with several striking examples that best reflect the features of these eras. The artists, brands, and trends we\u2019ll discuss include:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#josef-muller-brockmann\">Josef M\u00fcller-Brockmann<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#otl-aicher\">Otl Aicher<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#klarheit-grotesk-extraset\">Klarheit Grotesk &#8211; Extraset<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#wes-wilson\">Wes Wilson<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#milton-glaser\">Milton Glaser<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adult-swim-singles-2016\">Adult Swim Singles 2016<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#futuristic-posters\">Futuristic Posters<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#paula-scher\">Paula Scher<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#alex-pierce\">Alex Pierce<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#david-carson\">David Carson<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#robert-fisher\">Robert Fisher (Nirvana\u2019s Nevermind cover art)<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#batman-forever\">Batman Forever<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#superfluid\">Superfluid<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#qode-kaleidoscope\">Qode Kaleidoscope<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#brutalism\">Brutalism<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;30px&#8221;][vc_column_text]Let\u2019s dive right in to learn more about these styles, explore their legacy, and how they\u2019ve influenced the way we create visual experiences today.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"swiss-style\"><\/a>Swiss Style<\/h2>\n<p>[\/vc_column_text][vc_column_text]Swiss Style, also known as the International Typographic Style, is a trend that was <strong>developed with the purpose of communicating in a simple, clear, and objective manner<\/strong>. It first emerged in Switzerland in 1918 and then fully flourished in the 1950s, which is also when it spread outside of Europe.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Its main principle is that form should follow function. Designs are stripped of any superfluous, decorative elements so that the viewers\u2019 undivided attention is focused solely on the content.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>The Swiss Style is a grid-based style, characterized by asymmetrical layouts and sans-serif typefaces<\/strong>. In print design, the preference for photographs over illustrations is evident as well, while in web design that doesn\u2019t seem to be the case. To add more personality to their projects and to make them unique, designers often incorporate illustrations into their online works.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>Typography is also a major aspect of designs done in Swiss Style<\/strong>. In fact, it is often used as the primary design element, as was the case after World War II. At a time when international trade began to flourish, straightforward communication between brands and their consumers became very important. All designs revolved about typography, hence the name International Typographic Style.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]While there\u2019s a myriad of examples that show the Swiss Style at its finest, we wanted to share with you two examples that illustrate the use of this trend in print and another one showing how it can be applied in web design.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"josef-muller-brockmann\"><\/a>Josef M\u00fcller-Brockmann<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.flickr.com\/photos\/20745656@N00\/sets\/72157623646869085\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Josef-Muller-Brockmann.jpg\" class=\"attachment-full size-full\" alt=\"Josef M\u00fcller Brockmann\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Josef-Muller-Brockmann.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Josef-Muller-Brockmann-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Josef-Muller-Brockmann-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.flickr.com\/photos\/20745656@N00\/sets\/72157623646869085\/\" target=\"_blank\" rel=\"noopener noreferrer\">Josef M\u00fcller-Brockmann<\/a> is regarded as one of the most important and prominent Swiss Style designers. His works are influenced by Bauhaus, with heavily used typography and dominant geometry. <strong>He applied strict composition grids in his work, used objective photographs, and relied on mathematics and geometry to create designs devoid of emotion<\/strong>. It\u2019s all about efficiency and simplicity.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]A lot of designers find his oeuvre highly inspirational, not just the designs but also his books. Perhaps the most popular one he wrote is <em>\u201cGrid Systems in Graphic Design\u201d<\/em>. In this book, he shared his knowledge about grids: <em>&#8220;The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style.&#8221;<\/em> He encourages others to find what grids work best for them, but he does warn about the importance of learning how to apply grids in the first place. The book is used by many designers as a foundation and a guide that helps them navigate the world of design and grids in particular.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"otl-aicher\"><\/a>Otl Aicher<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.piktogramm.de\/en\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Otl-Aicher.jpg\" class=\"attachment-full size-full\" alt=\"Otl Aicher\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Otl-Aicher.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Otl-Aicher-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Otl-Aicher-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.piktogramm.de\/en\/\" target=\"_blank\" rel=\"noopener noreferrer\">Otl Aicher<\/a> was a well-known German graphic designer and typographer. He designed the Lufthansa logo, but his most notable works are the pictograms he designed for the 1972 Summer Olympics in Munich. Each pictogram represented one sport (he made more than 180 pictograms), and was created <strong>using strict grids, the Univers font family, and bright colors<\/strong>. Otl is known for his simple, clean projects that have stood the test time, and for designing the Rotis typeface family.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"klarheit-grotesk-extraset\"><\/a>Klarheit Grotesk &#8211; Extraset<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/extraset.ch\/typefaces\/klarheit-grotesk\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Klarheit-Grotesk-\u2013-Extraset.jpg\" class=\"attachment-full size-full\" alt=\"Klarheit Grotesk Extraset\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Klarheit-Grotesk-\u2013-Extraset.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Klarheit-Grotesk-\u2013-Extraset-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Klarheit-Grotesk-\u2013-Extraset-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/extraset.ch\/typefaces\/klarheit-grotesk\/\" target=\"_blank\" rel=\"noopener noreferrer\">Klarheit Grotesk<\/a> is a typeface created by Extraset. While the entire Extraset website contains some elements of the Swiss Style, the page dedicated to the font beautifully demonstrates the use of this style in web design. <strong>The authors have boldly used interactive elements along with asymmetrical layouts<\/strong>. There\u2019s not a lot of graphic content, save for several black-and-white photographs. <strong>Typography rules this project<\/strong>. There are letters in all sizes and font weights and an abundance of textual content. This website looks like an illustration of Emil Ruder\u2019s book <em>\u201c<a href=\"https:\/\/standardsmanual.com\/products\/typography-a-manual-of-design\" target=\"_blank\" rel=\"noopener noreferrer\">Typography \u2013 A Manual of Design<\/a>\u201d<\/em>. Ruder was one of the pioneers of the Swiss Style and an expert in typography. This book is like a manifesto on typography and it helped promote the Swiss Style.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"psychedelic-style\"><\/a>Psychedelic Style<\/h2>\n<p>[\/vc_column_text][vc_column_text]The easily recognizable psychedelic style came to prominence in the second half of the 60s. It was <strong>heavily influenced by Art Nouveau, the hippie movement, pacifism, and the widespread use of hallucinatory drugs, LSD in particular<\/strong>. This movement had an effect on popular culture and art in all its forms, as well as the way people dressed, behaved, and spoke at the time. <strong>Its purpose was to communicate social and spiritual messages in any way possible<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The psychedelic style stood as a counterpart to the slick and clean Swiss Style. <strong>Burning with vivid, wild, often fluorescent colors, strong contrasts, curvilinear images, wavy typography, and flashy elements intended to depict the state of being high, these works emanate freedom and capture the viewer\u2019s attention instantly<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This era has gifted us with some stunning art pieces and timeless, intricate designs that continue to inspire audiences and artists worldwide. The characteristics of this style translate well on web design and we\u2019ll illustrate its versatility with these examples of great psychedelic print and web designs.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"wes-wilson\"><\/a>Wes Wilson<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.wes-wilson.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Wes-willson.jpg\" class=\"attachment-full size-full\" alt=\"Wes Wilson\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Wes-willson.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Wes-willson-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Wes-willson-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.wes-wilson.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Wes Wilson<\/a> is possibly the best-known designer of psychedelic posters, heavily influenced by the Art Nouveau movement and the culture of San Francisco, where he started his career. He created concert announcements for the promoter Bill Graham and some of the most notable rock bands at the time, including Jefferson Airplane, the Grateful Dead, and others. His posters are characterized by loud, vibrant hues, compelling imagery, and interesting lettering. <strong>He invented the recognizable psychedelic font with the swirling letters that look as if they are on the move and his style is widely considered synonymous with the peace movement<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"milton-glaser\"><\/a>Milton Glaser<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.miltonglaser.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Milton-glaser.jpg\" class=\"attachment-full size-full\" alt=\"Milton Glaser\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Milton-glaser.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Milton-glaser-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Milton-glaser-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.miltonglaser.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Milton Glaser<\/a> was a famous American graphic designer, known for the <em>I \u2665 NY<\/em> logo, as well as other impressive works he created for DC Comics and numerous tv shows. One of the most notable projects he did is the psychedelic poster designed for Bob Dylan\u2019s Greatest Hits album in 1967. <strong>The iconic poster shows Dylan\u2019s side profile in all black contrasted by the colorful, swirling, wild lines depicting his unruly hair<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"adult-swim-singles-2016\"><\/a>Adult Swim Singles 2016<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.adultswim.com\/music\/singles-2016\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Adult-Swim-Singles-2016.jpg\" class=\"attachment-full size-full\" alt=\"Adult Swim Singles 2016\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Adult-Swim-Singles-2016.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Adult-Swim-Singles-2016-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Adult-Swim-Singles-2016-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.adultswim.com\/music\/singles-2016\/\" target=\"_blank\" rel=\"noopener noreferrer\">Adult Swim Singles<\/a> is a music platform that releases one song a week for people to download for free. The website created for the singles published in 2016 is inspired by the psychedelic style which is evident in the color and shape choices. <strong>The hues are loud, vibrant, and the graphic content accompanying each song looks wavy, buoyant, and dispersed<\/strong>. These elements are paired with the sharp, well-readable typography, showing the author\u2019s ingenuity in mixing the characteristics typical of the Psychedelic era with the modern-day trends which resulted in a terrific website.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"80s-design-trends\"><\/a>80s Design Trends<\/h2>\n<p>[\/vc_column_text][vc_column_text]The development of technology and design software has had a tremendous impact on graphic design. Many people consider 1984 to be a turning point, as that\u2019s the year when Apple introduced their MacPaint editor. This program marked the start of the migration from paper to computers. It allowed designers to experiment more than ever before, try out different layouts and typefaces, and instantly see the effects of the changes they\u2019ve made. Moreover, the golden age of arcade games was in full force until the mid-80s, and these types of games also heavily influenced the design style of the time.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Everything about the 80s designs looked futuristic. The artists relied on 8-bit pixel art and the use of grids. <strong>Their works were attention-grabbing, extravagant, characterized by bright, neon colors, geometric shapes, and loud lettering<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The creative oeuvre of the 80s artists is incredibly vast and rich, so it was quite hard to single out just three examples to depict the design tendencies of this wild era, but we believe these works best reflect what 80s designs were all about.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"futuristic-posters\"><\/a>Futuristic Posters<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Futuristic-posters.jpg\" class=\"attachment-full size-full\" alt=\"Futuristic Posters\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Futuristic-posters.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Futuristic-posters-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Futuristic-posters-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Futuristic posters were a big thing in the 80s. <strong>Sci-fi movies were booming, and the accompanying artwork beautifully encapsulated their futuristic settings and adventurous feels, reflecting the effects of technology on design<\/strong>. Filled with other-worldly objects, metallic fonts, and electrifying colors against a black background, a lot of these posters have stood the test of time. Some of them look amazing and futuristic even today, like the iconic posters created for the movies Tron, RoboCop, and Blade Runner.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"paula-scher\"><\/a>Paula Scher<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.behance.net\/PaulaScher\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Paula-scher.jpg\" class=\"attachment-full size-full\" alt=\"Paula Scher\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Paula-scher.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Paula-scher-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Paula-scher-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.behance.net\/PaulaScher\" target=\"_blank\" rel=\"noopener noreferrer\">Paula Scher<\/a> is regarded as one of the greatest graphic designers in the world. She is known for her <strong>boundary-pushing projects, cool typography choices, and the use of eye-catching colors<\/strong>. One of her most notable and talked-about works from the 80s is the poster she created for Swatch in 1984. The poster features a head of a smiling woman and an arm with two Swatch watches on it placed against the snow-covered background with several skiers on it. The backdrop image is the work of Herbert Matter, a Swiss designer, who made it for the Swiss National Tourist Office. This project raised a lot of controversy at the time, as many accused Sher of plagiarism, but she has explained that her poster is simply a parody of Matter\u2019s work, who is also credited as the poster\u2019s author. <strong>She picked massive typefaces for this work and manipulated different graphic elements, which resulted in a memorable poster that is much talked about even today<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"alex-pierce\"><\/a>Alex Pierce<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"http:\/\/thegeekdesigner.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Alex-pierce.jpg\" class=\"attachment-full size-full\" alt=\"Alex Pierce\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Alex-pierce.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Alex-pierce-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Alex-pierce-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The 80s-influenced website of the Dallas-based designer <a href=\"http:\/\/thegeekdesigner.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Alex Pierce<\/a> is nothing short of impressive. <strong>It resembles an arcade game and comes adorned with 8-bit typography and sprites, a bright color palette, and stunning animation effects<\/strong>. As you browse it, you almost feel as if you\u2019re holding a game controller and not your computer mouse.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"90s-design-trends\"><\/a>90s Design Trends<\/h2>\n<p>[\/vc_column_text][vc_column_text]The 90s were marked by some quite unforgettable moments and phenomena that have left an indelible mark on pop culture today. As far as design goes, we could talk about several turning points that occurred in the 90s.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Photoshop 1.0 was launched on February 19, 1990, the term user experience gained in popularity, and PHP 1.0 was created, to name just a few. <strong>Photoshop, in particular, brought once unimaginable levels of comfort and experimentation to design<\/strong>. Artists were introduced to a platform that was so powerful that they could create and manipulate digital projects exactly the way they always imagined. And after that, the design world has never been the same.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The designs belonging to this decade are known for the use of <a href=\"https:\/\/qodeinteractive.com\/magazine\/large-typography-web-design\/\">large typography<\/a>, <strong>asymmetrical layouts, minimal designs, contrasting typeface sizes, and vivid colors<\/strong>. Some of these <a href=\"https:\/\/qodeinteractive.com\/magazine\/web-design-90s-look\/\">90s trends are now making a comeback<\/a> and are widely used by a lot of modern-day designers.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To see some of these trends in action, we\u2019ll take a look at several interesting projects.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"david-carson\"><\/a>David Carson<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"http:\/\/www.davidcarsondesign.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/David-carson.jpg\" class=\"attachment-full size-full\" alt=\"David Carson\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/David-carson.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/David-carson-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/David-carson-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"http:\/\/www.davidcarsondesign.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">David Carson<\/a> is a contemporary American graphic designer known for his work as the art director of Ray Gun, a magazine about alternative music and lifestyle. <strong>His use of innovative typographic styles and unconventional layouts have completely changed the design scene at the time<\/strong>. Some of his most notable works are featured in the book <em>\u201cThe End of Print: The Graphic Design of David Carson\u201d<\/em>, through which we can observe the way he explored the possibilities of typography as a form of expression.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"robert-fisher\"><\/a>Robert Fisher (Nirvana\u2019s Nevermind cover art)<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Nirvana.jpg\" class=\"attachment-full size-full\" alt=\"Nirvana\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Nirvana.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Nirvana-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Nirvana-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Nirvana\u2019s <em>Nevermind<\/em> album, regarded by many as one of the greatest albums of all time, has changed the music world forever. This masterpiece is recognizable not only for incredible songs but also for its <a href=\"https:\/\/qodeinteractive.com\/magazine\/aesthetic-album-covers\/\">phenomenal cover art<\/a> designed by <a href=\"https:\/\/www.behance.net\/FlyingFishStudio\" target=\"_blank\" rel=\"noopener noreferrer\">Robert Fisher<\/a>. <strong>The picture of the baby underwater looking at a dollar bill attached to a fishhook is a 90s classic now featured in the collection of the Museum of Modern Art<\/strong>. The name of the album is written in a wavy typeface, mimicking the undulating nature of water.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"batman-forever\"><\/a>Batman Forever<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Batman.jpg\" class=\"attachment-full size-full\" alt=\"Batman\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Batman.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Batman-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Batman-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>The 90s are also known for the creation of the first website for a major movie, Batman Forever<\/strong>. This site contained compelling imagery, interesting typography, and some interactive features that made it very fun to explore. <strong>While this website was far from perfect, the reason why it\u2019s so important is that it introduced designers to the power of the World Wide Web and showed them what they can achieve with it<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"current-trends\"><\/a>Current Trends<\/h2>\n<p>[\/vc_column_text][vc_column_text]When it comes to the design trends of the 00s and modern-day tendencies, one thing\u2019s for certain \u2013 anything can happen and everything is possible. <strong>With technological innovations and the attempts of brands to stand out from the crowd, we\u2019re witnessing the creation of some stunning, unique designs that are unlike anything we\u2019ve come across before<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We\u2019re seeing different styles and eye-catching color schemes combined, the widespread use of <a href=\"https:\/\/qodeinteractive.com\/magazine\/contemporary-collage-artists\/\">digital collage<\/a>, bold typography, and cool animation effects. But we couldn\u2019t possibly list all the popular techniques, as designers are constantly trying to re-invent themselves. What was \u201cin\u201d yesterday may be outdated tomorrow. We\u2019ve reached the point of complete visual digitization, and designs created using contemporary tools know no bounds. However, none of that would be possible had it not been for print design. Through poster creation, designers have learned how to use their works to convey different types of messages and emotions to the audience. And thanks to the development of technology and powerful software, things have been taken on a whole new level. Nowadays, anything designers can imagine, they can create.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Selecting projects that best illustrate current trends was really difficult. However, we believe the following examples demonstrate how far design has come and prove its immeasurable creative power.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"superfluid\"><\/a>Superfluid<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/getsuperfluid.com\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Superfluid.jpg\" class=\"attachment-full size-full\" alt=\"Superfluid\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Superfluid.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Superfluid-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Superfluid-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/getsuperfluid.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Superfluid<\/a> is a cosmetic brand with a website that <strong>combines lots of different colors and contrasting color palettes, large sans-serif typography, and cool animation effects<\/strong>. The pages are packed with action, and no matter where you move your mouse, you\u2019re bound to spur some elements into action, be it letters or images. All the transformations you see on the screen perfectly signify the brand&#8217;s exciting nature and its desire to constantly evolve.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"qode-kaleidoscope\"><\/a>Qode Kaleidoscope<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/qodeinteractive.com\/kaleidoscope\/\" target=\"_blank\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Qode-Kaleidoscope.jpg\" class=\"attachment-full size-full\" alt=\"Qode Kaleidoscope\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Qode-Kaleidoscope.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Qode-Kaleidoscope-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Qode-Kaleidoscope-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/qodeinteractive.com\/kaleidoscope\/\" target=\"_blank\" rel=\"noopener noreferrer\">Qode Kaleidoscope<\/a> is a curated collection of Qode Interactive\u2019s <a href=\"https:\/\/qodeinteractive.com\/themes-list\/\">premium WordPress themes<\/a> that reflects the importance of color in design. The project features six themes. <strong>To explore them, you need to use an interactive navigational wheel that looks just like a kaleidoscope. Everything is booming with intense colors, and exciting motion and transition effects that capture the viewer\u2019s attention from the get-go.<\/strong> Single pages look minimalistic compared to the homepage but also feature compelling animation effects typical of the <a href=\"https:\/\/qodeinteractive.com\/magazine\/qode-kaleidoscope-case-study\/\">Qode Kaleidoscope<\/a> project. The contemporary design techniques are juxtaposed with the retro-looking and unobtrusive typefaces which allow colors to fully shine.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"brutalism\"><\/a>Brutalism<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border qodef-image-behavior-custom-link\">\n    <div class=\"qodef-si-inner\" >\n        \t            <a itemprop=\"url\" href=\"https:\/\/www.toiletpapermagazine.org\/\" target=\"_blank\" rel=\"noopener\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"327\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Brutalism.jpg\" class=\"attachment-full size-full\" alt=\"Brutalism\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Brutalism.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Brutalism-300x140.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/09\/Brutalism-620x290.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                                <\/a>\n            <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Brutalism, which was also quite big in the 90s, has made a comeback in recent years and is now possibly even stronger that it was 2 decades ago. We simply cannot talk about contemporary trends without mentioning this style. <strong>Brutalist designs are known for their raw, unpolished look, the use of vivid colors, asymmetrical layouts, peculiar imagery, and weird text placements that, when combined, go against artificiality in all its forms<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The perfect example of a modern-day brutalist website is <a href=\"https:\/\/www.toiletpapermagazine.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Toilet Paper Mag<\/a>. The site for this picture-based magazine features <strong>animated graphic and video content, with lots of surreal and unusual images. You\u2019ll also notice how the designers often combine comical with serious concepts throughout the site<\/strong>. This is a bold kind of a website that is certain to leave a strong impression on viewers, especially on the alternative audience.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Final Words<\/h2>\n<p>[\/vc_column_text][vc_column_text]From the clean, grid-based Swiss Style, the sinuous lines and vivid colors of Psychedelic Style, the loud and geometric 80s trends, the large typography and experimentation of the 90s, up until the present day\u2019s unique works, design has certainly come a long way. With technological changes that have permanently altered the way art is made, we\u2019ve gone from print to web design and swapped paper for computers.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]However, it would be impossible to talk about contemporary web design without noticing the large influence poster design and styles from the previous decades have made on it. Print and web design have lots of things in common, but the most important one they share is their goal to leave a strong impact on the viewer. In the end, regardless of the medium of communication one may choose, it\u2019s important to remember that impression comes before experience. With that in mind, you should use textual and graphic content in a way the viewers will find inspiring and compelling, to provide them with a visual experience they won\u2019t forget any time soon.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Contemporary web design has been heavily influenced by the technology and styles of decades past. Today, we will take you on a journey outlining the evolution from posters to web design and highlighting the undeniable connection between the two, as well as the impact of print design on modern trends<\/p>\n","protected":false},"author":13505,"featured_media":12204,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[30,40,43,44],"class_list":["post-12134","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-creative","tag-inspiration","tag-showcase","tag-trends"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/12134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/13505"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=12134"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/12134\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/12204"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=12134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=12134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=12134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}