Die Inhaltsanalyse zeigt, ob Seitentitel, Beschreibungen, Überschriften, Bilder und Textstruktur Suchmaschinen und Besuchern klare Signale geben.
Seitentitel
XINYI LI
Länge : 8
Der Seitentitel von xinyi.li umfasst aktuell 8 Zeichen und liegt damit außerhalb des empfohlenen Bereichs von 10 bis 70 Zeichen. Eine etwas präzisere Länge kann helfen, das Thema der Seite in Suchergebnissen besser zu vermitteln. Zur Kontrolle können Sie dieses kostenlose Werkzeug verwenden.
Seitenbeschreibung
Cargo
Länge : 5
Die Meta-Beschreibung von xinyi.li hat 5 Zeichen und sollte besser auf 70 bis 160 Zeichen gebracht werden. Eine präzise Beschreibung macht die Seite für Suchmaschinen und Nutzer leichter einordenbar. Zur Längenprüfung können Sie dieses kostenlose Werkzeug nutzen.
Suchbegriffe
Bei xinyi.li wurden keine Meta-Suchbegriffe gefunden. Das ist für moderne Suchmaschinen nicht kritisch, dennoch kann eine saubere interne Themenliste helfen, den Inhalt bewusster zu strukturieren. Bei Bedarf können Sie dieses kostenlose Werkzeug verwenden.
Og META Eigenschaften
xinyi.li verwendet Open-Graph-Angaben. Dadurch können soziale Netzwerke und Messenger Titel, Beschreibung, URL und Vorschaubild kontrollierter anzeigen.
[H1] Reading AI-generated Speculative Futures in a Digital Visual Age \n\n\n\n\n\n\nBy reading three types of AI-generated projects as speculative design, this study shifts the focus from the generative model itself to the production and reception of the images. \n\nAI-generated images are often praised for their mere existence, their aesthetic, and technical processes. Overshadowed by concerns of copyright and algorithmic bias, they tend to evade scrutiny regarding the underlying concept and human interventions. Existing literature within art and design fields often places AI as either the central subject or a tool serving creative goals. This paper approaches cases from three categories of speculative futures with varying degrees of plausibility that circulate on Instagram, a popular platform among AI content creators that has evolved from a persona-driven to a curation-driven one. \n\nI compare the intention of transparent or anonymous authorship, and the affective engagement they evoke, and ethical implications of generating a racial other(@the_brigadoon_dispatch). I examine their relationship with reality, and how they concern past, present, and future. I question whether speculative design, amid ongoing criticisms, is at an \u201cimage turn\u201d, flattening literary imagination to visual stimuli for consumption, furthering the ocular-centrism of contemporary media cultures, and aestheticizing the sufferings of the remote other(@snapshots_from_a_near_future). \nI exemplify image anarchism with how the Great Wall covered by soft and pink inflatables by @aiforarchitects gained radical meanings through reposts on dissident pages. While narratives are not explicit, symbols of patriarchal power and mandate nationalism clashed with imaginative interpretation and connected to sites of history and precedent artistic creations as soft resistance. When the alternative worlds are by no means journalistic but still sensitive to times and responsive to reality, the images forge discourse and deep affective connections.\n\nI conclude by connecting to mnemonic imagination\u2019s synthesis of imagining and remembering, speculating how fiction can be used as a method to connect to others\u2019 pasts to seed reciprocal future actions, while letting meaning to emerge through image anarchist circulation, and allowing space for imagination stemming from the tension of reality and fiction.Li, Xinyi. \u201cReading AI-generated Speculative Futures in a Digital Visual Age\u201d in Amanda Wasielewski (Chair), Panel \u201cEkphrasis and Artificial Intelligence: Text-to-Image Generation in Theory and Practice.\u201d Paper presented at the College Art Association (CAA) Annual Conference, Chicago and Online, February 17, 2024.\n\n\n\n\n","content_no_html":"Reading AI-generated Speculative Futures in a Digital Visual Age \n\n{image 1}\n{image 2}\n{image 3}\n{image 4}\n\nBy reading three types of AI-generated projects as speculative design, this study shifts the focus from the generative model itself to the production and reception of the images. \n\nAI-generated images are often praised for their mere existence, their aesthetic, and technical processes. Overshadowed by concerns of copyright and algorithmic bias, they tend to evade scrutiny regarding the underlying concept and human interventions. Existing literature within art and design fields often places AI as either the central subject or a tool serving creative goals. This paper approaches cases from three categories of speculative futures with varying degrees of plausibility that circulate on Instagram, a popular platform among AI content creators that has evolved from a persona-driven to a curation-driven one. \n\nI compare the intention of transparent or anonymous authorship, and the affective engagement they evoke, and ethical implications of generating a racial other(@the_brigadoon_dispatch). I examine their relationship with reality, and how they concern past, present, and future. I question whether speculative design, amid ongoing criticisms, is at an \u201cimage turn\u201d, flattening literary imagination to visual stimuli for consumption, furthering the ocular-centrism of contemporary media cultures, and aestheticizing the sufferings of the remote other(@snapshots_from_a_near_future). \nI exemplify image anarchism with how the Great Wall covered by soft and pink inflatables by @aiforarchitects gained radical meanings through reposts on dissident pages. While narratives are not explicit, symbols of patriarchal power and mandate nationalism clashed with imaginative interpretation and connected to sites of history and precedent artistic creations as soft resistance. When the alternative worlds are by no means journalistic but still sensitive to times and responsive to reality, the images forge discourse and deep affective connections.\n\nI conclude by connecting to mnemonic imagination\u2019s synthesis of imagining and remembering, speculating how fiction can be used as a method to connect to others\u2019 pasts to seed reciprocal future actions, while letting meaning to emerge through image anarchist circulation, and allowing space for imagination stemming from the tension of reality and fiction.Li, Xinyi. \u201cReading AI-generated Speculative Futures in a Digital Visual Age\u201d in Amanda Wasielewski (Chair), Panel \u201cEkphrasis and Artificial Intelligence: Text-to-Image Generation in Theory and Practice.\u201d Paper presented at the College Art Association (CAA) Annual Conference, Chicago and Online, February 17, 2024.\n\n\n\n\n","content_partial_html":"Reading AI-generated Speculative Futures in a Digital Visual Age \n\n\n\n\n\n\nBy reading three types of AI-generated projects as speculative design, this study shifts the focus from the generative model itself to the production and reception of the images. \n\nAI-generated images are often praised for their mere existence, their aesthetic, and technical processes. Overshadowed by concerns of copyright and algorithmic bias, they tend to evade scrutiny regarding the underlying concept and human interventions. Existing literature within art and design fields often places AI as either the central subject or a tool serving creative goals. This paper approaches cases from three categories of speculative futures with varying degrees of plausibility that circulate on Instagram, a popular platform among AI content creators that has evolved from a persona-driven to a curation-driven one. \n\nI compare the intention of transparent or anonymous authorship, and the affective engagement they evoke, and ethical implications of generating a racial other(@the_brigadoon_dispatch). I examine their relationship with reality, and how they concern past, present, and future. I question whether speculative design, amid ongoing criticisms, is at an \u201cimage turn\u201d, flattening literary imagination to visual stimuli for consumption, furthering the ocular-centrism of contemporary media cultures, and aestheticizing the sufferings of the remote other(@snapshots_from_a_near_future). \nI exemplify image anarchism with how the Great Wall covered by soft and pink inflatables by @aiforarchitects gained radical meanings through reposts on dissident pages. While narratives are not explicit, symbols of patriarchal power and mandate nationalism clashed with imaginative interpretation and connected to sites of history and precedent artistic creations as soft resistance. When the alternative worlds are by no means journalistic but still sensitive to times and responsive to reality, the images forge discourse and deep affective connections.\n\nI conclude by connecting to mnemonic imagination\u2019s synthesis of imagining and remembering, speculating how fiction can be used as a method to connect to others\u2019 pasts to seed reciprocal future actions, while letting meaning to emerge through image anarchist circulation, and allowing space for imagination stemming from the tension of reality and fiction.Li, Xinyi. \u201cReading AI-generated Speculative Futures in a Digital Visual Age\u201d in Amanda Wasielewski (Chair), Panel \u201cEkphrasis and Artificial Intelligence: Text-to-Image Generation in Theory and Practice.\u201d Paper presented at the College Art Association (CAA) Annual Conference, Chicago and Online, February 17, 2024.\n\n\n\n\n","thumb":"206549770","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"width":4142,"height":2100,"file_size":2961504,"mid":206549770,"name":"ai-futures-clean.jpg","hash":"f6bde8094311a77cba629aa8965f584e684f1fab645cfb090c2a1687e2ab98c0","page_id":35792824,"id":206549770,"project_id":35792824,"image_ref":"{image 1}","sort":0,"exclude_from_backdrop":false,"date_added":1710207861,"duplicate":false},"stored":{"ratio":50.700144857557,"crop_ratio":"16x9"},"cropManuallySet":false}},"thumb_is_visible":true,"sort":5,"index":0,"set_id":26081430,"page_options":{"using_local_css":true,"local_css":"[local-style=\"35792824\"] .container_width {\n\twidth: 66% \/*!variable_defaults*\/;\n}\n\n[local-style=\"35792824\"] body {\n}\n\n[local-style=\"35792824\"] .backdrop {\n\twidth: 100% \/*!background_cover*\/;\n}\n\n[local-style=\"35792824\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"35792824\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"35792824\"] .content_padding {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792824\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792824\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792824\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792824\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792824\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792824\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792824\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792824\"] small a {\n}\n\n[local-style=\"35792824\"] .container {\n\ttext-align: center \/*!text_center*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792824\"] bodycopy a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792824\"] h1 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792824\"] h2 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792824\"] small a:hover {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":false,"page_container_bgcolor":"","show_local_thumbs":false,"page_bgcolor":"","content_width":"66","text_alignment":"text_center"}},"set_open":false,"images":[{"id":206549770,"project_id":35792824,"image_ref":"{image 1}","name":"ai-futures-clean.jpg","hash":"f6bde8094311a77cba629aa8965f584e684f1fab645cfb090c2a1687e2ab98c0","width":4142,"height":2100,"sort":0,"exclude_from_backdrop":false,"date_added":"1710207861"},{"id":206549834,"project_id":35792824,"image_ref":"{image 2}","name":"AI-gen-future-slides-images-Artboard-11.png","hash":"53b2de593ae9f75b1545f0d15cb63846a2222ae86ba43bba515ef6441e730396","width":3840,"height":2160,"sort":0,"exclude_from_backdrop":false,"date_added":"1710207908"},{"id":206549835,"project_id":35792824,"image_ref":"{image 3}","name":"AI-gen-future-slides-images-Artboard-14.png","hash":"ac2e0e58f0f9e9ec1de40f3db2246fc7d306c34e6ca8cc23e833b4f09051f603","width":3840,"height":2160,"sort":0,"exclude_from_backdrop":false,"date_added":"1710207908"},{"id":206549836,"project_id":35792824,"image_ref":"{image 4}","name":"AI-gen-future-slides-images-Artboard-21.png","hash":"5b7997a98480ad88c5b9ffe51fa6d28d31fbd191dac44adb3acf7bffa8f0c6c4","width":3840,"height":2160,"sort":0,"exclude_from_backdrop":false,"date_added":"1710207908"}],"backdrop":null},{"id":35792927,"site_id":36253,"project_url":"AI-generated-Speculative-Futures-copy","direct_link":"https:\/\/xinyi.li\/AI-generated-Speculative-Futures-copy","type":"page","title":"AI-generated Speculative Futures copy","title_no_html":"AI-generated Speculative Futures copy","tags":"Graphic design, ","display":true,"pin":false,"pin_options":null,"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"Seeing Through Languages\u00a0\nPedagogical Interventions in Transcultural and Translingual Contexts\n\n\n\n\n\n\nUsing language as a lens to complicate pedagogical practice,...","content":"Seeing Through Languages \nPedagogical Interventions in Transcultural and Translingual Contexts\n\n\n\n\nUsing language as a lens to complicate pedagogical practice, my talk questions neutrality and implicit biases in teaching and examines the sometimes unconscious submission to the hegemony of English and the enduring legacies of colonial powers. \n\nLanguage is entangled with the practice of design and teaching as both an instructional medium and material to create with, but it is also burdened with various forms of supremacies. Rey Chow, in her discussion of languaging as a postcolonial experience, describes it as a \u201cdouble disfigurement,\u201d where language tone, akin to skin tone, is \u201ca defective correction of something already deemed defective\u201d. Speaking the language of whiteness becomes an unattainable proxy to the unattainable whiteness. I will share observations and pedagogical interventions that utilize language as a lens to decenter colonial episteme, and ways of attending to polyphony and dissonance in classrooms as sites of generative learning.Li, Xinyi. \u201cSeeing Through Languages: Pedagogical Interventions in Transcultural and Translingual Contexts\u201d Paper presented at the AIGA National Conference, Design Educators Community Symposium Lens, New York, October 12th, 2023\n\n\n","content_no_html":"Seeing Through Languages \nPedagogical Interventions in Transcultural and Translingual Contexts\n\n\n\n\nUsing language as a lens to complicate pedagogical practice, my talk questions neutrality and implicit biases in teaching and examines the sometimes unconscious submission to the hegemony of English and the enduring legacies of colonial powers. \n\nLanguage is entangled with the practice of design and teaching as both an instructional medium and material to create with, but it is also burdened with various forms of supremacies. Rey Chow, in her discussion of languaging as a postcolonial experience, describes it as a \u201cdouble disfigurement,\u201d where language tone, akin to skin tone, is \u201ca defective correction of something already deemed defective\u201d. Speaking the language of whiteness becomes an unattainable proxy to the unattainable whiteness. I will share observations and pedagogical interventions that utilize language as a lens to decenter colonial episteme, and ways of attending to polyphony and dissonance in classrooms as sites of generative learning.Li, Xinyi. \u201cSeeing Through Languages: Pedagogical Interventions in Transcultural and Translingual Contexts\u201d Paper presented at the AIGA National Conference, Design Educators Community Symposium Lens, New York, October 12th, 2023\n\n\n","content_partial_html":"Seeing Through Languages \nPedagogical Interventions in Transcultural and Translingual Contexts\n\n\n\n\nUsing language as a lens to complicate pedagogical practice, my talk questions neutrality and implicit biases in teaching and examines the sometimes unconscious submission to the hegemony of English and the enduring legacies of colonial powers. \n\nLanguage is entangled with the practice of design and teaching as both an instructional medium and material to create with, but it is also burdened with various forms of supremacies. Rey Chow, in her discussion of languaging as a postcolonial experience, describes it as a \u201cdouble disfigurement,\u201d where language tone, akin to skin tone, is \u201ca defective correction of something already deemed defective\u201d. Speaking the language of whiteness becomes an unattainable proxy to the unattainable whiteness. I will share observations and pedagogical interventions that utilize language as a lens to decenter colonial episteme, and ways of attending to polyphony and dissonance in classrooms as sites of generative learning.Li, Xinyi. \u201cSeeing Through Languages: Pedagogical Interventions in Transcultural and Translingual Contexts\u201d Paper presented at the AIGA National Conference, Design Educators Community Symposium Lens, New York, October 12th, 2023\n\n\n","thumb":"","thumb_meta":null,"thumb_is_visible":true,"sort":6,"index":1,"set_id":26081430,"page_options":{"using_local_css":true,"local_css":"[local-style=\"35792927\"] .container_width {\n\twidth: 66% \/*!variable_defaults*\/;\n}\n\n[local-style=\"35792927\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"35792927\"] .backdrop {\n\twidth: 100% \/*!background_cover*\/;\n}\n\n[local-style=\"35792927\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"35792927\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"35792927\"] .content_padding {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792927\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792927\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792927\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792927\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792927\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792927\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792927\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792927\"] small a {\n}\n\n[local-style=\"35792927\"] .container {\n\ttext-align: center \/*!text_center*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792927\"] bodycopy a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792927\"] h1 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792927\"] h2 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"35792927\"] small a:hover {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":false,"page_container_bgcolor":"","show_local_thumbs":false,"page_bgcolor":"","content_width":"66","text_alignment":"text_center"}},"set_open":false,"images":[],"backdrop":null},{"id":30509688,"site_id":36253,"project_url":"Mapping-Critique-in-Digital-Space","direct_link":"https:\/\/xinyi.li\/Mapping-Critique-in-Digital-Space","type":"page","title":"Mapping Critique in Digital Space","title_no_html":"Mapping Critique in Digital Space","tags":"Graphic design, ","display":true,"pin":false,"pin_options":null,"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"Mapping Critique in Digital Space \u00a0\n2020\u20132022\n\n\n\n\n\n\n\n\n \n\ntools for questioning the implications of digital tools in the re-turned hybrid design education...","content":"Mapping Critique in Digital Space \n2020\u20132022\n\n\n\n\n\n\n \ntools for questioning the implications of digital tools in the re-turned hybrid design education spaces\nDerived from autoethnographic observations, this paper reflects on the possibilities, limitations, and implications of digital tools present in between digital, physical, and hybrid teaching. The mapping initiated from a period of fully remote learning and immense reliance on technological structures to share and discuss creative work. Serving not as how-tos but as tools for questioning, the map deconstructs the virtual learning environment prescribed, strategies employed, and conventions formed in digital classrooms. The project asks what conditions the choreography of teaching and learning: When the digital classroom function simultaneously as a space of simulation, space of access and communication, and documentation and representation, what are inherited from the tools and platforms, such as the idea of professionalism? How to frame critique as a social process, when educators and students are navigating the spectrum of private and public, various senses of temporalities and ownership, and issues of accommodation and consent? After returning to in-person learning for one academic year, digital space is still used as an extension of physical classrooms. Digital tools stay in pedagogical practice, and many questions remain relevant. What and how are we making visible or invisible for pedagogical and administrative assessment? What additional learning opportunities does the inclusion of digital platform creates, such as integrating platform literacy, consciousness about viewing condition and representation of work, and creative and subversive use of technology? This paper presents questions and provocations to chart a discussion on how to continue negotiating and situating pedagogical practice in relation to digital tools.\n \nLi, Xinyi, Gaia Scagnetti. \u201cMapping the Critique in Digital Space\u201d in Mid-America College Art Association panel \u201cDigital Tools in Classroom.\u201dPaper presented at the College Art Association (CAA) Annual Conference, Online, February 16, 2023\n\n","content_no_html":"Mapping Critique in Digital Space \n2020\u20132022\n\n\n\n\n{image 1}\n{image 2}\n \ntools for questioning the implications of digital tools in the re-turned hybrid design education spaces\nDerived from autoethnographic observations, this paper reflects on the possibilities, limitations, and implications of digital tools present in between digital, physical, and hybrid teaching. The mapping initiated from a period of fully remote learning and immense reliance on technological structures to share and discuss creative work. Serving not as how-tos but as tools for questioning, the map deconstructs the virtual learning environment prescribed, strategies employed, and conventions formed in digital classrooms. The project asks what conditions the choreography of teaching and learning: When the digital classroom function simultaneously as a space of simulation, space of access and communication, and documentation and representation, what are inherited from the tools and platforms, such as the idea of professionalism? How to frame critique as a social process, when educators and students are navigating the spectrum of private and public, various senses of temporalities and ownership, and issues of accommodation and consent? After returning to in-person learning for one academic year, digital space is still used as an extension of physical classrooms. Digital tools stay in pedagogical practice, and many questions remain relevant. What and how are we making visible or invisible for pedagogical and administrative assessment? What additional learning opportunities does the inclusion of digital platform creates, such as integrating platform literacy, consciousness about viewing condition and representation of work, and creative and subversive use of technology? This paper presents questions and provocations to chart a discussion on how to continue negotiating and situating pedagogical practice in relation to digital tools.\n \nLi, Xinyi, Gaia Scagnetti. \u201cMapping the Critique in Digital Space\u201d in Mid-America College Art Association panel \u201cDigital Tools in Classroom.\u201dPaper presented at the College Art Association (CAA) Annual Conference, Online, February 16, 2023\n\n","content_partial_html":"Mapping Critique in Digital Space \n2020\u20132022\n\n\n\n\n\n\n \ntools for questioning the implications of digital tools in the re-turned hybrid design education spaces\nDerived from autoethnographic observations, this paper reflects on the possibilities, limitations, and implications of digital tools present in between digital, physical, and hybrid teaching. The mapping initiated from a period of fully remote learning and immense reliance on technological structures to share and discuss creative work. Serving not as how-tos but as tools for questioning, the map deconstructs the virtual learning environment prescribed, strategies employed, and conventions formed in digital classrooms. The project asks what conditions the choreography of teaching and learning: When the digital classroom function simultaneously as a space of simulation, space of access and communication, and documentation and representation, what are inherited from the tools and platforms, such as the idea of professionalism? How to frame critique as a social process, when educators and students are navigating the spectrum of private and public, various senses of temporalities and ownership, and issues of accommodation and consent? After returning to in-person learning for one academic year, digital space is still used as an extension of physical classrooms. Digital tools stay in pedagogical practice, and many questions remain relevant. What and how are we making visible or invisible for pedagogical and administrative assessment? What additional learning opportunities does the inclusion of digital platform creates, such as integrating platform literacy, consciousness about viewing condition and representation of work, and creative and subversive use of technology? This paper presents questions and provocations to chart a discussion on how to continue negotiating and situating pedagogical practice in relation to digital tools.\n \nLi, Xinyi, Gaia Scagnetti. \u201cMapping the Critique in Digital Space\u201d in Mid-America College Art Association panel \u201cDigital Tools in Classroom.\u201dPaper presented at the College Art Association (CAA) Annual Conference, Online, February 16, 2023\n\n","thumb":"169615872","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":169615872,"project_id":30509688,"image_ref":"{image 1}","name":"Screen-Shot-2023-02-24-at-7.55.21-PM.png","hash":"d02ce60f16d73a087cc8c605f8d52b9c9142b5776e743e500a9f41a2f034ea7e","width":2144,"height":1200,"sort":0,"exclude_from_backdrop":false,"date_added":"1677286553"},"stored":{"ratio":55.970149253731,"crop_ratio":"16x9"},"cropManuallySet":false}},"thumb_is_visible":true,"sort":7,"index":2,"set_id":26081430,"page_options":{"using_local_css":true,"local_css":"[local-style=\"30509688\"] .container_width {\n\twidth: 66% \/*!variable_defaults*\/;\n}\n\n[local-style=\"30509688\"] body {\n}\n\n[local-style=\"30509688\"] .backdrop {\n\twidth: 100% \/*!background_cover*\/;\n}\n\n[local-style=\"30509688\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"30509688\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"30509688\"] .content_padding {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509688\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509688\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509688\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509688\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509688\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509688\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509688\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509688\"] small a {\n}\n\n[local-style=\"30509688\"] .container {\n\ttext-align: center \/*!text_center*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509688\"] bodycopy a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509688\"] h1 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509688\"] h2 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509688\"] small a:hover {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":false,"page_container_bgcolor":"","show_local_thumbs":false,"page_bgcolor":"","content_width":"66","text_alignment":"text_center"}},"set_open":false,"images":[{"id":169615872,"project_id":30509688,"image_ref":"{image 1}","name":"Screen-Shot-2023-02-24-at-7.55.21-PM.png","hash":"d02ce60f16d73a087cc8c605f8d52b9c9142b5776e743e500a9f41a2f034ea7e","width":2144,"height":1200,"sort":0,"exclude_from_backdrop":false,"date_added":"1677286553"},{"id":169615873,"project_id":30509688,"image_ref":"{image 2}","name":"Screen-Shot-2023-02-24-at-7.55.02-PM.png","hash":"9371c41a6603123e430ab8da474da3fbd658d244c49cef971e739229dddab1cc","width":1816,"height":1028,"sort":0,"exclude_from_backdrop":false,"date_added":"1677286553"}],"backdrop":null},{"id":30509870,"site_id":36253,"project_url":"Wall-Table-Lexicon","direct_link":"https:\/\/xinyi.li\/Wall-Table-Lexicon","type":"page","title":"Wall, Table, Lexicon","title_no_html":"Wall, Table, Lexicon","tags":"Graphic design, ","display":true,"pin":false,"pin_options":null,"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"Wall, Table, Lexicon: Publishing as Rehearsal \u00a0\nPost-radical Pedagogy at 2022 New York Art Book Fair\n\n\n\nPost-Radical Pedagogy questions the design of curricular...","content":"Wall, Table, Lexicon: Publishing as Rehearsal \nPost-radical Pedagogy at 2022 New York Art Book Fair\n\nPost-Radical Pedagogy questions the design of curricular apparatus and explores alternatives to syllabi, grading rubrics, classroom conventions, and presence of authority. Reflecting on the wall with exemplification of the hostile and colonial aspects of administration in education, invited guests and passersby will generate content, which will thicken the walls as an act of on-site publishing and exhibition.Participants can make customized publications printed and bound onsite by photographing sections\/pages of the wall.\n\n\nThis project sapce is a collaboration between Post-Radical Pedagogy and Thick Press\n\n","content_no_html":"Wall, Table, Lexicon: Publishing as Rehearsal \nPost-radical Pedagogy at 2022 New York Art Book Fair\n{image 4}\nPost-Radical Pedagogy questions the design of curricular apparatus and explores alternatives to syllabi, grading rubrics, classroom conventions, and presence of authority. Reflecting on the wall with exemplification of the hostile and colonial aspects of administration in education, invited guests and passersby will generate content, which will thicken the walls as an act of on-site publishing and exhibition.Participants can make customized publications printed and bound onsite by photographing sections\/pages of the wall.\n\n\nThis project sapce is a collaboration between Post-Radical Pedagogy and Thick Press\n\n","content_partial_html":"Wall, Table, Lexicon: Publishing as Rehearsal \nPost-radical Pedagogy at 2022 New York Art Book Fair\n\nPost-Radical Pedagogy questions the design of curricular apparatus and explores alternatives to syllabi, grading rubrics, classroom conventions, and presence of authority. Reflecting on the wall with exemplification of the hostile and colonial aspects of administration in education, invited guests and passersby will generate content, which will thicken the walls as an act of on-site publishing and exhibition.Participants can make customized publications printed and bound onsite by photographing sections\/pages of the wall.\n\n\nThis project sapce is a collaboration between Post-Radical Pedagogy and Thick Press\n\n","thumb":"169616252","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":169616252,"project_id":30509870,"image_ref":"{image 4}","name":"2022-10-16-13.53.14.jpg","hash":"2511760eac594e62be1e207223aab51b21056e0e5e450fcd943641e1bb067509","width":1776,"height":1184,"sort":0,"exclude_from_backdrop":false,"date_added":"1677287638"},"stored":{"ratio":66.666666666667,"crop_ratio":"16x9"},"cropManuallySet":false}},"thumb_is_visible":true,"sort":8,"index":3,"set_id":26081430,"page_options":{"using_local_css":true,"local_css":"[local-style=\"30509870\"] .container_width {\n\twidth: 66% \/*!variable_defaults*\/;\n}\n\n[local-style=\"30509870\"] body {\n}\n\n[local-style=\"30509870\"] .backdrop {\n\twidth: 100% \/*!background_cover*\/;\n}\n\n[local-style=\"30509870\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"30509870\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"30509870\"] .content_padding {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509870\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509870\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509870\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509870\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509870\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509870\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509870\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509870\"] small a {\n}\n\n[local-style=\"30509870\"] .container {\n\ttext-align: center \/*!text_center*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509870\"] bodycopy a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509870\"] h1 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509870\"] h2 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"30509870\"] small a:hover {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":false,"page_container_bgcolor":"","show_local_thumbs":false,"page_bgcolor":"","content_width":"66","text_alignment":"text_center"}},"set_open":false,"images":[{"id":169616252,"project_id":30509870,"image_ref":"{image 4}","name":"2022-10-16-13.53.14.jpg","hash":"2511760eac594e62be1e207223aab51b21056e0e5e450fcd943641e1bb067509","width":1776,"height":1184,"sort":0,"exclude_from_backdrop":false,"date_added":"1677287638"}],"backdrop":null},{"id":20576810,"site_id":36253,"project_url":"Teaching-Design-in-the-Age-of-Platforms","direct_link":"https:\/\/xinyi.li\/Teaching-Design-in-the-Age-of-Platforms","type":"page","title":"Teaching Design in the Age of Platforms","title_no_html":"Teaching Design in the Age of Platforms","tags":"Graphic design, ","display":true,"pin":false,"pin_options":null,"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"Teaching Design in the Age of Platforms\u00a0\nA Framework for Platform Education \u00a02020\n\n\n\n\n\n\nSituateing a platform education within and beyond communication design to...","content":"Teaching Design in the Age of Platforms \nA Framework for Platform Education 2020\n\n\n\nSituateing a platform education within and beyond communication design to help develop understandings of the mechanisms of platforms, values influenced by platformization, and design implications. \n\ue04b\ufe0e Read More\n\n\nLi, Xinyi. \u201cTeaching Design in the Age of Platforms: A Framework for Platform Education.\u201d Paper presented at Cumulus Conference Design Culture(s), Sapienza University, Rome, June 9\u201311, 2021\n\n\n","content_no_html":"Teaching Design in the Age of Platforms \nA Framework for Platform Education 2020\n\n\n\nSituateing a platform education within and beyond communication design to help develop understandings of the mechanisms of platforms, values influenced by platformization, and design implications. \n\ue04b\ufe0e Read More\n\n\nLi, Xinyi. \u201cTeaching Design in the Age of Platforms: A Framework for Platform Education.\u201d Paper presented at Cumulus Conference Design Culture(s), Sapienza University, Rome, June 9\u201311, 2021\n\n\n","content_partial_html":"Teaching Design in the Age of Platforms \nA Framework for Platform Education 2020\n\n\n\nSituateing a platform education within and beyond communication design to help develop understandings of the mechanisms of platforms, values influenced by platformization, and design implications. \n\ue04b\ufe0e Read More\n\n\nLi, Xinyi. \u201cTeaching Design in the Age of Platforms: A Framework for Platform Education.\u201d Paper presented at Cumulus Conference Design Culture(s), Sapienza University, Rome, June 9\u201311, 2021\n\n\n","thumb":"","thumb_meta":null,"thumb_is_visible":true,"sort":9,"index":4,"set_id":26081430,"page_options":{"using_local_css":true,"local_css":"[local-style=\"20576810\"] .container_width {\n\twidth: 66% \/*!variable_defaults*\/;\n}\n\n[local-style=\"20576810\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"20576810\"] .backdrop {\n\twidth: 100% \/*!background_cover*\/;\n}\n\n[local-style=\"20576810\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"20576810\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"20576810\"] .content_padding {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"20576810\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"20576810\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"20576810\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"20576810\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"20576810\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"20576810\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"20576810\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"20576810\"] small a {\n}\n\n[local-style=\"20576810\"] .container {\n\ttext-align: center \/*!text_center*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"20576810\"] bodycopy a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"20576810\"] h1 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"20576810\"] h2 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"20576810\"] small a:hover {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":false,"page_container_bgcolor":"","show_local_thumbs":false,"page_bgcolor":"","content_width":"66","text_alignment":"text_center"}},"set_open":false,"images":[],"backdrop":null}]}]},{"id":8327289,"title":"Info","project_url":"Info","set_id":0,"is_homepage":false,"pin":false,"is_set":true,"in_nav":true,"stack":true,"sort":17,"index":1,"page_count":2,"pin_position":null,"thumbnail_options":null,"pages":[]},{"id":8327172,"title":"Teaching","project_url":"Teaching","set_id":0,"is_homepage":false,"pin":false,"is_set":true,"in_nav":true,"stack":false,"sort":21,"index":2,"page_count":2,"pin_position":null,"thumbnail_options":null,"pages":[{"id":8327177,"site_id":36253,"project_url":"Teaching-Menu","direct_link":"https:\/\/xinyi.li\/Teaching-Menu","type":"page","title":"Teaching Menu","title_no_html":"Teaching Menu","tags":"","display":false,"pin":true,"pin_options":{"position":"top","overlay":true,"fixed":true,"exclude_mobile":true},"in_nav":true,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"Courses \u2014 \n\n\n\n\n\n\nCOMD-460 Emerging Practice: Designing with Food\n\n\n\nCOMD-371 Integrated Visual Communication I: Cross-platform\n\n\n\nCDGD-403 Graphic Design Senior...","content":"Courses \u2014 \n\n\n\nCOMD-460 Emerging Practice: Designing with Food\n\nCOMD-371 Integrated Visual Communication I: Cross-platform\n\nCDGD-403 Graphic Design Senior Thesis\n\nCDGD-402 Graphic Design Intensive III\n\nCDGD-386 Graphic Design Intensive II\n\nCDGD-376 Graphic Design Intensive I\n\nCOMD-250 Typography and Information Design\n\nCOMD-240 Research, Analysis, and Process\nCOMD-380 Product, Environment, Material\n\n\n\n\n\n\n","content_no_html":"Courses \u2014 \n\n\n\nCOMD-460 Emerging Practice: Designing with Food\n\nCOMD-371 Integrated Visual Communication I: Cross-platform\n\nCDGD-403 Graphic Design Senior Thesis\n\nCDGD-402 Graphic Design Intensive III\n\nCDGD-386 Graphic Design Intensive II\n\nCDGD-376 Graphic Design Intensive I\n\nCOMD-250 Typography and Information Design\n\nCOMD-240 Research, Analysis, and Process\nCOMD-380 Product, Environment, Material\n\n\n\n\n\n\n","content_partial_html":"Courses \u2014 \n\n\n\nCOMD-460 Emerging Practice: Designing with Food\n\nCOMD-371 Integrated Visual Communication I: Cross-platform\n\nCDGD-403 Graphic Design Senior Thesis\n\nCDGD-402 Graphic Design Intensive III\n\nCDGD-386 Graphic Design Intensive II\n\nCDGD-376 Graphic Design Intensive I\n\nCOMD-250 Typography and Information Design\n\nCOMD-240 Research, Analysis, and Process\nCOMD-380 Product, Environment, Material\n\n\n\n\n\n\n","thumb":"","thumb_meta":null,"thumb_is_visible":false,"sort":22,"index":0,"set_id":8327172,"page_options":{"using_local_css":true,"local_css":"[local-style=\"8327177\"] .container_width {\n\twidth: 30% \/*!variable_defaults*\/;\n}\n\n[local-style=\"8327177\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"8327177\"] .backdrop {\n}\n\n[local-style=\"8327177\"] .page {\n}\n\n[local-style=\"8327177\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"8327177\"] .content_padding {\n\tpadding-top: 6rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"8327177\"] bodycopy {\n\tline-height: 1.3;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"8327177\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"8327177\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"8327177\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"8327177\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"8327177\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"8327177\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"8327177\"] small a {\n}\n\n[local-style=\"8327177\"] .container {\n\tmargin-left: 0 \/*!content_left*\/;\n\tmargin-right: auto \/*!content_left*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"8327177\"] bodycopy a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"8327177\"] h1 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"8327177\"] h2 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"8327177\"] small a:hover {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"","show_local_thumbs":false,"page_bgcolor":"","content_position":"left_cover","content_width":"30","main_margin_top":"6"},"pin_options":{"position":"top","overlay":true,"fixed":true,"exclude_mobile":true},"svg_overlay":"\n \n \n Mark\n \n","svg_fonts":{}},"set_open":false,"images":[],"backdrop":null},{"id":26081858,"title":"course","project_url":"course","set_id":8327172,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":24,"index":0,"page_count":1,"pin_position":null,"thumbnail_options":null,"pages":[]},{"id":8327165,"title":"Pages","project_url":"Pages","set_id":8327172,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":27,"index":1,"page_count":0,"pin_position":null,"thumbnail_options":null,"pages":[]}]},{"id":588068,"title":"Practice","project_url":"Practice","set_id":0,"is_homepage":false,"pin":false,"is_set":true,"in_nav":true,"stack":true,"sort":31,"index":3,"page_count":2,"pin_position":null,"thumbnail_options":null,"pages":[{"id":8330523,"title":"Project index\u00a0","project_url":"Project-index","set_id":588068,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":32,"index":0,"page_count":18,"pin_position":null,"thumbnail_options":null,"pages":[]},{"id":588047,"title":"project page","project_url":"project-page","set_id":588068,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":52,"index":1,"page_count":0,"pin_position":null,"thumbnail_options":null,"pages":[{"id":588581,"site_id":36253,"project_url":"Page-Nav","direct_link":"https:\/\/xinyi.li\/Page-Nav","type":"page","title":"Page Nav","title_no_html":"Page Nav","tags":"","display":false,"pin":true,"pin_options":{"position":"top","overlay":true,"accommodate":true,"fixed":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"\ue04c\ufe0e Index\u00a0\u00a0Next\u00a0\ue04b\ufe0e","content":"\n\ue04c\ufe0e Index Next \ue04b\ufe0e\n\n\n\n","content_no_html":"\n\ue04c\ufe0e Index Next \ue04b\ufe0e\n\n\n\n","content_partial_html":"\n\ue04c\ufe0e Index Next \ue04b\ufe0e\n\n\n\n","thumb":"","thumb_meta":null,"thumb_is_visible":false,"sort":53,"index":0,"set_id":588047,"page_options":{"using_local_css":true,"local_css":"[local-style=\"588581\"] .container_width {\n}\n\n[local-style=\"588581\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"588581\"] .backdrop {\n}\n\n[local-style=\"588581\"] .page {\n}\n\n[local-style=\"588581\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"588581\"] .content_padding {\n\tpadding-bottom: 5rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"588581\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"588581\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"588581\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"588581\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"588581\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"588581\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"588581\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"588581\"] small a {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"","show_local_thumbs":true,"page_bgcolor":"","main_margin_bottom":"5"},"pin_options":{"position":"top","overlay":true,"accommodate":true,"fixed":true}},"set_open":false,"images":[],"backdrop":null}]}]},{"id":20576225,"title":"portfolio2021","project_url":"portfolio2021","set_id":0,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":true,"sort":82,"index":4,"page_count":0,"pin_position":null,"thumbnail_options":null,"pages":[]},{"id":8327699,"title":"Practice - browse projects","project_url":"Practice-browse-projects","set_id":0,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":90,"index":5,"page_count":0,"pin_position":null,"thumbnail_options":null,"pages":[]},{"id":588046,"title":"Imported from xinyi.li","project_url":"Imported-from-xinyi-li","set_id":0,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":92,"index":6,"page_count":2,"pin_position":null,"thumbnail_options":null,"pages":[{"id":588048,"title":"Communication Design","project_url":"Communication-Design","set_id":588046,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":93,"index":0,"page_count":0,"pin_position":null,"thumbnail_options":null,"pages":[]},{"id":588067,"title":"Writings","project_url":"Writings","set_id":588046,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":101,"index":1,"page_count":0,"pin_position":null,"thumbnail_options":null,"pages":[]}]},{"id":591420,"title":"unused","project_url":"unused","set_id":0,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":103,"index":7,"page_count":0,"pin_position":null,"thumbnail_options":null,"pages":[]}]}
[{"id":8331595,"project_url":"Research","direct_link":"https:\/\/xinyi.li\/Research","type":"set","title":"Research","title_no_html":"Research","in_nav":true,"is_set":true,"sort":1,"index":0,"set_id":0},{"id":8331592,"project_url":"Research-Side-Menu","direct_link":"https:\/\/xinyi.li\/Research-Side-Menu","type":"page","title":"Research Side Menu","title_no_html":"Research Side Menu","in_nav":true,"is_set":false,"sort":2,"index":0,"set_id":8331595},{"id":8327289,"project_url":"Info","direct_link":"https:\/\/xinyi.li\/Info","type":"set","title":"Info","title_no_html":"Info","in_nav":true,"is_set":true,"sort":17,"index":1,"set_id":0},{"id":8327172,"project_url":"Teaching","direct_link":"https:\/\/xinyi.li\/Teaching","type":"set","title":"Teaching","title_no_html":"Teaching","in_nav":true,"is_set":true,"sort":21,"index":2,"set_id":0},{"id":8327177,"project_url":"Teaching-Menu","direct_link":"https:\/\/xinyi.li\/Teaching-Menu","type":"page","title":"Teaching Menu","title_no_html":"Teaching Menu","in_nav":true,"is_set":false,"sort":22,"index":0,"set_id":8327172},{"id":588068,"project_url":"Practice","direct_link":"https:\/\/xinyi.li\/Practice","type":"set","title":"Practice","title_no_html":"Practice","in_nav":true,"is_set":true,"sort":31,"index":3,"set_id":0}]
{"page_id":"8331595"}
{"id":205702,"name":"Justify","path":"justify","mode_id":3,"site_id":36253,"page_id":null,"iterator":1,"is_active":true,"data":{"crop":false,"thumb_crop":"16x9","thumbnails_padding":"2","row_height":"40","variation_index":"2","variation":66.7,"variation_mode":2,"variation_seed":1,"responsive":true,"show_title":true,"show_tags":false,"show_excerpt":false,"filter_type":"all","filter_tags":"","filter_set":"","show_thumbs":false,"meta_data":{},"mobile_data":{"thumbnails_padding":"1","row_height":"52","separate_mobile_view":false},"thumbnails_width":"100","gutter":-2,"responsive_row_height":"52","thumbnails_bgcolor":"rgba(0, 0, 0, 0)","responsive_columns":"3","random_limit":999}}
[{"name":"Grid","path":"grid","sort":0,"mode_id":1},{"name":"Columns","path":"columns","sort":1,"mode_id":2},{"name":"Justify","path":"justify","sort":2,"mode_id":3},{"name":"Freeform","path":"freeform","sort":3,"mode_id":5},{"name":"Montessori","path":"montessori","sort":4,"mode_id":4}]
[{"id":35792824,"url":"AI-generated-Speculative-Futures","project_url":"AI-generated-Speculative-Futures","title":"AI-generated Speculative Futures","title_no_html":"AI-generated Speculative Futures","tags":"Graphic design, ","excerpt":"Reading AI-generated Speculative Futures in a Digital Visual Age \u00a0\n\n\n\n\n\n\n\n\nBy reading three types of AI-generated projects as speculative design, this study shifts...","thumb":"206549770","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"width":4142,"height":2100,"file_size":2961504,"mid":206549770,"name":"ai-futures-clean.jpg","hash":"f6bde8094311a77cba629aa8965f584e684f1fab645cfb090c2a1687e2ab98c0","page_id":35792824,"id":206549770,"project_id":35792824,"image_ref":"{image 1}","sort":0,"exclude_from_backdrop":false,"date_added":1710207861,"duplicate":false},"stored":{"ratio":50.700144857557,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":26081430,"version":"Cargo2","tags_with_links":"Graphic design, "},{"id":35792927,"url":"AI-generated-Speculative-Futures-copy","project_url":"AI-generated-Speculative-Futures-copy","title":"AI-generated Speculative Futures copy","title_no_html":"AI-generated Speculative Futures copy","tags":"Graphic design, ","excerpt":"Seeing Through Languages\u00a0\nPedagogical Interventions in Transcultural and Translingual Contexts\n\n\n\n\n\n\nUsing language as a lens to complicate pedagogical practice,...","thumb":"","thumb_meta":null,"set_id":26081430,"version":"Cargo2","tags_with_links":"Graphic design, "},{"id":30509688,"url":"Mapping-Critique-in-Digital-Space","project_url":"Mapping-Critique-in-Digital-Space","title":"Mapping Critique in Digital Space","title_no_html":"Mapping Critique in Digital Space","tags":"Graphic design, ","excerpt":"Mapping Critique in Digital Space \u00a0\n2020\u20132022\n\n\n\n\n\n\n\n\n \n\ntools for questioning the implications of digital tools in the re-turned hybrid design education...","thumb":"169615872","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":169615872,"project_id":30509688,"image_ref":"{image 1}","name":"Screen-Shot-2023-02-24-at-7.55.21-PM.png","hash":"d02ce60f16d73a087cc8c605f8d52b9c9142b5776e743e500a9f41a2f034ea7e","width":2144,"height":1200,"sort":0,"exclude_from_backdrop":false,"date_added":"1677286553"},"stored":{"ratio":55.970149253731,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":26081430,"version":"Cargo2","tags_with_links":"Graphic design, "},{"id":30509870,"url":"Wall-Table-Lexicon","project_url":"Wall-Table-Lexicon","title":"Wall, Table, Lexicon","title_no_html":"Wall, Table, Lexicon","tags":"Graphic design, ","excerpt":"Wall, Table, Lexicon: Publishing as Rehearsal \u00a0\nPost-radical Pedagogy at 2022 New York Art Book Fair\n\n\n\nPost-Radical Pedagogy questions the design of curricular...","thumb":"169616252","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":169616252,"project_id":30509870,"image_ref":"{image 4}","name":"2022-10-16-13.53.14.jpg","hash":"2511760eac594e62be1e207223aab51b21056e0e5e450fcd943641e1bb067509","width":1776,"height":1184,"sort":0,"exclude_from_backdrop":false,"date_added":"1677287638"},"stored":{"ratio":66.666666666667,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":26081430,"version":"Cargo2","tags_with_links":"Graphic design, "},{"id":20576810,"url":"Teaching-Design-in-the-Age-of-Platforms","project_url":"Teaching-Design-in-the-Age-of-Platforms","title":"Teaching Design in the Age of Platforms","title_no_html":"Teaching Design in the Age of Platforms","tags":"Graphic design, ","excerpt":"Teaching Design in the Age of Platforms\u00a0\nA Framework for Platform Education \u00a02020\n\n\n\n\n\n\nSituateing a platform education within and beyond communication design to...","thumb":"","thumb_meta":null,"set_id":26081430,"version":"Cargo2","tags_with_links":"Graphic design, "},{"id":26081653,"url":"Post-Radical-Pedagogy","project_url":"Post-Radical-Pedagogy","title":"Post-Radical Pedagogy","title_no_html":"Post-Radical Pedagogy","tags":"Graphic design, ","excerpt":"Post-Radical Pedagogy\n\n\n2020\u2013\n\n\n\n\n\n\n\nPost-Radical Pedagogy was convened as a space to explore, antagonize, challenge, and interrogate institutional values and...","thumb":"144012269","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"width":5120,"height":2880,"file_size":879462,"mid":144012269,"name":"Post-RadicalPedagogy_03.jpg","hash":"f31b7a2482443c7b3b6e7d2641f29adefa424d19874f2e4ce13033e5255df99e","page_id":26081653,"id":144012269,"project_id":26081653,"image_ref":"{image 19}","sort":0,"exclude_from_backdrop":false,"date_added":1653885308,"duplicate":false},"stored":{"ratio":56.25,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":26081430,"version":"Cargo2","tags_with_links":"Graphic design, "},{"id":20576366,"url":"Tactic-as-Art","project_url":"Tactic-as-Art","title":"Tactic as Art","title_no_html":"Tactic as Art","tags":"Graphic design, ","excerpt":"Tactic as Art\u00a0\nEveryday Digital Resistance and Covid-19 in China \u00a02021\n\n\n\n\n\n\n\n\n\n\nThis project uses cases from the early days of the pandemic to frame the concept...","thumb":"113954548","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":113954548,"project_id":20576366,"image_ref":"{image 1}","name":"image1.png","hash":"16ecf762efbab748c0c1bfb74e46603d77f8fc6fe8349e12d6247e8653822c7a","width":2572,"height":1561,"sort":0,"exclude_from_backdrop":false,"date_added":"1626404777"},"stored":{"ratio":60.692068429238,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":26081430,"version":"Cargo2","tags_with_links":"Graphic design, "},{"id":20576735,"url":"Emergency-Remote-Teaching","project_url":"Emergency-Remote-Teaching","title":"Emergency Remote Teaching","title_no_html":"Emergency Remote Teaching","tags":"Graphic design, ","excerpt":"Emergency Remote Teaching\u00a0\n\n\nDiagrammatic Field Notes \u00a02020\n\n\n\n\n\n\n\n\n\n\n\n\n\nThrough a practice of diagramming and drawing on techniques of annotation, concept...","thumb":"113956871","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":113956871,"project_id":20576735,"image_ref":"{image 7}","name":"diagrams-5-outlined-title_2.jpg","hash":"d7ada7b2ad6a7daa610b06b9d6a41a27b872dc766f2d0646117ae58fcc915f12","width":8001,"height":4500,"sort":0,"exclude_from_backdrop":false,"date_added":"1626408643"},"stored":{"ratio":56.242969628796,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":26081430,"version":"Cargo2","tags_with_links":"Graphic design, "},{"id":26081557,"url":"Data-Beyond-Vision","project_url":"Data-Beyond-Vision","title":"Data Beyond Vision","title_no_html":"Data Beyond Vision","tags":"Graphic design, ","excerpt":"Data Beyond Vision\u00a0\n\n\n2019\u20132020\n\n\n\n\n\n\n\n\n\nPublished by Startwords, Center for Digital Humanities at Princeton, issue 1\u00a0October 2020\n\n\ue04b\ufe0e\ufe0e\ufe0eRead...","thumb":"144011821","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":144011821,"project_id":26081557,"image_ref":"{image 17}","name":"dataphys_dh19_poster-003small.jpg","hash":"394142bf1f74ffdb03d24fca9becafaa03cd00db15ad44f9b5fa12428465a0ef","width":2592,"height":1728,"sort":0,"exclude_from_backdrop":false,"date_added":1653884952},"stored":{"ratio":66.666666666667,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":26081430,"version":"Cargo2","tags_with_links":"Graphic design, "},{"id":26081874,"url":"Thesis","project_url":"Thesis","title":"Thesis","title_no_html":"Thesis","tags":"","excerpt":"Sample student projects\n\n\n\n\n\n\n\n\nDigital Gaze, Reena Chai\nWhat does gaze mean in a digital context? As theoretical and visual research, this thesis project...","thumb":"144013418","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":144013418,"project_id":26081874,"image_ref":"{image 1}","name":"CDGD401_01_XL_sp22_chai_reena_Installation-Map_Digital-Gaze-Map.jpeg","hash":"bc78cf7ebda4c9fe6f23a5b1a7215859a235528189d694f83fb0c59c7fad7b63","width":8640,"height":4284,"sort":0,"exclude_from_backdrop":false,"date_added":"1653888109"},"stored":{"ratio":49.583333333333,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":26081858,"version":"Cargo2","tags_with_links":""},{"id":36551291,"url":"orientation-map","project_url":"orientation-map","title":"orientation map","title_no_html":"orientation map","tags":"Graphic design, ","excerpt":"\u00a0\u65f6\u7a7a\u5c71\u6d77\u5357\u5317\u7269\u8eab\u00a0time space south north mountain sea material embodiment\n2024\n\n\n\n\nPhoto by Shuyi Cao\n\nCollaborative mapping of ongoing dialogues and...","thumb":"216293985","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"width":2000,"height":1333,"file_size":1416218,"mid":216293985,"name":"DSC00905.jpg","hash":"feea052894844ea2c780e812f3e277e79fcba2f4e5162c498c56f015b053d5b7","page_id":36551291,"id":216293985,"project_id":36551291,"image_ref":"{image 1}","sort":0,"exclude_from_backdrop":false,"date_added":1723562613,"duplicate":false},"stored":{"ratio":66.65,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":"Graphic design, "},{"id":36551270,"url":"labels","project_url":"labels","title":"labels","title_no_html":"labels","tags":"Graphic design, ","excerpt":"Unformed Praxis \n2024\n\n\n\n\n \nPhoto by Shaoyu Zhang\n\n\ud835\ude47\ud835\ude56\ud835\ude57\ud835\ude5a\ud835\ude61\ud835\ude68? \ud835\ude47\ud835\ude56\ud835\ude57\ud835\ude5a\ud835\ude61\ud835\ude68! \ud835\ude4f\ud835\ude3d\ud835\ude3f is an exhibition about the conceived piece and...","thumb":"216293170","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"width":9504,"height":6336,"file_size":9954325,"mid":216293170,"name":"2024-03-03-22.32.11.jpg","hash":"93133e5a570cb2ed3f16365eebdce10cae4e2d971b971e70d5fbe4baa60b3f71","page_id":36551270,"id":216293170,"project_id":36551270,"image_ref":"{image 1}","sort":0,"exclude_from_backdrop":false,"date_added":1723561127,"duplicate":false},"stored":{"ratio":66.666666666667,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":"Graphic design, "},{"id":20576123,"url":"Screenshooting","project_url":"Screenshooting","title":"Screenshooting","title_no_html":"Screenshooting","tags":"Graphic design, ","excerpt":"Screenshooting\n2021\n\n\n\n\n\n\n\n\n\n\n\n\nContrasting to archiving and meticulous fact-checking of journalism, this project collects and presents unknowable uncertain...","thumb":"113953882","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":113953882,"project_id":20576123,"image_ref":"{image 12}","name":"2021-7-6_lgbtq_01.png","hash":"c36c2df80e37059123714833f26d55bbe81e73cf513ffdf3bdafc2889bd0a02c","width":900,"height":900,"sort":0,"exclude_from_backdrop":false,"date_added":"1626402938"},"stored":{"ratio":100,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":"Graphic design, "},{"id":8359337,"url":"CDH-Design","project_url":"CDH-Design","title":"CDH Design","title_no_html":"CDH Design","tags":"","excerpt":"The Center for Digital Humanities\u00a0Branding, Web, Editorial, 2016\n\n\n\n\n\n\n\n\nBased on the existing logo, I established the branding guidelines and expanded the...","thumb":"42955292","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":42955292,"project_id":8359337,"image_ref":"{image 1}","name":"CDH_annual-report.jpg","hash":"214f39489197e30223f8489e2196bf88c819df912ad93c4bd25050a6135962d2","width":7800,"height":5400,"sort":0,"exclude_from_backdrop":false,"date_added":"1558646847"},"stored":{"ratio":69.230769230769,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":""},{"id":898038,"url":"CDH-Events","project_url":"CDH-Events","title":"CDH Events","title_no_html":"CDH Events","tags":"Graphic design","excerpt":"CDH Events\n2016\u20132018\n\n\n\n\n\n\n\n\n\nPosters and cards designed for guest lectures and workshops at The Center for Digital Humanities at Princeton University.","thumb":"42958615","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":42958615,"project_id":898038,"image_ref":"{image 18}","name":"CDH_design_2019_imac_poster2.jpg","hash":"2e556eb98a0854fa50e2b1c80129ef46e31edf457c66f61b7eee5532e2d61a54","width":5120,"height":2880,"sort":0,"exclude_from_backdrop":false,"date_added":1558650632},"stored":{"ratio":56.25,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":"Graphic design"},{"id":588055,"url":"Happy-2017-from-Diagram","project_url":"Happy-2017-from-Diagram","title":"Happy 2017 from Diagram","title_no_html":"Happy 2017 from Diagram","tags":"Graphic design, Motion, 3D","excerpt":"New Year Greeting Card\n\n3D, Dec. 2016\n\n\n\n\n\n\n\n\n\nNew Year greeting card designed for the awesome design researh studio Diagram.","thumb":"3126352","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":3126352,"project_id":588055,"image_ref":"{image 1}","name":"newyear_card_animated_1200x860.gif","hash":"53e0405910e7c788af295f07633784e6da83ad5c97e3218fc8ac2eb1353808bc","width":860,"height":1200,"sort":0,"exclude_from_backdrop":false,"date_added":"1504029777"},"stored":{"ratio":139.53488372093,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":"Graphic design, Motion, 3D"},{"id":8358517,"url":"Weighing-Lightness","project_url":"Weighing-Lightness","title":"Weighing Lightness","title_no_html":"Weighing Lightness","tags":"","excerpt":"Weighing LightnessResearch, Book Design, Installation, 2016\n\n\n\n\n\n\n\n\nThe project investigates and reinterprets the influential parameters of two opposing concepts...","thumb":"42950427","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":42950427,"project_id":8358517,"image_ref":"{image 5}","name":"NYC_9410-2-1_GIF.gif","hash":"c3a760ec7985ef4e7abe5fe6796b71a1043a6eabce8059da9b4df297f7665822","width":2000,"height":1335,"sort":0,"exclude_from_backdrop":false,"date_added":"1558640859"},"stored":{"ratio":66.75,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":""},{"id":8328094,"url":"Stone-1","project_url":"Stone-1","title":"Stone","title_no_html":"Stone","tags":"","excerpt":"StoneWeb, Oct. 2015\n\n\n\n\n\n\nThis project features selected texts from Calvino's Six Memos for the Next Millennium regarding how to remove weight from literature,...","thumb":"42950530","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":42950530,"project_id":8328094,"image_ref":"{image 2}","name":"Screen-Shot-2015-10-22-at-5.05.57-PM.png","hash":"c2aac878c914704581c9db4a9ed8e709fbff6abe835b8b06d929fba33d0f7d34","width":2858,"height":1970,"sort":0,"exclude_from_backdrop":false,"date_added":"1504029797"},"stored":{"ratio":68.929321203639,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":""},{"id":8358551,"url":"Gravity-1","project_url":"Gravity-1","title":"Gravity","title_no_html":"Gravity","tags":"","excerpt":"Gravity: 370BC, 1585, 1687, 1915, ?Editorial, Dec. 2015\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nThis project uses typographical treatment to express human understanding of gravity in...","thumb":"42950901","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":42950901,"project_id":8358551,"image_ref":"{image 2}","name":"NYC_4432.png","hash":"94046b35d561e3f3e13172ce725df3b2093f8af41db89c24d09d616c06a12447","width":3000,"height":2400,"sort":0,"exclude_from_backdrop":false,"date_added":"1504029789"},"stored":{"ratio":80,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":""},{"id":8330524,"url":"Within-Between-1","project_url":"Within-Between-1","title":"(Within)\u2014Between.","title_no_html":"(Within)\u2014Between.","tags":"","excerpt":"(Within)\u2014BetweenExhibition Branding, \u00a02016\n\n\n\n\nExhibition identity for the 2016 Pratt Graduate Communications Design MFA thesis exhibition.\n\n\ue04b\ufe0e Read More\u00a0...","thumb":"42800832","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":42800832,"project_id":8330524,"image_ref":"{image 1}","name":"wb_web_1000.gif","hash":"1117b80a8da2d20a933a867e9a7fc0eebd1c6db0179455f891e8ce8ce09a29ac","width":1000,"height":697,"sort":0,"exclude_from_backdrop":false,"date_added":1558490619},"stored":{"ratio":69.7,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":""},{"id":8360984,"url":"Techncolagy-1","project_url":"Techncolagy-1","title":"\"Techncolagy\"","title_no_html":"\"Techncolagy\"","tags":"","excerpt":"\u201cTechncolagy\u201dPerformance, Editorial, Dec. 2015\n\n\n\nThis group project exaggerates relational design, and experiments with generative processes and performative...","thumb":"42963605","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"width":8000,"height":4500,"file_size":11324800,"mid":42963605,"name":"2018-portfolio_technology-1.jpg","hash":"804850f4354a7748249196f09f5d32eb62101d93e2db858212dbfb7a2500abd9","page_id":8360984,"id":42963605,"project_id":8360984,"image_ref":"{image 12}","sort":0,"exclude_from_backdrop":false,"date_added":1558658827,"duplicate":false},"stored":{"ratio":56.25,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":""},{"id":588052,"url":"Esse-Institute","project_url":"Esse-Institute","title":"Esse Institute","title_no_html":"Esse Institute","tags":"Visualization, Web, Pedagogy, Research","excerpt":"Esse InstituteA fictional design school proposal, 2015\n\n\n\n\n\n\n\n\n\n\nThe visualization demostrated the curriculum of a fictional design school, which features two...","thumb":"3126339","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":3126339,"project_id":588052,"image_ref":"{image 1}","name":"map-01_o.png","hash":"17c9708d166a6972596da38795d75e2d023a23fc73a30ab2b490095fe3dd8dac","width":5000,"height":3333,"sort":0,"exclude_from_backdrop":false,"date_added":"1504029771"},"stored":{"ratio":66.66,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":"Visualization, Web, Pedagogy, Research"},{"id":588063,"url":"Design-Experience-Infographic","project_url":"Design-Experience-Infographic","title":"Design Experience Infographic","title_no_html":"Design Experience Infographic","tags":"Information, Graphic Design","excerpt":"Design Experience MapInfographic, 2015\n\n\n\n\n\n\n\n\n\n\nA self-promotional poster with a large piece of expressive visualization on one side, illustrating my experience...","thumb":"3126425","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":3126425,"project_id":588063,"image_ref":"{image 2}","name":"Screen-Shot-2015-05-11-at-10.45.00-PM.png","hash":"00ed4ec8b2c4cba276d7f45a2d35d21e7018b49368e200e9a1ae48a8b3d0afff","width":1181,"height":735,"sort":0,"exclude_from_backdrop":false,"date_added":"1504029804"},"stored":{"ratio":62.235393734124,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":"Information, Graphic Design"},{"id":588070,"url":"Roaming-Street-Food","project_url":"Roaming-Street-Food","title":"Roaming Street Food","title_no_html":"Roaming Street Food","tags":"Graphic Design, Photography","excerpt":"Roaming Street Food\nPhotography, 2014\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nThe project looks into the diversity, hybridity, and coexistence represented in NYC food carts. This catalog...","thumb":"3126533","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":3126533,"project_id":588070,"image_ref":"{image 17}","name":"catalog-photo-print-less24.jpg","hash":"4e5ac2709c1403e231bb6934b8b80a04ed2797263540d7ce8271b465794b5bd0","width":3198,"height":2400,"sort":0,"exclude_from_backdrop":false,"date_added":"1504029844"},"stored":{"ratio":75.046904315197,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":"Graphic Design, Photography"},{"id":588069,"url":"Time-Wizard","project_url":"Time-Wizard","title":"Time Wizard","title_no_html":"Time Wizard","tags":"Interaction, Concept","excerpt":"Time Wizard\n\n2014\n\n\n\n\n\n\n\n\n\n\n\n\nThe project investigates the multivariate phenomenon of time perception. The subjective experience of time is affected by the sensory...","thumb":"4801089","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":4801089,"project_id":588069,"image_ref":"{image 22}","name":"timewizard_thumb_2.png","hash":"89e1f756da9ffb554a7847e0f9a0df7377cf3492cf394fd74771ee60e5fb4dc3","width":2941,"height":2000,"sort":0,"exclude_from_backdrop":false,"date_added":"1507244128"},"stored":{"ratio":68.004080244815,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":"Interaction, Concept"},{"id":588066,"url":"AWear","project_url":"AWear","title":"AWear","title_no_html":"AWear","tags":"Interactive, UI\/UX, Web","excerpt":"AWearAn interactive prosthesis that improves my awareness of body movement, 2014\n\n\n\n\n\n\n\n\nInspired by cyborgism and human cyborgs, I designed an interactive device...","thumb":"3126493","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":3126493,"project_id":588066,"image_ref":"","name":"prt_380x235_1431526825.png","hash":"594c46a4ddca20db92e575251fd55826158c56e6d755205f66588a025c5fc794","width":380,"height":235,"sort":0,"exclude_from_backdrop":false,"date_added":"1504029829"},"stored":{"ratio":61.842105263158,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":"Interactive, UI\/UX, Web"},{"id":588073,"url":"Architecture-is-Art-Festival","project_url":"Architecture-is-Art-Festival","title":"Architecture is Art Festival","title_no_html":"Architecture is Art Festival","tags":"Graphic Design","excerpt":"Architecture is Art Festival\n\n2012\n\n\n\n\n\n\n\n\n\nArchitecture is Art Festival aims to call for people's attention to the aesthetic problem of buildings in Hong Kong....","thumb":"3126554","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":3126554,"project_id":588073,"image_ref":"{image 1}","name":"4 72dpi-01_o.jpg","hash":"16971161e47cc5dd09b81fdacac90a1b728f89eda7b0dfecbdf115d96918e02b","width":1684,"height":2382,"sort":0,"exclude_from_backdrop":false,"date_added":"1504029850"},"stored":{"ratio":141.44893111639,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":"Graphic Design"},{"id":588071,"url":"Hong-Kong-Typography","project_url":"Hong-Kong-Typography","title":"Hong Kong Typography","title_no_html":"Hong Kong Typography","tags":"Graphic Design, Typography","excerpt":"Hong Kong TypographyEditorial, 2013\n\n\n\n\n\n\n\n\n\n\n\n\n\n\tA series of illustrative typeface design of \u9999\u6e2f (Hong Kong). Each piece highlights a different cultural aspect...","thumb":"3126538","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":3126538,"project_id":588071,"image_ref":"{image 1}","name":"printed_o.jpg","hash":"c11d9f871317dc1ff64eb2efc3134ee53b2bb95e8f244e46b01234f6fc02d75f","width":2138,"height":1509,"sort":0,"exclude_from_backdrop":false,"date_added":"1504029845"},"stored":{"ratio":70.579981290926,"crop_ratio":"16x9"},"cropManuallySet":false}},"set_id":8330523,"version":"Cargo2","tags_with_links":"Graphic Design, Typography"}]
{{#if this.is_set}} {{#each pages}} {{#if this.is_set}} {{>page_master}} {{else}} {{>page}} {{/if}} {{/each}} {{else}} {{>page}} {{/if}}
{{#if pin}} {{!-- Do not render pins in this view --}} {{else}} {{print "content"}} {{{ page_options.svg_overlay }}} {{{ page_options.local_css }}} {{#if_all backdrop backdrop_enabled}} [script type="text/json" data-set="backdrop_data">{{{stringify backdrop}}}[/script> {{/if_all}} {{/if}}
{{#each content}} {{#if pin}}{{!-- Do not render pins in this view --}} {{else}} {{#if this.is_set}} {{>page_master}} {{else}} {{>page_master}} {{/if}} {{/if}} {{/each}}
Homepage {{#each site_menu_tree.pages}} {{>sitemenu_item}} {{/each}} ×
{{#if is_set}} {{#if in_nav}} {{#if_equal set_id 0}} {{#if has_children}} {{#if_equal previous_type "page"}} {{/if_equal}} {{/if}} {{/if_equal}} {{#if in_nav}} {{title}} {{/if}} {{/if}} {{#each pages}} {{>sitemenu_item}} {{/each}} {{#if in_nav}} {{/if}} {{else}} {{#if in_nav}} {{title}} {{/if}} {{/if}}
{{#if_option "title_in_project"}} {{#if show_title}} {{{title}}} {{/if}} {{/if_option}} {{print "content"}} {{{ page_options.svg_overlay }}} {{{ page_options.local_css }}} {{#if_all backdrop backdrop_enabled}} [script type="text/json" data-set="backdrop_data">{{{stringify backdrop}}}[/script> {{/if_all}}
{{#each pinned}} {{#if pin}} {{#if_equal pin_options.position 'top'}} {{>pin}} {{/if_equal}} {{/if}} {{/each}}
{{#each pinned}} {{#if pin}} {{#if_equal pin_options.position 'bottom'}} {{>pin}} {{/if_equal}} {{/if}} {{/each}}
{{>thumbnail_subview}}
window.scrollMonitor=function(){var t,i,o,e,s,n=function(){return window.pageYOffset||document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop},h={},c=[],l="visibilityChange",r="enterViewport",a="fullyEnterViewport",p="exitViewport",w="partiallyExitViewport",u="locationChange",m="stateChange",f=[l,r,a,p,w,u,m],d={top:0,bottom:0},b=function(){return window.innerHeight||document.documentElement.clientHeight},v=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.documentElement.clientHeight)};function g(){if(h.viewportTop=n(),h.viewportBottom=h.viewportTop+h.viewportHeight,h.documentHeight=v(),h.documentHeight!==t){for(o=c.length;o--;)c[o].recalculateLocation();t=h.documentHeight}}function V(){h.viewportHeight=b(),g(),k()}function I(){clearTimeout(e),e=setTimeout(V,100)}function k(){for(s=c.length;s--;)c[s].update();for(s=c.length;s--;)c[s].triggerCallbacks()}function y(t,o){var e,s,n,c,b,v,g=this;this.watchItem=t,this.offsets=o?o===+o?{top:o,bottom:o}:{top:o.top||d.top,bottom:o.bottom||d.bottom}:d,this.callbacks={};for(var V=0,I=f.length;V0?this.top=this.bottom=this.watchItem:this.top=this.bottom=h.documentHeight-this.watchItem:(this.top=this.watchItem.top,this.bottom=this.watchItem.bottom);this.top-=this.offsets.top,this.bottom+=this.offsets.bottom,this.height=this.bottom-this.top,void 0===t&&void 0===i||this.top===t&&this.bottom===i||k(this.callbacks[u])}},this.recalculateLocation(),this.update(),e=this.isInViewport,s=this.isFullyInViewport,n=this.isAboveViewport,c=this.isBelowViewport}h.viewportTop=null,h.viewportBottom=null,h.documentHeight=null,h.viewportHeight=b(),y.prototype={on:function(t,o,e){switch(!0){case t===l&&!this.isInViewport&&this.isAboveViewport:case t===r&&this.isInViewport:case t===a&&this.isFullyInViewport:case t===p&&this.isAboveViewport&&!this.isInViewport:case t===w&&this.isAboveViewport:if(o.call(this,i),e)return}if(!this.callbacks[t])throw new Error("Tried to add a scroll monitor listener of type "+t+". Your options are: "+f.join(", "));this.callbacks[t].push({callback:o,isOne:e||!1})},off:function(t,i){if(!this.callbacks[t])throw new Error("Tried to remove a scroll monitor listener of type "+t+". Your options are: "+f.join(", "));for(var o,e=0;o=this.callbacks[t][e];e++)if(o.callback===i){this.callbacks[t].splice(e,1);break}},one:function(t,i){this.on(t,i,!0)},recalculateSize:function(){this.height=this.watchItem.offsetHeight+this.offsets.top+this.offsets.bottom,this.bottom=this.top+this.height},update:function(){this.isAboveViewport=this.toph.viewportBottom,this.isInViewport=this.top=h.viewportTop,this.isFullyInViewport=this.top>=h.viewportTop&&this.bottom
✧ XINYI LI
Info
Research, Teaching, Practice
[local-style="588584"] .container_width {
}
[local-style="588584"] body {
background-color: initial /*!variable_defaults*/;
}
[local-style="588584"] .backdrop {
width: 100% /*!background_cover*/;
}
[local-style="588584"] .page {
min-height: auto /*!page_height_default*/;
}
[local-style="588584"] .page_background {
background-color: initial /*!page_container_bgcolor*/;
}
[local-style="588584"] .content_padding {
padding-top: 1rem /*!main_margin*/;
}
[data-predefined-style="true"] [local-style="588584"] bodycopy {
line-height: 1.2;
}
[data-predefined-style="true"] [local-style="588584"] bodycopy a {
}
[data-predefined-style="true"] [local-style="588584"] h1 {
}
[data-predefined-style="true"] [local-style="588584"] h1 a {
}
[data-predefined-style="true"] [local-style="588584"] h2 {
}
[data-predefined-style="true"] [local-style="588584"] h2 a {
}
[data-predefined-style="true"] [local-style="588584"] small {
}
[data-predefined-style="true"] [local-style="588584"] small a {
}
[local-style="588584"] .container {
margin-left: 0 /*!content_left*/;
margin-right: auto /*!content_left*/;
}
[data-predefined-style="true"] [local-style="588584"] bodycopy a:hover {
}
[data-predefined-style="true"] [local-style="588584"] h1 a:hover {
}
[data-predefined-style="true"] [local-style="588584"] h2 a:hover {
}
[data-predefined-style="true"] [local-style="588584"] small a:hover {
}
{"id":1202211,"site_id":36253,"page_id":"588584","backdrop_id":2,"backdrop_path":"gradient","is_active":true,"data":{"color_one":"rgba(221, 221, 221, 1)","color_one_active":true,"color_two":"rgba(255, 255, 255, 1)","color_two_active":true,"color_three":"rgba(255, 255, 255, 0)","color_three_active":true,"gradient_type":"linear","direction":0,"radialposx":50,"radialposy":50,"smoothness":40,"scale":100,"repeat":false,"fill_type":"fit_window","blend":"normal","col_one_r":"221","col_one_g":"221","col_one_b":"221","col_one_a":"1","col_two_r":"255","col_two_g":"255","col_two_b":"255","col_two_a":"1","col_three_r":"255","col_three_g":"255","col_three_b":"255","col_three_a":"0","requires_webgl":"false"}}
Projects —
2022–
Sinophone Studies And Design Pedagogy in Transregional, Transnational, Transcultural, Translingual Contexts
2019–
Platform Education
2020–
Post-Radical Pedagogy
2021 Tactic as Art: Everyday Digital Resistance and Covid-19 in China
2020
Teacher’s Project
Emergency Remote Teaching: Diagrammatic Field Notes
2019
Data Beyond Vision
2018
Textual Analysis of Graphic Design Program Descriptions
2017 Cultral Probes / Design Research for Health Care
2016Weighing Lightness
Digital Humanities —
2016-2018
Derrida’s MarginShakespeare and Company Project
The Winthrop Family on the PagePrinceton Prosody Archive
Mark
[local-style="8331592"] .container_width {
width: 33% /*!variable_defaults*/;
}
[local-style="8331592"] body {
background-color: initial /*!variable_defaults*/;
}
[local-style="8331592"] .backdrop {
}
[local-style="8331592"] .page {
}
[local-style="8331592"] .page_background {
background-color: initial /*!page_container_bgcolor*/;
}
[local-style="8331592"] .content_padding {
padding-top: 6rem /*!main_margin*/;
}
[data-predefined-style="true"] [local-style="8331592"] bodycopy {
line-height: 1.3;
}
[data-predefined-style="true"] [local-style="8331592"] bodycopy a {
}
[data-predefined-style="true"] [local-style="8331592"] h1 {
}
[data-predefined-style="true"] [local-style="8331592"] h1 a {
}
[data-predefined-style="true"] [local-style="8331592"] h2 {
}
[data-predefined-style="true"] [local-style="8331592"] h2 a {
}
[data-predefined-style="true"] [local-style="8331592"] small {
}
[data-predefined-style="true"] [local-style="8331592"] small a {
}
[local-style="8331592"] .container {
margin-left: 0 /*!content_left*/;
margin-right: auto /*!content_left*/;
}
[data-predefined-style="true"] [local-style="8331592"] bodycopy a:hover {
}
[data-predefined-style="true"] [local-style="8331592"] h1 a:hover {
}
[data-predefined-style="true"] [local-style="8331592"] h2 a:hover {
}
[data-predefined-style="true"] [local-style="8331592"] small a:hover {
}
Reading AI-generated Speculative Futures in a Digital Visual Age
[H1] Seeing Through Languages
[H1] Mapping Critique in Digital Space
[H1] Wall, Table, Lexicon: Publishing as Rehearsal
[H1] Teaching Design in the Age of Platforms
[H2] Pedagogical Interventions in Transcultural and Translingual Contexts
[H2] 2020–2022
[H2] Post-radical Pedagogy at 2022 New York Art Book Fair
[H2] A Framework for Platform Education 2020
Bilder
Es konnten 21 Bilder auf dieser Webseite gefunden werden.
Auf xinyi.li fehlen bei 21 von 21 Bilddateien ALT-Attribute. Beschreibende Alternativtexte helfen Suchmaschinen und verbessern zugleich die Zugänglichkeit der Seite.
Text/HTML Verhältnis
Anteil : 0%
Das Text-zu-HTML-Verhältnis von xinyi.li liegt nur bei 0% und damit unter dem empfohlenen Mindestwert von 15%. Mehr eigener, sichtbarer Inhalt würde der Seite helfen, ihr Thema klarer zu vermitteln.
Flash
xinyi.li verzichtet auf Flash-Inhalte. Dadurch bleibt die Seite technisch zeitgemäßer und für Nutzer wie Suchmaschinen leichter zugänglich.
IFrame
xinyi.li verwendet keine IFrames. Dadurch liegen die wichtigsten Inhalte direkt im Dokument und sind für Suchmaschinen einfacher zu erfassen.
SEO Links
Eine klare Linkstruktur erleichtert Suchmaschinen das Crawlen, verteilt interne Relevanz und hilft Besuchern, wichtige Inhalte schnell zu finden.
URL Rewrite
xinyi.li verwendet lesbare URL-Strukturen. Das ist ein Vorteil für Navigation, Teilen von Links und die schnelle thematische Einordnung einzelner Seiten.
Underscores in the URLs
In Links von xinyi.li wurden Unterstriche entdeckt. Für SEO-freundliche und leichter lesbare URLs sind Bindestriche in der Regel besser geeignet.
In-page links
We found a total of 19 links including 0 link(s) to files
Die Suchbegriffsauswertung zeigt, welche Themen die Seite tatsächlich vermittelt und ob wichtige Begriffe in Inhalt und Seitenelementen konsistent vorkommen.
Suchbegriffswolke
Keywords Consistency
Suchbegriff
Inhalt
Seitentitel
Suchbegriffe
Seitenbeschreibung
Überschriften
Benutzerfreundlichkeit
Gute Benutzerfreundlichkeit stärkt Vertrauen und erleichtert die Nutzung. Geprüft werden unter anderem URL, Favicon, Sprache und Druckdarstellung.
URL
Domain : xinyi.li
Länge : 8
Favoriten Icon
xinyi.li stellt ein Favicon bereit. Dieses kleine Symbol verbessert Wiedererkennung in Browser-Tabs, Lesezeichen und Suchergebnisumgebungen.
Druckeigenschaften
Für xinyi.li wurden keine speziellen Druck-CSS-Angaben gefunden. Eigene Print-Styles können helfen, Navigation, Farben und Layout beim Drucken sinnvoll zu reduzieren.
Sprache
Die Spracheinstellung von xinyi.li ist vorhanden: en. Diese Angabe macht das Dokument für Crawler und assistive Technologien klarer interpretierbar.
Dublin Core
Bei xinyi.li wurden keine Dublin-Core-Elemente gefunden. Das ist nicht für jede Website zwingend, kann aber bei dokumentenartigen oder redaktionellen Inhalten nützlich sein.
Dokument
Sauberes HTML, eine korrekte Zeichencodierung und moderne Standards verbessern Kompatibilität, Zugänglichkeit und die zuverlässige Verarbeitung der Seite.
Doctype
HTML 5
Verschlüsselung
xinyi.li deklariert den Zeichensatz UTF-8. Das ist wichtig, damit Sonderzeichen, Umlaute und typografische Zeichen korrekt dargestellt werden.
W3C Validität
Fehler : 0
Warnungen : 0
E-Mail Datenschutz
xinyi.li zeigt keine offen auslesbare E-Mail-Adresse. Das ist positiv für Datenschutz und Spam-Vermeidung.
Veraltetes HTML
xinyi.li verwendet keine überholten HTML-Tags in den geprüften Inhalten. Das spricht für eine zeitgemäße technische Basis.
Tipps zur Webseitengeschwindigkeit
xinyi.li nutzt keine verschachtelten Tabellen. Das macht Layout und Quelltext leichter wartbar und besser zugänglich.
Auf xinyi.li wurden Inline-CSS-Angaben gefunden. Wenn möglich, sollten diese Regeln in Stylesheets verlagert werden, damit Gestaltung und Inhalt sauberer getrennt sind.
xinyi.li verwendet mit 1 CSS-Dateien eine überschaubare Stylesheet-Struktur. Das kann Ladezeit und Wartung positiv beeinflussen.
xinyi.li bindet mit 3 JavaScript-Dateien nur eine begrenzte Menge Skripte ein. Das ist eine gute Grundlage für schnelle Ladezeiten.
xinyi.li nutzt gzip-Komprimierung. Dadurch können HTML, CSS und JavaScript kleiner übertragen werden, was die Ladezeit verbessern kann.
Mobile
Mobile Optimierung ist wichtig, weil viele Besucher Smartphones nutzen. Viewport, Icons und ungeeignete Technologien beeinflussen Darstellung und Bedienbarkeit.
Mobile Optimierung
Apple Icon
META Viewport Tag
Flash Inhalt
Optimierung
Sitemap, robots.txt, Komprimierung und Analysesysteme beeinflussen, wie effizient eine Website gecrawlt, ausgeliefert und gezielt weiterentwickelt werden kann.
XML-Sitemap
Eine XML-Sitemap ist für xinyi.li vorhanden. Sie unterstützt Crawler dabei, die Seitenstruktur effizienter zu verstehen.
https://xinyi.li/sitemap.xml
Robots.txt
http://xinyi.li/robots.txt
Eine robots.txt ist für xinyi.li vorhanden. Das ist die richtige Stelle, um Suchmaschinen den Umgang mit bestimmten Bereichen der Website zu erklären.
Analytics
xinyi.li nutzt ein Analyse-Tool. Dadurch lassen sich Besucherinteraktionen messen und Optimierungen auf realen Nutzungsdaten aufbauen.
Google Analytics
PageSpeed Insights
PageSpeed Insights bewertet Leistung, Barrierefreiheit, bewährte Verfahren und SEO für Desktop und Mobilgeräte und macht technische Bremsen sichtbar.
Gerät
Kategorien
Website-Überprüfung
Website-Überprüfung ist ein kostenloses SEO Werkzeug zur Analyse Ihrer Webseite