{"id":259,"date":"2026-01-22T01:20:50","date_gmt":"2026-01-22T01:20:50","guid":{"rendered":"https:\/\/arttao.net\/?page_id=259"},"modified":"2026-04-17T04:38:18","modified_gmt":"2026-04-17T04:38:18","slug":"the-cognitive-structure-of-geometric-abstract-art-2","status":"publish","type":"page","link":"https:\/\/arttao.net\/en\/a%e3%80%81%e5%87%a0%e4%bd%95%e6%8a%bd%e8%b1%a1%e8%89%ba%e6%9c%af%e7%9a%84%e8%ae%a4%e7%9f%a5%e7%bb%93%e6%9e%84-2\/","title":{"rendered":"A. Cognitive Structure of Geometric Abstract Art"},"content":{"rendered":"<div class=\"wp-block-group alignfull has-base-2-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-73128380 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-0009407c wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\">Core purpose<\/p>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-4f2ccadb\"><\/div>\n\n\n\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">If we've explored \u201chow\u201d the brain processes geometric abstract information, we now need to ask a more fundamental question: \u201cWhy?\u201d Why did the human mind, at a certain historical moment, suddenly crave this stark form that stripped away all emotion and narrative? What is the ultimate purpose of the cognitive structure of geometric abstract art?<\/p>\n<\/div>\n\n\n\n<div style=\"margin-top:0;margin-bottom:0;height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/arttao.net\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-27-2026-11_52_41-AM.png\" alt=\"\" class=\"wp-image-2340\" style=\"border-top-left-radius:300px;border-top-right-radius:300px;border-bottom-left-radius:300px;border-bottom-right-radius:300px;aspect-ratio:1.5001412030499859;width:180px;height:auto\" srcset=\"https:\/\/arttao.net\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-27-2026-11_52_41-AM.png 1536w, https:\/\/arttao.net\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-27-2026-11_52_41-AM-600x400.png 600w, https:\/\/arttao.net\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-27-2026-11_52_41-AM-300x200.png 300w, https:\/\/arttao.net\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-27-2026-11_52_41-AM-1024x683.png 1024w, https:\/\/arttao.net\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-Mar-27-2026-11_52_41-AM-768x512.png 768w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">A1. <a href=\"https:\/\/arttao.net\/en\/8-core-purpose\/\" data-type=\"page\" data-id=\"638\"><strong>Core purpose<\/strong><\/a><\/p>\n\n\n\n<div style=\"height:101px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\">A2. Cognitive Structure of Geometric Abstract Art<\/p>\n\n\n\n<div style=\"height:65px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-d525a65d wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-da384c3e wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left wp-block-paragraph\">A2-<a href=\"https:\/\/arttao.net\/en\/1-basic-definition-of-geometric-abstract-art\/\" data-type=\"page\" data-id=\"491\">1. Basic definition of geometric abstract art<\/a><\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Geometric abstract art uses points, lines, planes, and color blocks as its core language, stripping away figurative narratives, and exploring the unity of visual essence, spatial relationships, and spiritual expression through rational structure and formal order.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"480\" src=\"https:\/\/arttao.net\/wp-content\/uploads\/2026\/01\/art473-3.gif\" alt=\"\" class=\"wp-image-473\" style=\"width:301px;height:auto\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-da384c3e wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left wp-block-paragraph\">A2-<a href=\"https:\/\/arttao.net\/en\/2-an-overview-of-the-history-of-geometric-abstract-art\/\" data-type=\"page\" data-id=\"494\">2. Historical Overview of Geometric Abstract Art<\/a><\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">From modernism to the digital age, geometric abstract art has shifted from an emphasis on pure form and rational order to the integration of algorithms, interaction, and generative systems. Its inherent logic has evolved from \u201chuman handcraft\u201d to \u201chuman-machine co-creation,\u201d moving from static compositions to dynamic evolution.<\/p>\n\n\n\n<div style=\"height:18px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/arttao.net\/wp-content\/uploads\/2026\/01\/art519.gif\" alt=\"\" class=\"wp-image-478\" style=\"border-top-left-radius:268px;border-top-right-radius:268px;border-bottom-left-radius:268px;border-bottom-right-radius:268px;width:229px;height:auto\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-da384c3e wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left wp-block-paragraph\">A2-<a href=\"https:\/\/arttao.net\/en\/3-the-development-stages-and-key-turning-points-of-geometric-abstract-art\/\" data-type=\"page\" data-id=\"501\">3. Stages of Development and Key Turning Points in Geometric Abstract Art<\/a><\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">In its evolution over more than a century, geometric abstract art has progressed from early avant-garde experimentation to the construction of systematic styles, and then to a contemporary transformation involving digital media and algorithmic generation. Its key turning points stem from technological advancements, intellectual liberation, and artists' continuous breakthroughs in the boundaries of formal language.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"480\" src=\"https:\/\/arttao.net\/wp-content\/uploads\/2026\/01\/art161.gif\" alt=\"\" class=\"wp-image-437\" style=\"width:262px;height:auto\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-d525a65d wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-da384c3e wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left wp-block-paragraph\">A2-<a href=\"https:\/\/arttao.net\/en\/4-historical-conditions-for-the-emergence-of-geometric-abstract-art\/\" data-type=\"page\" data-id=\"583\">4. Historical conditions for the emergence of geometric abstract art<\/a><\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">The birth of geometric abstract art was not accidental, but rather the result of the combined effects of industrialization, the rise of scientific rationality, and the disintegration of traditional representational systems. Photography liberated painting from its representational function, while modern philosophy and mathematical concepts reshaped formal awareness, allowing artists to shift from natural imitation to pure structural exploration.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/arttao.net\/wp-content\/uploads\/2026\/01\/art727.gif\" alt=\"\" class=\"wp-image-484\" style=\"width:236px;height:auto\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-da384c3e wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left wp-block-paragraph\">A2-<a href=\"https:\/\/arttao.net\/en\/5-three-core-logical-paths-of-geometric-abstraction\/\" data-type=\"page\" data-id=\"591\">5. Three core logical paths of geometric abstraction<\/a><\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">The evolution of geometric abstraction can be summarized into three core logical pathways: the formal rationality path, which takes order and proportion as its ontology; the spiritual expression path, guided by emotion and symbolism; and the generative structure path, driven by algorithms and systems. These three intricately shape contemporary geometric language.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"480\" src=\"https:\/\/arttao.net\/wp-content\/uploads\/2026\/01\/art459.gif\" alt=\"\" class=\"wp-image-477\" style=\"border-top-left-radius:255px;border-top-right-radius:255px;border-bottom-left-radius:255px;border-bottom-right-radius:255px;width:220px;height:auto\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-da384c3e wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left wp-block-paragraph\">A2-<a href=\"https:\/\/arttao.net\/en\/__trashed-8\/\" data-type=\"page\" data-id=\"609\">6. Paradigm Shift from Modernism to the Digital Age: An Internal Logic<\/a><\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">From modernism to the digital age, geometric abstract art has shifted from an emphasis on pure form and rational order to the integration of algorithms, interaction, and generative systems. Its inherent logic has evolved from \u201chuman handcraft\u201d to \u201chuman-machine co-creation,\u201d moving from static compositions to dynamic evolution.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/arttao.net\/wp-content\/uploads\/2026\/01\/art446.gif\" alt=\"\" class=\"wp-image-475\" style=\"width:262px;height:auto\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:91px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center alignwide has-large-font-size wp-block-paragraph\">A3-1. Cognitive Structure Course Test<\/p>\n\n\n<div class=\"arttao-hub\"><div class=\"arttao-sub\">Please log in before using the evaluation system.<\/div><\/div>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color has-small-font-size wp-elements-7d54b9a8566a1cfeced417b6d6b824c2 wp-block-paragraph\" style=\"color:#822002\">Please submit your design once. Think carefully before clicking submit. Repeated submissions will result in deduction of points affecting the award!<\/p>\n\n\n\n<div style=\"height:38px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\">A3. AI Cognitive Structure Interaction System<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/arttao.net\/wp-content\/uploads\/2026\/02\/art81.gif\" alt=\"\" class=\"wp-image-1059\" style=\"width:56px;height:auto\"\/><\/figure>\n\n\n<script>window.ArttaoCT = window.ArttaoCT || {};window.ArttaoCT.ajax = \"https:\/\/arttao.net\/wp-admin\/admin-ajax.php\";window.ArttaoCT.nonce = \"ae2d2e7a1e\";<\/script><div class=\"arttao-ct-fold\" id=\"ctf_db77e97c-f5cc-45c1-bd3e-652c83a1b675\" data-open=\"0\">  <button type=\"button\" class=\"ct-fold-btn\" aria-expanded=\"false\" aria-controls=\"ctf_db77e97c-f5cc-45c1-bd3e-652c83a1b675_panel\">    <span class=\"ct-fold-title\">AI Multidimensional Inference Engine<\/span>    <span class=\"ct-fold-tip\">Click to expand \/ collapse<\/span>  <\/button>  <div class=\"ct-fold-panel\" id=\"ctf_db77e97c-f5cc-45c1-bd3e-652c83a1b675_panel\"><script>window.ArttaoCT = window.ArttaoCT || {};window.ArttaoCT.ajax = \"https:\/\/arttao.net\/wp-admin\/admin-ajax.php\";window.ArttaoCT.nonce = \"ae2d2e7a1e\";<\/script><div class=\"arttao-ct\" data-ver=\"1.0.0\">  <div class=\"ct-head\">    <div class=\"ct-title\">AI Multidimensional Inference Engine<\/div>    <div class=\"ct-sub\">Convert the expression to a structure for the next step<\/div>  <\/div>  <div class=\"ct-grid\">    <div class=\"ct-left\">      <textarea class=\"ct-input\" rows=\"10\" placeholder=\"Paste your text. Suggestion: Stick to one topic per paragraph.\"><\/textarea>      <div class=\"ct-bar\">        <button type=\"button\" class=\"ct-btn ct-run\">Submit. Inference<\/button>        <button type=\"button\" class=\"ct-btn ct-clear\">Clear<\/button>        <span class=\"ct-msg\" aria-live=\"polite\"><\/span>      <\/div>      <div class=\"ct-note\">Output as a structured card. Please use your installed translation plugin for translation.<\/div>    <\/div>    <div class=\"ct-right\">      <div class=\"ct-out\"><\/div>    <\/div>  <\/div><\/div>  <\/div><\/div>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">The role of AI in geometric abstract art is no longer just a style generation tool, but rather it undertakes the core function of a \u201ccognitive translation engine.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"480\" src=\"https:\/\/arttao.net\/wp-content\/uploads\/2026\/02\/art87.gif\" alt=\"\" class=\"wp-image-1042\" style=\"width:56px;height:auto\"\/><\/figure>\n\n\n  <div class=\"arttao-see\" data-see=\"1\">\r\n\r\n    <div class=\"see-fold\">\r\n      <button class=\"see-fold-btn\" type=\"button\" aria-expanded=\"false\">\r\n        <span class=\"see-fold-title\">AI Geometric Abstract Art Evolution Engine<\/span>\r\n        <span class=\"see-fold-tip\">Click to expand \/ collapse<\/span>\r\n      <\/button>\r\n\r\n      <div class=\"see-fold-body\" style=\"display:none;\">\r\n        <div class=\"see-head\">\r\n          <div class=\"see-sub\">\r\n            Meaning points: Shifting historical style from static time points to a continuous parameter evolution process; emphasizing \u201chow the evolution process changes with the times.\u201d\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"see-grid\">\r\n          <div class=\"see-card\">\r\n            <div class=\"see-card-title\">Time span<\/div>\r\n            <div class=\"see-row\">\r\n              <label>Starting point<\/label>\r\n              <select class=\"see-from\">\r\n                <option value=\"1890\">1890<\/option>\r\n                <option value=\"1910\">1910<\/option>\r\n                <option value=\"1930\">1930<\/option>\r\n                <option value=\"1950\" selected>1950<\/option>\r\n                <option value=\"1970\">1970<\/option>\r\n                <option value=\"1990\">1990<\/option>\r\n                <option value=\"2010\">2010<\/option>\r\n              <\/select>\r\n              <label>Destination<\/label>\r\n              <select class=\"see-to\">\r\n                <option value=\"1930\">1930<\/option>\r\n                <option value=\"1950\">1950<\/option>\r\n                <option value=\"1970\">1970<\/option>\r\n                <option value=\"1990\" selected>1990<\/option>\r\n                <option value=\"2010\">2010<\/option>\r\n                <option value=\"2025\">2025<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"see-row\">\r\n              <label>Perspective<\/label>\r\n              <select class=\"see-voice\">\r\n                <option value=\"\u8bfe\u7a0b\u4e3b\u8bb2\uff08\u4e25\u8c28\u3001\u514b\u5236\u3001\u53ef\u6559\u5b66\uff09\" selected>Course Instructor (Rigorous, Restrained, Teachable)<\/option>\r\n                <option value=\"\u7814\u7a76\u7b14\u8bb0\uff08\u66f4\u62bd\u8c61\u3001\u66f4\u6982\u5ff5\u5316\uff09\">Research Notes (more abstract, more conceptual)<\/option>\r\n                <option value=\"\u7b56\u5c55\u6587\u672c\uff08\u9762\u5411\u89c2\u4f17\uff0c\u6e05\u6670\u53ef\u8bfb\uff09\">Curatorial Text (for the audience, clear and readable)<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"see-row\">\r\n              <label>Length<\/label>\r\n              <select class=\"see-len\">\r\n                <option value=\"short\">Short (approx. 350-500 words)<\/option>\r\n                <option value=\"mid\" selected>Medium (approx. 700\u2013900 words)<\/option>\r\n                <option value=\"long\">Long (approximately 1200\u20131500 words)<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"see-actions\">\r\n              <button class=\"see-btn\" type=\"button\" data-see-run=\"1\">Generate evolutionary path<\/button>\r\n              <button class=\"see-btn see-btn-ghost\" type=\"button\" data-see-clear=\"1\">Clear<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"see-msg\" aria-live=\"polite\"><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"see-card\">\r\n            <div class=\"see-card-title\">Continuous parameters (turning \u201cstyle\u201d into \u201cevolvable variables\u201d)<\/div>\r\n\r\n            <div class=\"see-s\">  <div class=\"see-s-top\"><div class=\"see-s-t\">Formal Autonomy (from Reproduction to Visual Ontology)<\/div><div class=\"see-s-v\" data-v=\"form_autonomy\">70<\/div><\/div>  <input class=\"see-range\" type=\"range\" min=\"0\" max=\"100\" value=\"70\" data-k=\"form_autonomy\"\/><\/div><div class=\"see-s\">  <div class=\"see-s-top\"><div class=\"see-s-t\">Systemic (degree of explicitness of rules\/structure)<\/div><div class=\"see-s-v\" data-v=\"systemicity\">65<\/div><\/div>  <input class=\"see-range\" type=\"range\" min=\"0\" max=\"100\" value=\"65\" data-k=\"systemicity\"\/><\/div><div class=\"see-s\">  <div class=\"see-s-top\"><div class=\"see-s-t\">Material\/Technology-driven (Process \u2192 Medium\/Algorithm)<\/div><div class=\"see-s-v\" data-v=\"material_tech\">55<\/div><\/div>  <input class=\"see-range\" type=\"range\" min=\"0\" max=\"100\" value=\"55\" data-k=\"material_tech\"\/><\/div><div class=\"see-s\">  <div class=\"see-s-top\"><div class=\"see-s-t\">Time Dimension (Static Composition \u2192 Dynamic Generation)<\/div><div class=\"see-s-v\" data-v=\"time_dynamics\">60<\/div><\/div>  <input class=\"see-range\" type=\"range\" min=\"0\" max=\"100\" value=\"60\" data-k=\"time_dynamics\"\/><\/div><div class=\"see-s\">  <div class=\"see-s-top\"><div class=\"see-s-t\">Symbol Density (Symbolic\/Cultural Encoding Strength)<\/div><div class=\"see-s-v\" data-v=\"symbolic_density\">45<\/div><\/div>  <input class=\"see-range\" type=\"range\" min=\"0\" max=\"100\" value=\"45\" data-k=\"symbolic_density\"\/><\/div><div class=\"see-s\">  <div class=\"see-s-top\"><div class=\"see-s-t\">Subjectivity (Author's manual input \u2192 System co-generation)<\/div><div class=\"see-s-v\" data-v=\"human_agency\">50<\/div><\/div>  <input class=\"see-range\" type=\"range\" min=\"0\" max=\"100\" value=\"50\" data-k=\"human_agency\"\/><\/div>\r\n            <div class=\"see-note\">\r\n              Explanation: The parameters are used to describe how structural variables are reallocated over time on the same historical chain, rather than labeling schools of thought.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"see-out-wrap\">\r\n          <div class=\"see-out-title\">Evolution path output<\/div>\r\n          <div class=\"see-out\">\r\n            <textarea class=\"see-text\" rows=\"14\" placeholder=\"Here will be generated: The evolution process of geometric abstraction described by continuous parameters...\"><\/textarea>\r\n          <\/div>\r\n          <div class=\"see-out-actions\">\r\n            <button class=\"see-btn see-btn-ghost\" type=\"button\" data-see-copy=\"1\">Copy<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n  \n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">The role of AI is to transform historical styles from static points in time to continuous parameter evolution processes, emphasizing \u201chow the evolutionary process changes over time.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/arttao.net\/wp-content\/uploads\/2026\/02\/art75.gif\" alt=\"\" class=\"wp-image-1008\" style=\"width:53px;height:auto\"\/><\/figure>\n\n\n    <div class=\"asl\" data-asl=\"1\">\r\n      <button class=\"asl-fold-btn\" type=\"button\" aria-expanded=\"false\">\r\n        <span class=\"asl-title\">AI Learner Interactive Experiment<\/span>\r\n        <span class=\"asl-tip\">Click to expand \/ collapse<\/span>\r\n      <\/button>\r\n\r\n      <div class=\"asl-body\" style=\"display:none;\">\r\n        <div class=\"asl-sub\">\r\n          Meaning points to: Emphasizing \u201cexperiment + exploration + self-style discovery,\u201d enabling students to translate personal preferences into repeatable style rules using executable experimental processes.\r\n        <\/div>\r\n\r\n        <div class=\"asl-grid\">\r\n          <div class=\"asl-card\">\r\n            <div class=\"asl-card-title\">Experimental setup<\/div>\r\n\r\n            <div class=\"asl-row\">\r\n              <label>Experiment Topic<\/label>\r\n              <select class=\"asl-theme\">\r\n                <option value=\"\u51e0\u4f55\u79e9\u5e8f\u4e0e\u5931\u5e8f\u7684\u5207\u6362\" selected>The shift between geometric order and disorder<\/option>\r\n                <option value=\"\u5bf9\u79f0\u2014\u7834\u5bf9\u79f0\uff1a\u7ed3\u6784\u5f20\u529b\u5b9e\u9a8c\">Symmetry\u2014Breaking Symmetry: Experiments in Structural Tension<\/option>\r\n                <option value=\"\u6a21\u5757\u5316\u2014\u8fde\u7eed\u5316\uff1a\u5f62\u6001\u751f\u6210\u5b9e\u9a8c\">Modularization - Continuousization: Morphogenetic Experiments<\/option>\r\n                <option value=\"\u6709\u9650\u8272\u2014\u7ed3\u6784\u8272\uff1a\u8272\u5f69\u89c4\u5219\u5b9e\u9a8c\">Limited Colors - Structural Color: Color Rules Experiment<\/option>\r\n                <option value=\"\u624b\u5de5\u75d5\u8ff9\u2014\u7cfb\u7edf\u75d5\u8ff9\uff1a\u4f5c\u8005\u6027\u5b9e\u9a8c\">Handmade Traces - System Traces: Authorship Experiments<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"asl-row\">\r\n              <label>Medium<\/label>\r\n              <select class=\"asl-medium\">\r\n                <option value=\"\u7eb8\u7b14\/\u9a6c\u514b\u7b14\">Paper and pen \/ Marker<\/option>\r\n                <option value=\"\u4e19\u70ef\/\u6c34\u5f69\">Acrylic\/Watercolor<\/option>\r\n                <option value=\"\u62fc\u8d34\/\u6750\u6599\">Collage\/Materials<\/option>\r\n                <option value=\"\u6570\u5b57\u7ed8\u753b\/\u77e2\u91cf\" selected>Digital Painting \/ Vector<\/option>\r\n                <option value=\"\u53c2\u6570\u5316\/\u4ee3\u7801\u751f\u6210\">Parameterization\/Code Generation<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"asl-row\">\r\n              <label>Duration<\/label>\r\n              <select class=\"asl-time\">\r\n                <option value=\"15\u5206\u949f\u5feb\u5b9e\u9a8c\">15-minute quick experiment<\/option>\r\n                <option value=\"30\u5206\u949f\u6807\u51c6\u5b9e\u9a8c\" selected>30-minute standard experiment<\/option>\r\n                <option value=\"60\u5206\u949f\u6df1\u5165\u5b9e\u9a8c\">60-Minute In-Depth Experiment<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"asl-row\">\r\n              <label>Difficulty<\/label>\r\n              <select class=\"asl-level\">\r\n                <option value=\"\u5165\u95e8\">Getting started<\/option>\r\n                <option value=\"\u4e2d\u7ea7\" selected>Intermediate<\/option>\r\n                <option value=\"\u8fdb\u9636\">Advanced<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"asl-row\">\r\n              <label>Output<\/label>\r\n              <select class=\"asl-out\">\r\n                <option value=\"\u5b9e\u9a8c\u6b65\u9aa4 + \u8bc4\u5206\u91cf\u8868 + \u590d\u76d8\u95ee\u9898\" selected>Experimental procedure + Scoring rubric + Review questions<\/option>\r\n                <option value=\"\u5b9e\u9a8c\u6b65\u9aa4 + \u53ef\u590d\u5236\u7684\u98ce\u683c\u89c4\u5219\u6e05\u5355\">Experimental Steps + Reproducible Style Guide Checklist<\/option>\r\n                <option value=\"\u5b9e\u9a8c\u6b65\u9aa4 + 3\u5957\u53ef\u53d8\u4f53\u65b9\u5411\">Experimental Steps + 3 Variant Orientations<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"asl-row\">\r\n              <label>Supplement<\/label>\r\n              <input class=\"asl-notes\" type=\"text\" placeholder=\"Optional: Your preferences, limitations, stylistic habits to avoid...\">\r\n            <\/div>\r\n\r\n            <div class=\"asl-actions\">\r\n              <button class=\"asl-btn asl-btn-primary\" type=\"button\" data-asl-run=\"1\">Generate an experimental plan<\/button>\r\n              <button class=\"asl-btn asl-btn-ghost\" type=\"button\" data-asl-clear=\"1\">Clear<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"asl-msg\" aria-live=\"polite\"><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"asl-card\">\r\n            <div class=\"asl-card-title\">Style Variable (for \u201cSelf-Style Discovery\u201d)<\/div>  <div class=\"asl-s-top\"><div class=\"asl-s-t\">Sense of order (explicit rules)<\/div><div class=\"asl-s-v\" data-v=\"order\">65<\/div><\/div>  <input class=\"asl-range\" type=\"range\" min=\"0\" max=\"100\" value=\"65\" data-k=\"order\"\/><\/div><div class=\"asl-s\">  <div class=\"asl-s-top\"><div class=\"asl-s-t\">Tension (Conflict\/Contrast)<\/div><div class=\"asl-s-v\" data-v=\"tension\">55<\/div><\/div>  <input class=\"asl-range\" type=\"range\" min=\"0\" max=\"100\" value=\"55\" data-k=\"tension\"\/><\/div><div class=\"asl-s\">  <div class=\"asl-s-top\"><div class=\"asl-s-t\">Concise (Elemental Restraint)<\/div><div class=\"asl-s-v\" data-v=\"simplicity\">60<\/div><\/div>  <input class=\"asl-range\" type=\"range\" min=\"0\" max=\"100\" value=\"60\" data-k=\"simplicity\"\/><\/div><div class=\"asl-s\">  <div class=\"asl-s-top\"><div class=\"asl-s-t\">Rhythm (repetition\/variation)<\/div><div class=\"asl-s-v\" data-v=\"rhythm\">60<\/div><\/div>  <input class=\"asl-range\" type=\"range\" min=\"0\" max=\"100\" value=\"60\" data-k=\"rhythm\"\/><\/div><div class=\"asl-s\">  <div class=\"asl-s-top\"><div class=\"asl-s-t\">Color Rules (Intensity Limits)<\/div><div class=\"asl-s-v\" data-v=\"color_rule\">50<\/div><\/div>  <input class=\"asl-range\" type=\"range\" min=\"0\" max=\"100\" value=\"50\" data-k=\"color_rule\"\/><\/div><div class=\"asl-s\">  <div class=\"asl-s-top\"><div class=\"asl-s-t\">Manual - System (System Trace)<\/div><div class=\"asl-s-v\" data-v=\"hand_vs_system\">45<\/div><\/div>  <input class=\"asl-range\" type=\"range\" min=\"0\" max=\"100\" value=\"45\" data-k=\"hand_vs_system\"\/><\/div>\r\n            <div class=\"asl-note\">\r\n              Hint: Experiments are not for \u201cbeing like a certain genre,\u201d but rather for turning your preferences into repeatable rules and creating controllable variations.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"asl-out-wrap\">\r\n          <div class=\"asl-out-title\">Experimental Plan Output<\/div>\r\n          <textarea class=\"asl-text\" rows=\"16\" placeholder=\"Here will be generated: Experimental objectives, materials and limitations, steps, scoring scale, review questions, style rules...\"><\/textarea>\r\n          <div class=\"asl-out-actions\">\r\n            <button class=\"asl-btn asl-btn-ghost\" type=\"button\" data-asl-copy=\"1\">Copy<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">Emphasizing \u201cexperimentation + exploration + self-style discovery\u201d has more of a course and product feel than \u201cinteractive modules.\u201d<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>A1. \u6838\u5fc3\u76ee\u7684 \u5982\u679c\u8bf4\u6211\u4eec\u63a2\u8ba8\u4e86\u5927\u8111\u201c\u5982\u4f55\u201d\u5904\u7406\u51e0\u4f55\u62bd\u8c61\u4fe1\u606f\uff0c\u90a3\u4e48\u73b0\u5728\u6211\u4eec\u9700\u8981\u8ffd\u95ee\u4e00\u4e2a\u66f4\u672c\u8d28\u7684\u95ee\u9898\uff1a\u201c\u4e3a\u4ec0\u4e48 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-259","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arttao.net\/en\/wp-json\/wp\/v2\/pages\/259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arttao.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arttao.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arttao.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arttao.net\/en\/wp-json\/wp\/v2\/comments?post=259"}],"version-history":[{"count":78,"href":"https:\/\/arttao.net\/en\/wp-json\/wp\/v2\/pages\/259\/revisions"}],"predecessor-version":[{"id":2801,"href":"https:\/\/arttao.net\/en\/wp-json\/wp\/v2\/pages\/259\/revisions\/2801"}],"wp:attachment":[{"href":"https:\/\/arttao.net\/en\/wp-json\/wp\/v2\/media?parent=259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}