{"id":167,"date":"2024-02-27T00:01:54","date_gmt":"2024-02-27T00:01:54","guid":{"rendered":"http:\/\/mycours.es\/interactivity\/?page_id=167"},"modified":"2025-11-06T14:21:38","modified_gmt":"2025-11-06T14:21:38","slug":"notes-on-character-design","status":"publish","type":"page","link":"https:\/\/mycours.es\/interactivity\/notes-on-character-design\/","title":{"rendered":"Notes on Character Design"},"content":{"rendered":"<p><em>Question: what&#8217;s the most memorable character for you, and why?<\/em><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: left;\">For character-driven stories it may make sense to think about the character style first and build a world around it.<\/p>\n<figure id=\"attachment_567\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/character-design-turnaround.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-567\" title=\"character design turnaround\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/character-design-turnaround.jpg\" alt=\"\" width=\"1600\" height=\"826\" \/><\/a><figcaption class=\"wp-caption-text\">Typical character design turnaround, ok for anatomically accurate animations and comics, not so much for games<\/figcaption><\/figure>\n<figure id=\"attachment_565\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/bugsbunny.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-565\" title=\"bugsbunny\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/bugsbunny.jpg\" alt=\"\" width=\"831\" height=\"647\" \/><\/a><figcaption class=\"wp-caption-text\">Test it in action<\/figcaption><\/figure>\n<figure id=\"attachment_568\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/pinocchio-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-568\" title=\"pinocchio-2\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/pinocchio-2.jpg\" alt=\"\" width=\"1381\" height=\"1061\" \/><\/a><figcaption class=\"wp-caption-text\">If you are planning on using close ups, make sure that your design allows the facial expression you need<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-3706\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/p1e6dhaesr208uit14phb1eikv4-1024x1024.jpg\" alt=\"\" width=\"840\" height=\"840\" \/>Gudetama, the Sanrio character embodying laziness and burnout, become unexpectedly relatable to millenials.<br \/>\nOne note character appropriate for toys and gadgets, not so much for long form narrative.Pay attention to the basic shapes that form your character, and what they suggest about their personality and behavior.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-643\" src=\"http:\/\/mycours.es\/realtime3D\/files\/2023\/11\/aladin-shapes.jpg\" alt=\"\" width=\"1434\" height=\"959\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-644\" src=\"http:\/\/mycours.es\/realtime3D\/files\/2023\/11\/2f14fff837d8173b43e04f703e14a98e.jpg\" alt=\"\" width=\"600\" height=\"389\" \/><\/p>\n<p>Pay attention to the silhouette, especially for game characters. Is it well defined and instantly recognizable?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-645\" src=\"http:\/\/mycours.es\/realtime3D\/files\/2023\/11\/Fungoidbossortho.jpg\" alt=\"\" width=\"1200\" height=\"447\" \/><\/p>\n<\/figcaption><\/figure>\n<p>Iconic characters can be reduced to very simple shapes.<\/p>\n<p><a href=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/good-character-design-distinct-game-character-silhouette.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3707\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/good-character-design-distinct-game-character-silhouette.jpg\" alt=\"\" width=\"960\" height=\"540\" \/><\/a><\/p>\n<p>In action videogames silhouette recognizability is important to reduce the cognitive load of the player, but even outside of games try to see if your characters &#8220;read&#8221; as silhouette.<\/p>\n<p>Posture and shape can do a lot to convey the character personality.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3704\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/Image-6.png\" alt=\"\" width=\"378\" height=\"433\" \/><a href=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/Image-7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3705\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/Image-7.png\" alt=\"\" width=\"608\" height=\"562\" \/><\/a>In creating cartoon characters you&#8217;ll have to deal with cliches and stereotypes.<br \/>\nThe exaggeration of features risks reinscribing traditional notions of gender but there is plenty of room to play and subvert expectations.<\/p>\n<p>&nbsp;<\/p>\n<h3><strong>On cuteness<\/strong><\/h3>\n<p>Cute and stylized designs are <a href=\"https:\/\/twitter.com\/PeaPuck\/status\/1695468094993338419\">not a modern phenomenon<\/a><\/p>\n<figure id=\"attachment_615\" class=\"wp-caption aligncenter\" aria-describedby=\"caption-attachment-615\"><figcaption id=\"caption-attachment-615\" class=\"wp-caption-text\"><a href=\"http:\/\/mycours.es\/interactivity\/files\/2024\/02\/cute-character.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-174\" src=\"http:\/\/mycours.es\/interactivity\/files\/2024\/02\/cute-character.jpg\" alt=\"\" width=\"1000\" height=\"1297\" srcset=\"https:\/\/mycours.es\/interactivity\/files\/2024\/02\/cute-character.jpg 1000w, https:\/\/mycours.es\/interactivity\/files\/2024\/02\/cute-character-231x300.jpg 231w, https:\/\/mycours.es\/interactivity\/files\/2024\/02\/cute-character-790x1024.jpg 790w, https:\/\/mycours.es\/interactivity\/files\/2024\/02\/cute-character-768x996.jpg 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><br \/>\nCute characterization seems to appeal to people across generations and cultures<\/figcaption><\/figure>\n<p>Infantile features trigger nurturing response in humans (evolutionary thing to make us care for our offspring) which spills over other species and representations.<\/p>\n<p>Cuteness is not the end goal nor the default, see it as a tool, don&#8217;t limit your range.<\/p>\n<p><a href=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/tumblr_nb1glabUSh1rliog6o7_1280.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-3710\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/tumblr_nb1glabUSh1rliog6o7_1280-1024x799.jpg\" alt=\"\" width=\"840\" height=\"655\" \/><\/a><\/p>\n<h3><\/h3>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_581\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/Disney-Flour-Sack.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-581\" title=\"Disney Flour Sack\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/Disney-Flour-Sack.jpg\" alt=\"\" width=\"400\" height=\"366\" \/><\/a><figcaption class=\"wp-caption-text\">Facial expressions are not the only way to convey emotions<\/figcaption><\/figure>\n<figure id=\"attachment_569\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/consistency1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-569\" title=\"consistency1\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/consistency1.png\" alt=\"\" width=\"600\" height=\"373\" \/><\/a><figcaption class=\"wp-caption-text\">Allow for consistency across characters (using a limited palette helps)<\/figcaption><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-570 aligncenter\" title=\"3973428749_b140171533\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/3973428749_b140171533.jpg\" alt=\"\" width=\"353\" height=\"500\" \/><span style=\"color: #686868; font-size: 13px; font-style: italic; background-color: transparent; text-align: inherit;\">What are the features that makes your character instantly recognizable?<\/span><\/figure>\n<p style=\"text-align: left;\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/3973428717_bf6c23844c.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-571\" title=\"3973428717_bf6c23844c\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/3973428717_bf6c23844c.jpg\" alt=\"\" width=\"353\" height=\"500\" \/><\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/3973537441_79b7d1bff8.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-578\" title=\"3973537441_79b7d1bff8\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/3973537441_79b7d1bff8.jpg\" alt=\"\" width=\"353\" height=\"500\" \/><\/a><\/p>\n<figure id=\"attachment_583\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/scott-mccloud-picture-plane.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-583\" title=\"scott mccloud picture plane\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/scott-mccloud-picture-plane.jpg\" alt=\"\" width=\"1600\" height=\"1227\" \/><\/a><figcaption class=\"wp-caption-text\">Realistic, Iconic or Abstract?<\/figcaption><\/figure>\n<p style=\"text-align: left;\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/scott-mccloud-universality-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-584\" title=\"scott mccloud universality 1\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/scott-mccloud-universality-1.jpg\" alt=\"\" width=\"830\" height=\"1600\" \/><\/a><\/p>\n<h3><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/scott-mccloud-universality-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-585\" title=\"scott mccloud universality 2\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/scott-mccloud-universality-2.jpg\" alt=\"\" width=\"911\" height=\"909\" \/><\/a><\/h3>\n<p style=\"text-align: left;\">Narrative games aside, game characters are defined by their actions and states<\/p>\n<figure id=\"attachment_579\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/8-bit-Click-out-Character-Set-Designs-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-579\" title=\"8-bit-Click-out-Character-Set-Designs-1\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/8-bit-Click-out-Character-Set-Designs-1.jpg\" alt=\"\" width=\"500\" height=\"500\" \/><\/a><figcaption class=\"wp-caption-text\">How can your character communicate its state and features?<\/figcaption><\/figure>\n<figure id=\"attachment_608\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/sprite-sheet2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-608\" title=\"sprite-sheet2\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/sprite-sheet2.png\" alt=\"\" width=\"1024\" height=\"1024\" \/><\/a><\/figure>\n<p style=\"text-align: left;\">The proportions of the main character in Braid were dictated by the platforming gameplay. In cognitive terms, the player has less work to do to calculate the movements of a short squareish object.<\/p>\n<figure id=\"attachment_586\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/evolution-of-video-game-characters-14582.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-586\" title=\"evolution-of-video-game-characters-14582\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/evolution-of-video-game-characters-14582.jpg\" alt=\"\" width=\"694\" height=\"1001\" \/><\/a><figcaption class=\"wp-caption-text\">Don\u2019t let the technology dictate your expressive modes<\/figcaption><\/figure>\n<figure id=\"attachment_587\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/fez.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-587\" title=\"fez\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/fez.jpg\" alt=\"\" width=\"1024\" height=\"768\" \/><\/a><figcaption class=\"wp-caption-text\">Some of the best character design in contemporary games is iconic. Originally Mario\u2019s distinctive big nose and mustache was a low-res necessity.<\/figcaption><\/figure>\n<p style=\"text-align: left;\">In short animations, characters may have specific built-in affordances. They are designed to perform certain actions:<\/p>\n<p style=\"text-align: left;\">This happens more frequently in videogames, where characters are defined by what they can do and the actions they perform are limited.<\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/Pacman-1024x768-253558.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-604\" title=\"Pacman-1024x768-253558\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/Pacman-1024x768-253558.jpeg\" alt=\"\" width=\"1024\" height=\"768\" \/><\/a>Gris \u2013 animation-first, and special \u201cmood abilities\u201d expressed through shapes<br \/>\n<iframe loading=\"lazy\" title=\"The Creativity Process behind GRIS\" src=\"https:\/\/www.youtube.com\/embed\/rnjKTrIuk7Q?start=1215&amp;feature=oembed\" width=\"840\" height=\"473\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/p>\n<p style=\"text-align: left;\">Character design as level design:<\/p>\n<p style=\"text-align: left;\">Game designers often need to communicate threats, goals and roles without going through narrative character establishments. To do so often \u201ceffectively\u201d recur to problematic strategies such as stereotypes and stock characters: zombies, princesses in distress etc..<\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/princess-peach.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-606\" title=\"princess peach\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/princess-peach.png\" alt=\"\" width=\"1067\" height=\"530\" \/><\/a><\/p>\n<figure id=\"attachment_588\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/7803086788_4b3c3444c3_b.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-588\" title=\"7803086788_4b3c3444c3_b\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/7803086788_4b3c3444c3_b.jpg\" alt=\"\" width=\"1024\" height=\"730\" \/><\/a><\/figure>\n<p style=\"text-align: left;\">We\u2019ll talk about the problem with women representation in games in a few weeks<\/p>\n<figure id=\"attachment_610\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/villains-fps-games.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-610\" title=\"villains-fps-games\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/villains-fps-games.jpg\" alt=\"\" width=\"618\" height=\"518\" \/><\/a><figcaption class=\"wp-caption-text\">On a sample of 20 recent FPS with \u201crealistic\u201d setting<\/figcaption><\/figure>\n<p style=\"text-align: left;\">Playable characters in games tend to be overwhelmingly white and male. When there\u2019s \u201cdiversity\u201d it reflects the overwhelmingly white male and conservative composition of the game industry today.<br \/>\nEthnic and racial stereotypes are a common (lazy) characterization for fighting games.<\/p>\n<figure id=\"attachment_611\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/Street-fighter-wallpaper-street-fighter-1523125-719-479.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-611\" title=\"Street-fighter-wallpaper-street-fighter-1523125-719-479\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/Street-fighter-wallpaper-street-fighter-1523125-719-479.jpg\" alt=\"\" width=\"719\" height=\"479\" \/><\/a><figcaption class=\"wp-caption-text\">Modern day Native American wearing feathers\u2026 Magic-Yoga-practicing, skull-wearing Indian\u2026 traditional-but-sexyfied chinese dress\u2026 evil Russian brute\u2026<\/figcaption><\/figure>\n<p style=\"text-align: left;\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/wow1_trolls.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-612\" title=\"wow1_trolls\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/wow1_trolls.jpg\" alt=\"\" width=\"1024\" height=\"768\" \/><\/a><\/p>\n<p style=\"text-align: left;\">Transposing elements from existing cultures in fantasy settings can also be debatable. The Na\u2019vi in Avatar are the ultimate embodiment of the\u00a0<a href=\"http:\/\/en.wikipedia.org\/wiki\/Noble_savage\" target=\"_blank\" rel=\"noopener noreferrer\">Noble Savage<\/a>. The struggle between good and civilized humans and vicious and primitive Horde in World of Warcraft has colonialist undertones. The Horde has totems, tents, face paint, Trolls even have a Jamaican accent.<\/p>\n<p style=\"text-align: left;\"><a href=\"https:\/\/www.youtube.com\/watch?v=eYqYLfm1rWA&amp;ab_channel=FeministFrequency\">Ms. Male Character<\/a><\/p>\n<p style=\"text-align: left;\">And other videos from the<a href=\"https:\/\/www.youtube.com\/channel\/UC7Edgk9RxP7Fm7vjQ1d-cDA\" target=\"_blank\" rel=\"noopener noreferrer\">\u00a0Tropes vs Videogames series<\/a><\/p>\n<p style=\"text-align: left;\"><strong>Exercise:<\/strong><\/p>\n<p style=\"text-align: left;\"><strong>What are the distinctive visual features of your character(s)? How do you immediately recognize the among similar designs?<br \/>\n<\/strong>The features must be recognizable from the particular view in the game. Can you cosplay as your main character?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Question: what&#8217;s the most memorable character for you, and why? &nbsp; For character-driven stories it may make sense to think about the character style first and build a world around it. Typical character design turnaround, ok for anatomically accurate animations and comics, not so much for games Test it in action If you are planning &hellip; <a href=\"https:\/\/mycours.es\/interactivity\/notes-on-character-design\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Notes on Character Design&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-167","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/pages\/167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/comments?post=167"}],"version-history":[{"count":6,"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/pages\/167\/revisions"}],"predecessor-version":[{"id":273,"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/pages\/167\/revisions\/273"}],"wp:attachment":[{"href":"https:\/\/mycours.es\/interactivity\/wp-json\/wp\/v2\/media?parent=167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}