{"id":85,"date":"2024-11-14T15:53:08","date_gmt":"2024-11-14T15:53:08","guid":{"rendered":"https:\/\/sites.wsagames.com\/pe1n23\/?p=85"},"modified":"2025-02-20T11:01:33","modified_gmt":"2025-02-20T11:01:33","slug":"art-research-development","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/pe1n23\/art-research-development\/","title":{"rendered":"Art Style Research &amp; Development"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">After doing some market research on existing games I wanted to look at other artistic influences in different forms of media. While researching the creation of the <em>N <\/em>games I wanted to learn more about its stylistic influences and contemporaries in the graphic design world, taking a deep dive into this as an influence for my own game.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Flat, minimalist vector art was very popular with graphic artists working in the late 90&#8217;s to early 2000&#8217;s. One popular example from games is the <em>Wipeout <\/em>series, which commissioned British design house <em>The Designer&#8217;s Republic<\/em> to create a look for the game that solidified this art style in the public eye as one of bleeding-edge dynamic futurism. The pictures below are from <em>Wipeout 3<\/em> which opted for a very minimal menu design and a refined colour palette which reflected the game&#8217;s more grounded style compared to the previous two entries in the series.<\/p>\n\n\n\n<div class=\"wp-block-group alignwide is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-d03d563f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"709\" height=\"703\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-3.png\" alt=\"\" class=\"wp-image-246\" style=\"width:406px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-3.png 709w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-3-300x297.png 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-3-150x150.png 150w\" sizes=\"(max-width: 709px) 100vw, 709px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"640\" height=\"480\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-5.png\" alt=\"\" class=\"wp-image-249\" style=\"width:532px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-5.png 640w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-5-300x225.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/figure>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">In the years since, this general style has been affectionately referred to by modern designers as Vectorheart, and has been described by some as a Y2K-era take on Swiss-style modernist design. Being an extremely popular style with designers at the time, it can be found everywhere, from games, websites, posters and adverts. While putting everything under one umbrella term like this can be reductive as artistic influences greatly vary and shift, especially in the modern era of design, it is nice to see this aesthetic style evolve through time.<\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-d03d563f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"830\" height=\"650\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-7.png\" alt=\"\" class=\"wp-image-252\" style=\"width:575px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-7.png 830w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-7-300x235.png 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-7-768x601.png 768w\" sizes=\"(max-width: 830px) 100vw, 830px\" \/><figcaption class=\"wp-element-caption\"><em>Sony Website (2002)<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"830\" height=\"600\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-8.png\" alt=\"\" class=\"wp-image-253\" style=\"width:617px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-8.png 830w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-8-300x217.png 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-8-768x555.png 768w\" sizes=\"(max-width: 830px) 100vw, 830px\" \/><figcaption class=\"wp-element-caption\"><em>T.26 Digital Type Foundry Website (2001)<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The mix of sharp, dynamic lines and rounded geometric forms is something I found particularly inspiring for the design of my game as I want to keep the look of the levels <strong>minimalist <\/strong>compared to the objects that inhabit it, but I do not want to lean too much in this direction as I want to keep the game&#8217;s atmosphere <strong>playful and fun<\/strong> rather than sterile and futuristic. I am also aware of not relying too much on certain design cues that feel dated to me as I want the game to feel <strong>timeless<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The image below is a good example as it has the vector-art modernist elements, but retains poppy, fun, bright colours and the circles, pluses, dots and the small character give a playful touch.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"594\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/gonzales1-1024x594.jpg\" alt=\"\" class=\"wp-image-622\" style=\"width:646px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/gonzales1-1024x594.jpg 1024w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/gonzales1-300x174.jpg 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/gonzales1-768x445.jpg 768w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/gonzales1-1536x890.jpg 1536w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/gonzales1.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">By Carlos Gonzales, from <em>Latino America Grafica (2002)<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As the 2000&#8217;s progressed, flat shading and geometric shapes were still very prevalent in the design world, but we also saw the introduction of more three-dimensional objects and playful forms, with the &#8220;superflat&#8221; style coined by Takashi Murakami proving very influential in the latter half of the decade especially. 2004 saw the release of <em>Katamari Damacy<\/em>, which successfully used flat shading and a fun eclectic style as mentioned in my previous blog post, and another notable game which made use of this artstyle was the Flash game hit <em>Wonderputt<\/em>.<\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-d03d563f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-9.png\" alt=\"\" class=\"wp-image-255\" style=\"width:616px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-9.png 1024w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-9-300x225.png 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-9-768x576.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Joshua Davis, OFFF Tropism Mural (2007)<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1196\" height=\"1047\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/wonderputt1.jpg\" alt=\"\" class=\"wp-image-257\" style=\"width:389px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/wonderputt1.jpg 1196w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/wonderputt1-300x263.jpg 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/wonderputt1-1024x896.jpg 1024w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/wonderputt1-768x672.jpg 768w\" sizes=\"(max-width: 1196px) 100vw, 1196px\" \/><figcaption class=\"wp-element-caption\"><em>Wonderputt (2011)<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This is a style I find particularly nostalgic as it is what I saw a great deal of in digital art and design growing up. My aim for my game is to use a playful, bright and poppy artstyle along with simple shading and minimalist forms to keep the level design focused and bring attention to the interactable objects in the world. Another one of my game influences, <em>LittleBigPlanet<\/em>, also somewhat borrowed from this colourful eclectic style for its graphics, but leant towards using more DIY, hand-crafted elements as well.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This kind of work is often labelled under the term &#8220;frutiger metro&#8221;, but this is usually a misattribution as it ignores the stylistic influences &amp; evolution from both Superflat art and vector graphic design, and many graphic designers and enthusiasts reject the term.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>After doing some market research on existing games I wanted to look at other artistic influences in different forms of media. While researching the creation of the N games I wanted to learn more about its stylistic influences and contemporaries in the graphic design world, taking a deep dive into this as an influence for [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":257,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,17,28],"tags":[14],"class_list":["post-85","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-research","category-semester-1","tag-art"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/posts\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":17,"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/posts\/85\/revisions"}],"predecessor-version":[{"id":738,"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/posts\/85\/revisions\/738"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/media\/257"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/categories?post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/tags?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}