算法艺术创作
algorithmic-art
通过代码和可调参数创作生成艺术与交互式视觉效果。
ornament-style-modern【设计与创意】Design ornamental patterns using modern and speculative aesthetics with colorblind-accessible color scales. Breaks free from historical period constraints to explore cyberpunk, solarpunk, biopunk, brutalist, vaporwave, and other contemporary genres. Includes CVD (Color Vision Deficiency) awareness and perceptually uniform scales (viridis, cividis, in…
独立 GitHub 快照 · 自动分类 · 以原作者文档为准
以現代與推想美學配合色盲可達之色階,設計紋飾模式。本技能脫歷史時代之束縛——時代錯置鼓勵之,混合圖案歡迎之,調色板系統建於為普及無障礙設計之感知一致色階上。
此乃 ornament-style-mono 與 ornament-style-color 之「鬆綁」夥伴。彼將每決策錨於藝術史忠實,此將決策錨於類型一致、色彩無障礙與藝術自由。
擇現代或推想之美學為視覺基礎。與歷史時代不同,類型流動——混合鼓勵之。
Modern and Speculative Aesthetics:
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Genre | Visual Character | Motif Language | Color Tendency |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Cyberpunk | Neon-on-dark, circuit, | Circuit traces, kanji, hexagons, | Neon cyan/magenta on black |
| | tech, glitch | fractured glass, data streams | |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Hard Sci-Fi | Clean, technical, | Engineering diagrams, orbital | Cool metallics, deep space |
| | precise | paths, crystalline lattice | blue |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Solarpunk | Organic-tech fusion, | Leaf/vine + solar panel, living | Greens, warm amber, |
| | verdant | architecture, moss on circuit | sunlight |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Biopunk | Organic, visceral, | DNA helix, cell structure, | Deep organics, |
| | grown | mycelium, coral, nerve networks | bioluminescent |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Brutalist | Raw, monumental, | Concrete texture, massive | Grays, concrete, |
| | geometric | geometry, exposed grid, slab | industrial |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Art Deco Revival | Geometric elegance, | Sunburst, chevron, ziggurat, fan, | Gold, black, cream, |
| | luxury | stepped forms | emerald |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Vaporwave | Retro-digital, surreal | Classical busts (glitched), grid, | Pink/teal/purple gradients |
| | | gradient, marble | |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Retrofuturism | 1950s-60s future vision | Atomic/Space Age, streamline, ray | Chrome, turquoise, coral |
| | | gun, fin, orbit | |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Generative / | Mathematical, | Voronoi, reaction-diffusion, | Any scale -- often viridis |
| Algorithmic | procedural | L-system, noise field, fractal | family |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
| Afrofuturism | Ancestral + futuristic | Adinkra, kente geometry, cosmic, | Rich earth + metallic + |
| | | mask, constellation | electric |
+-----------------------+--------------------------+-----------------------------------+-----------------------------+
亦支援之模式:
預期: 已明辨之類型(或混合),其特徵視覺語言已了解。對混合,二源傳統皆當明。
失敗時: 若用戶請求未在表中之類型,以 WebSearch 查「[genre] aesthetic visual design motifs」研究其視覺慣例並構同等條目。當辨之關鍵元素為:視覺特徵、典型圖案與色彩傾向。
於色盲可達之色階與自定調色板間擇之。色盲色階為建議預設。
路徑 A:色盲可達之色階(建議)
自為普及可讀性設計之感知一致色階中擇:
Colorblind-Accessible Color Scales:
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Scale | Type | CVD Safe | Character | Best For |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Viridis | Sequential | All 3 types | Blue-green-yellow, balanced | Default recommendation |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Cividis | Sequential | Deutan + Protan | Blue-to-yellow, muted | Maximum CVD safety |
| | | optimized | | |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Inferno | Sequential | All 3 types | Black-red-yellow-white, hot | Dramatic, high contrast |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Magma | Sequential | All 3 types | Black-purple-orange-yellow | Moody, volcanic |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Plasma | Sequential | All 3 types | Purple-pink-orange-yellow | Vivid, energetic |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Turbo | Rainbow-like | Moderate | Full spectrum, perceptual | Many distinct colors |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Mako | Sequential | All 3 types | Dark blue to light teal | Cool, oceanic |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Rocket | Sequential | All 3 types | Dark to light via warm | Warm, ember-like |
| | | | tones | |
+------------+---------------+--------------------+-----------------------------+-------------------------+
| Okabe-Ito | Categorical | All 3 types | 8 distinct colors | Discrete elements, max |
| | | | | distinction |
+------------+---------------+--------------------+-----------------------------+-------------------------+
CVD Types and Impact:
+-----------------------------+----------+-----------------+------------------------------+
| CVD Type | Affects | Confuses | Safe Scales |
+-----------------------------+----------+-----------------+------------------------------+
| Protanopia (red-blind) | ~1% male | Red/green | viridis, cividis, inferno |
+-----------------------------+----------+-----------------+------------------------------+
| Deuteranopia (green-blind) | ~5% male | Red/green | viridis, cividis, inferno |
+-----------------------------+----------+-----------------+------------------------------+
| Tritanopia (blue-yellow) | ~0.01% | Blue/yellow | inferno, magma (with care) |
+-----------------------------+----------+-----------------+------------------------------+
將連續色階譯為紋飾調色板: 於色階上等距之 3-5 色取樣。viridis 之 5 色調色板:
用 ornament-style-color 之 60/30/10 框架賦角色:主色(最大區)、次色(支持)、強調(焦點)。
路徑 B:自定調色板
自由格調色板擇取,附選擇性 CVD 模擬檢查:
預期: 3-5 個命名色之調色板,附角色,或自命名色階取樣或自定,附 CVD 相容性註記。
失敗時: 若不確定,用 viridis 取 3 色(deep purple、teal、yellow)。此乃最普及無障礙且視覺平衡之預設。
了解所擇圖案之結構文法,用與歷史技能同框架,但明允現代組成技法。
行結構分析:
加 色彩對結構之映射:
現代組成技法(本技能獨有):
預期: 含明確色彩賦予與所辨識任何現代組成技法之結構描述。
失敗時: 若現代類型之圖案結構不明,錨於類型之現實視覺先例。Cyberpunk 電路紋循帶骨架以平移對稱。Generative/algorithmic 用輻射或場為本之骨架。圖案語言或新,然結構文法乃普世。
為 Z-Image 生成構建文字提示,用現代提示範本。
提示範本:
[Rendering style] of [genre]-inspired ornamental design,
[motif description], [color scale or palette],
[composition type], [mood/atmosphere],
[application context], [additional qualifiers]
現代渲染風格:
digital art — 潔淨數位渲染、螢幕就緒、平滑漸變holographic — 虹彩、繞射光、多角色變neon sign — 暗地基上發光線、光暈、熱邊3D render — 體積、有光、材質、深度glitch art — 數位毀損、掃描線偽影、色頻分裂vector graphic — 平、潔邊、可縮放感、幾何精準screen print — 限色、套準標記、墨質、觸感laser etched — 精準、金屬表面、燒蝕標、技術generative art — 程序、演算法、數學精準concept art — 繪畫、氛圍、敘事、電影燈光提示中之色階: 將色階名譯為模型可詮釋之描述性色彩語言:
例提示:
neon sign ornamental design inspired by cyberpunk aesthetic, circuit trace patterns and hexagonal grid, deep purple and teal green and bright yellow colors (viridis palette), repeating border frieze, electric and atmospheric, dark background with glowing elementsdigital art of solarpunk-inspired ornamental panel, vine and leaf motifs intertwined with solar cell geometry, steel blue to golden yellow gradient (cividis palette), vertical panel composition, warm and hopeful atmosphere, organic-technology fusiongenerative art ornamental tile, algorithmic reaction-diffusion pattern, dark purple through burnt orange to pale yellow (magma palette), square repeating unit, mathematical and volcanic, procedural organic quality3D render of Art Deco Revival ornamental medallion with brutalist influence, sunburst and ziggurat geometry in raw concrete and gold, deep indigo through magenta to bright yellow (plasma palette), radial symmetry, monumental elegance預期: 25-50 字之提示,指明渲染風格、類型、圖案、色階/調色板、組成與情緒。
失敗時: 若提示生不合所欲色階之色,將色彩描述前置。勿提色階名,於開始描述實際色:「deep purple, teal green, and bright yellow ornamental design...」。Z-Image 對較早之提示權重較重。
擇解析度與生成參數。
Resolution by Application:
+--------------------+---------------------+----------------------------------------+
| Application | Recommended | Rationale |
+--------------------+---------------------+----------------------------------------+
| Medallion / Roundel| 1024x1024 (1:1) | Radial symmetry needs square |
+--------------------+---------------------+----------------------------------------+
| Tile / Repeat Unit | 1024x1024 (1:1) | Square for seamless tiling |
+--------------------+---------------------+----------------------------------------+
| Horizontal Frieze | 1280x720 (16:9) | Wide format for running border |
+--------------------+---------------------+----------------------------------------+
| Vertical Panel | 720x1280 (9:16) | Portrait format for columns |
+--------------------+---------------------+----------------------------------------+
| Wide Border | 1344x576 (21:9) | Ultrawide for architectural |
+--------------------+---------------------+----------------------------------------+
| UI Element | 1152x896 (9:7) | Balanced landscape for screen use |
+--------------------+---------------------+----------------------------------------+
| Large Detail | 1536x1536 (1:1) | Higher res for fine gradient work |
+--------------------+---------------------+----------------------------------------+
steps 設為 10-12(漸變細節與色階忠實自更多步受益)shift 設為 3(預設)或 4 用於高對比之 neon-on-dark 風格random_seed: true,或為可重現以特定種子設 random_seed: false預期: 完整參數集。漸變色階需 10+ 步以平滑色彩過渡。
失敗時: 若不確定,用 1024x1024 於 10 步附 shift 3。但於 neon/glow/高對比風格增至 shift 4。
呼 Z-Image MCP 工具以製紋飾。
mcp__hf-mcp-server__gr1_z_image_turbo_generate,附:
prompt:步驟四構之提示resolution:步驟五steps:步驟五(建議 10-12)shift:步驟五random_seed:步驟五seed:若 random_seed 為假則具體種子預期: 含可辨紋飾結構與可見色彩漸變/調色板之生成影像。色或不完美匹指定色階——於評估中處理。
失敗時: 若 MCP 工具不可用,驗 hf-mcp-server 已配(見 configure-mcp-server 或 troubleshoot-mcp-connection)。若生成影像全抽象無紋飾結構,提示需更具體之結構語言——回步驟四。若色全錯,將色名前置。
對為現代紋飾改編之五準則評估生成影像。
Modern Ornament Evaluation Rubric:
+---------------------+------------------------+-------------------------------------------+
| Criterion | Replaces (from color) | Evaluation Questions |
+---------------------+------------------------+-------------------------------------------+
| 1. Genre Coherence | Period Accuracy | Does it feel like the specified genre? |
| | | Would someone familiar with the genre |
| | | recognize the aesthetic? |
+---------------------+------------------------+-------------------------------------------+
| 2. Color Scale | Palette Match | Does the color gradient/palette |
| Fidelity | | approximate the chosen scale? Are the |
| | | key colors from the scale present? |
+---------------------+------------------------+-------------------------------------------+
| 3. Accessibility | (new criterion) | Would this be distinguishable under the |
| | | target CVD type? Do elements rely solely |
| | | on color or also on shape/texture? |
+---------------------+------------------------+-------------------------------------------+
| 4. Composition | Form-Color Balance | Does the ornamental structure read |
| Quality | | clearly? Does color clarify or obscure |
| | | the motif? |
+---------------------+------------------------+-------------------------------------------+
| 5. Rendering Style | Rendering Style | Does it match the specified rendering |
| | | technique? Does a "neon sign" glow? |
| | | Does "glitch art" show artifacts? |
+---------------------+------------------------+-------------------------------------------+
預期: 含具體觀察之評分。具漸變色階之現代風格較平直歷史調色板難控——首次生成於色階忠實上預期得「足」。
失敗時: 若多數準則評為弱,提示或須根本重構。常見修正:將色彩描述移至提示之最前、簡化至更少色(3 而非 5)、強化類型特定語言、增步至 12。
透過針對性迭代精煉設計或接受結果。
現代特定之迭代策略:
迭代預算: 每設計概念限 3 迭代。
預期: 1-2 迭代後類型一致與色彩忠實改進。完美色階再現不可能——求「可辨於正確色族且過渡方向正確」。
失敗時: 若迭代不收斂,色階或對模型過於微妙,難重現為漸變。簡化以自色階取更少色(3 而非 5)並明命之。或接受最近近似並於文件中記偏差。
為可重現與參考建終設計之完整記錄。
預期: 含完整色階文件與 CVD 相容性評估之可重現記錄。
失敗時: 若完整文件感過繁,至少記終提示、種子、色階名與 CVD 相容狀態。此可再現並驗無障礙。
ornament-style-color。若你發現自身於糾時代錯置或堅守時代真確顏料,轉至歷史技能。此處,Byzantine 圖案渲為 cyberpunk 霓虹標非錯——乃要點ornament-style-mono — 單色基礎技能;於加現代色彩處理前立圖案結構有用ornament-style-color — 歷史色彩夥伴;當需時代真確調色板與藝術史忠實,而非現代美學review-web-design — 色彩理論與無障礙原則適用於紋飾色彩組成review-ux-ui — 紋飾於 UI 上下文時 WCAG 色彩對比指引相關meditate — 專注注意與視覺化練習可助抽象模式發展