{"id":3910,"date":"2025-08-29T14:58:16","date_gmt":"2025-08-29T13:58:16","guid":{"rendered":"https:\/\/www.schoolofdesignleeds.com\/ds25\/?p=3910"},"modified":"2025-08-29T14:58:16","modified_gmt":"2025-08-29T13:58:16","slug":"xinran-wu","status":"publish","type":"post","link":"https:\/\/www.schoolofdesignleeds.com\/ds25\/xinran-wu\/","title":{"rendered":"Xinran Wu"},"content":{"rendered":"<div class=\"sitecontainer\">\n<div class=\"pagecontainer\">\n<h4 class=\"homepage-heading-h4\">Degree Show 2025<\/h4>\n<div class=\"postcontainer\">\n<h1 class=\"thestudentpostname\" id=\"studentpostname\">Xinran Wu<\/h1>\n<h3>MA Art and Design<\/h3>\n<p class=\"studentstatement\">I am an illustrator and designer with a strong interest in animation, branding, and visual storytelling. My work spans illustration, motion graphics, and web-based design, often combining critical thinking with creative expression.<\/p>\n<div class=\"socialstack\"><span class=\"material-icons md-24\">handshake<\/span><a href=\"https:\/\/www.youtube.com\/@xingren-1012\" target=\"_blank\" rel=\"noopener\">Connect with <span id=\"withme\"><\/span><\/a><\/div>\n<p><!--FILE01 VIDEO--><\/p>\n<div class=\"mediafileviewer mfvvideos\"><video width=\"100%\" height=\"auto\" controls><source src=\"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-content\/uploads\/2025\/08\/xinran-wu-01_Wu-Xinran.mp4\" type=\"video\/mp4\">Your browser does not support the video tag.<\/video><\/p>\n<p class=\"mfv-caption\">This animation explores the aesthetic distortion of \u201ccounty literature\u201d on Chinese social media. Combining pixel-style illustrations with layered spatial transitions using Mental Canvas, the work contrasts fantasy and reality in county town imagery. Through visual narrative and sound, it critically reveals how nostalgia and platform aesthetics reshape the perception of everyday life in rural China.<\/p>\n<\/div>\n<p><!--FILE02 VIDEO--><\/p>\n<div class=\"mediafileviewer mfvvideos\"><video width=\"100%\" height=\"auto\" controls><source src=\"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-content\/uploads\/2025\/08\/xinran-wu-02_Wu-Xinran.mp4\" type=\"video\/mp4\">Your browser does not support the video tag.<\/video><\/p>\n<p class=\"mfv-caption\">\n<\/div>\n<p><!--FILE03 VIDEO--><\/p>\n<div class=\"mediafileviewer mfvvideos\"><video width=\"100%\" height=\"auto\" controls><source src=\"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-content\/uploads\/2025\/08\/xinran-wu-03_Wu-Xinran.mp4\" type=\"video\/mp4\">Your browser does not support the video tag.<\/video><\/p>\n<p class=\"mfv-caption\">\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script>\ndocument.getElementById(\"withme\").innerHTML = document.getElementById(\"studentpostname\").innerHTML;\ndocument.addEventListener(\"scroll\", function(){\nvar sitedescription = document.querySelector(\".site-description\");\nvar studenttitle = document.getElementById(\"studentpostname\");\nif(window.pageYOffset > 100){\nsitedescription.classList.add(\"highlightstudentname\");\nsitedescription.innerHTML = studenttitle.innerHTML;\n}\nif(window.pageYOffset < 100){\nsitedescription.classList.remove(\"highlightstudentname\");\nsitedescription.innerHTML = \"School of Design, University of Leeds\";\n}\n});\n\/*Heart a submission\nlet theheart = document.getElementById(\"heartsvg\"); \/\/ assign the SVG class to a variable called theheart\nlet lsheart = localStorage.getItem(\"onheart\"); \/\/ access a key called onheart in LS, and assign it to a variable called lsheart\nlet heartmsg = document.getElementById(\"heartmessage\");\nconst enableheart = () => { \/\/ create a function to colour in the SVG when the SVG is clicked\ntheheart.classList.add(\"activeheart\"); \/\/ tell the function to add a class to the SVG that will add colour\nheartmsg.innerHTML = \"You liked this submission\";\nheartmsg.classList.add(\"addpinkcolor\");\nlocalStorage.setItem(\"onheart\", \"enabled\"); \/\/ activate LS with the key and a value, hereby called enabled\n};\nconst disableheart = () => { \/\/ create a function to remove colour from the SVG when the SVG is clicked\ntheheart.classList.remove(\"activeheart\"); \/\/ tell the function to remove the class from the SVG that added colour\nheartmsg.innerHTML = \"Like this submission\";\nheartmsg.classList.remove(\"addpinkcolor\");\nlocalStorage.setItem(\"onheart\", \"disabled\"); \/\/ activate LS with the same key but a new value, hereby called disabled\n};\nif(lsheart === \"enabled\"){ \/\/ if the LS key has a value of enabled then...\nenableheart(); \/\/ ...run the enableheart function, which adds the class to the SVG\n}\ntheheart.addEventListener(\"click\", function(){ \/\/ when the SVG is clicked...\nlsheart = localStorage.getItem(\"onheart\"); \/\/ ...I think the LS needs to run on itself\nif(lsheart === \"enabled\"){ \/\/ if the LS key has a value of enabled...\ndisableheart(); \/\/ ...run the function that changes the LS value to disabled\n} else { \/\/ otherwise...\nenableheart(); \/\/ ...run the function that changes the LS value to enabled\n}\n});\n*\/\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Degree Show 2025 Xinran Wu MA Art and Design I am an illustrator and designer with a strong interest in animation, branding, and visual storytelling. My work spans illustration, motion graphics, and web-based design, often combining critical thinking with creative expression. handshakeConnect with Your browser does not support the video tag. This animation explores the &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.schoolofdesignleeds.com\/ds25\/xinran-wu\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Xinran Wu&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-3910","post","type-post","status-publish","format-standard","hentry","category-ma-art-and-design","entry"],"_links":{"self":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/posts\/3910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/comments?post=3910"}],"version-history":[{"count":3,"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/posts\/3910\/revisions"}],"predecessor-version":[{"id":3951,"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/posts\/3910\/revisions\/3951"}],"wp:attachment":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/media?parent=3910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/categories?post=3910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/tags?post=3910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}