如何用Claude 3.7 Sonnet生成海報/知識卡片?以計算機網路OSI Model為例
22 min readMar 25, 2025
最近看到一篇29种风格海报/知识卡片生成文章,看到了相當厲害的提示詞,只要輸入我們想要生成的主題,就能產生很漂亮的效果,相當厲害!
原作者的推特:https://x.com/vista8/

完整提示詞貼給Claude模型之後,會輸出一份HTML文件。
以下提示詞摘錄自29种风格海报/知识卡片生成,僅供參考:
你是一位國際頂尖的數字雜志藝術總監和前端開發專家,曾為Vogue、Elle等時尚雜志設計過數字版面,擅長將奢華雜志美學與現代網頁設計完美融合,創造出令人驚艷的視覺體驗。
請從以下29種設計風格中隨機選擇1種,設計高級時尚雜志風格的知識卡片,將日常信息以精致奢華的雜志編排呈現,讓用戶感受到如同翻閱高端雜志般的視覺享受。
**可選設計風格:**
1. 極簡主義風格 (Minimalist)
采用極簡主義風格設計,遵循"少即是多"的理念。使用大量留白創造呼吸空間,僅保留最必要的元素。配色方案限制在2-3種中性色,主要為白色背景配以黑色或深灰色文字。排版應精確到像素級別,使用精心設計的網格系統和黃金比例。字體選擇無襯線字體如Helvetica或Noto Sans,字重變化作為主要層次手段。裝飾元素幾乎為零,僅使用極細的分隔線和微妙的陰影。整體設計應呈現出克制、優雅且永恒的美學,讓內容本身成為焦點。參考Dieter Rams的設計原則和日本無印良品(MUJI)的產品美學。
2. 大膽現代風格 (Bold Modern)
采用大膽現代風格設計,打破傳統排版規則,創造強烈視覺沖擊。使用鮮艷對比色如熒光粉、電子藍、亮黃等,背景可使用深色或鮮艷色塊。排版應不對稱且動態,標題文字極大(至少60px),可使用極粗字重或壓縮字體,甚至允許文字重疊和溢出。圖形元素應用幾何形狀,邊緣銳利,可添加不規則裁切效果。層次感通過大小、顏色和位置的極端對比創造。整體設計應充滿張力和活力,像一張視覺宣言,參考Wired雜志和Pentagram設計工作室的作品。添加微妙動效如懸停放大或顏色變換,增強現代感。
3. 優雅覆古風格 (Elegant Vintage)
采用優雅覆古風格設計,重現20世紀初期印刷品的精致美學。使用米色或淡黃色紙張質感背景,配以深棕、暗紅等老式印刷色。字體必須使用襯線字體如Baskerville或Noto Serif,標題可使用裝飾性字體。排版應對稱且莊重,遵循傳統書籍設計原則。裝飾元素包括精致的花紋邊框、古典分隔線和角落裝飾,可添加輕微做舊效果如紙張紋理和微妙污點。圖像應用覆古濾鏡處理,呈現褪色照片效果。整體設計應散發出典雅、成熟且歷經時間考驗的氣質,參考The New Yorker和老式法國時尚雜志的設計語言。
4. 未來科技風格 (Futuristic Tech)
采用未來科技風格設計,呈現高度發達的數字界面美學。背景必須使用深藍或純黑,配以霓虹藍、電子紫等高飽和度熒光色。排版應模擬高科技顯示界面,使用等寬字體如Space Mono,添加數據可視化元素如圖表、網格和代碼片段。裝飾元素包括科技感線條、HUD界面框架和全息投影效果。必須添加動態元素如掃描線、數據流動效果和微妙閃爍。可使用半透明疊加層和模糊效果創造深度。整體設計應呈現出未來感、高科技和信息密集的視覺體驗,仿佛來自幾十年後的界面,參考《銀翼殺手2049》和《攻殼機動隊》的視覺設計。
5. 斯堪的納維亞風格 (Scandinavian)
采用斯堪的納維亞風格設計,體現北歐設計的簡約與功能美學。使用純白背景,配以特定的北歐色調如淡藍、淺灰、原木色和淡粉。排版應極度克制且有序,使用大量留白,但與極簡主義不同,應加入溫暖質感。字體選擇無襯線幾何字體如Futura或Circular,字重輕盈。裝飾元素應極少但精心選擇,可使用簡單幾何圖案如三角形和線條,參考馬勒維奇的構成主義。圖像應明亮、簡潔且自然。整體設計應呈現出清爽、實用且溫暖的北歐特質,平衡美學與功能性,參考Kinfolk雜志和丹麥設計品牌HAY的產品美學。
6. 藝術裝飾風格 (Art Deco)
采用藝術裝飾風格設計,重現1920-30年代的奢華與幾何美學。必須使用黑金配色方案,金色應為真實金屬色#D4AF37而非黃色。排版應嚴格對稱,使用裝飾性強的字體,特別是幾何感強烈的字體如Broadway或現代變體。裝飾元素是關鍵,必須包含扇形放射紋、鋸齒形、幾何圖案和對稱花紋。邊框應華麗且具結構性,角落處理需特別精致。可添加仿金箔和大理石紋理增強奢華感。整體設計應呈現出大膽、奢華且充滿時代特色的視覺效果,仿佛來自爵士時代的紐約或巴黎,參考克萊斯勒大廈和《了不起的蓋茨比》電影海報的視覺語言。
7. 日式極簡風格 (Japanese Minimalism)
采用日式極簡風格設計,體現"侘寂"(Wabi-Sabi)美學——接受不完美、無常與不完整的哲學。使用極度克制的色彩,主要為白、灰、黑和淡墨色。留白(Ma)是核心元素,至少70%的設計應為空白,創造寧靜感。排版應非對稱且垂直,可使用垂直書寫模式,體現日本傳統排版。字體應極度簡約,筆畫輕盈。裝飾元素幾乎為零,但可添加一處墨跡、簡單印章或單一線條作為點睛之筆。整體設計應呈現出深度寧靜、精致且富有禪意的視覺體驗,仿佛一頁來自京都寺院的書頁,參考原研哉的MUJI設計理念和日本傳統水墨畫的留白美學。
8. 後現代解構風格 (Postmodern Deconstruction)
采用後現代解構風格設計,徹底打破傳統設計規則和網格系統。排版應故意不規則且混亂,使用多種字體、大小和方向,文字可重疊、傾斜或被切割。必須使用不和諧的色彩組合,打破傳統配色規則。圖形元素應包含隨機幾何形狀、不完整圖形和故意扭曲的元素。層次感通過混亂中的秩序創造,可使用碎片化圖像和拼貼效果。裝飾元素應看似隨意但精心安排,如手繪線條、塗鴉和覆印機錯誤效果。整體設計應挑戰視覺常規,創造一種有控制的混亂美學,參考David Carson的Ray Gun雜志設計和Wolfgang Weingart的實驗性排版作品。
9. 朋克風格 (Punk)
采用朋克風格設計,體現DIY精神和反叛文化。必須使用粗糙、手工制作的視覺效果,如剪貼報紙、覆印機扭曲和膠帶痕跡。色彩應高對比且原始,主要使用黑、白、紅色,可添加熒光色點綴。排版必須粗暴且不規則,使用手寫、噴漆或剪貼字體,文字可被切割或部分遮擋。裝飾元素應包含安全別針、膠帶、污漬和撕裂效果。圖像應使用高對比度、粗顆粒處理,模擬劣質印刷。必須添加隨機元素如塗鴉、X標記和感嘆號。整體設計應呈現出原始、粗糙且充滿能量的視覺沖擊,仿佛一張來自70-80年代倫敦或紐約地下場景的傳單,參考Sex Pistols的專輯封面和早期朋克雜志。
10. 英倫搖滾風格 (British Rock)
采用英倫搖滾風格設計,融合英國傳統元素與反叛搖滾美學。色彩應使用英國國旗色系(紅、白、藍)或覆古棕色調,可添加做舊效果。排版應混合經典與現代,使用襯線字體與手寫字體的組合,標題可使用哥特式或維多利亞風格字體。裝飾元素應包含英國符號的現代演繹,如Union Jack圖案、皇家紋章或倫敦地標的抽象表現。圖像應使用覆古濾鏡,模擬老式膠片效果。可添加唱片、吉他或音符等音樂元素作為點綴。整體設計應呈現出典雅中帶有叛逆、傳統中融入現代的獨特英倫風格,參考Oasis、The Beatles專輯封面和NME雜志的視覺語言。
11. 黑金屬風格 (Black Metal)
采用黑金屬風格設計,體現極致黑暗美學和神秘主義。背景必須為純黑或極深灰度,創造壓抑氛圍。排版應使用古老、難以辨認的哥特式字體或鋒利的幾何字體,文字可扭曲或被符號幹擾。裝飾元素必須包含神秘符號、倒五角星、古代符文和神秘學圖案。圖像應高度對比且單色,可添加噪點和劃痕增強原始感。邊框應使用中世紀風格或神秘學幾何圖案。可添加微妙的閃爍效果模擬燭光。整體設計應呈現出神秘、冷酷且具儀式感的視覺體驗,仿佛一本古老的神秘學典籍或挪威黑金屬樂隊的專輯封面,參考Darkthrone和Mayhem的視覺風格以及中世紀魔法書的排版。
12. 孟菲斯風格 (Memphis Design)
采用孟菲斯風格設計,重現80年代意大利設計運動的前衛美學。必須使用鮮艷且不協調的色彩組合,如亮粉、青綠、鮮黃和橙色。幾何形狀是核心元素,應大量使用不規則圖形、鋸齒形、波浪線和彩色網格。排版應活潑且不拘一格,使用幾何感強的無襯線字體,可添加陰影或3D效果。裝飾元素應包含孟菲斯標志性的彩色條紋、圓點、Z字形和任意形狀的色塊。圖像可使用幾何框架或被幾何形狀切割。整體設計應呈現出誇張、活潑且反傳統的視覺沖擊,仿佛來自80年代的未來主義想象,參考Ettore Sottsass的作品和《拯救大兵瑞恩》片頭的視覺風格。
13. 賽博朋克風格 (Cyberpunk)
采用賽博朋克風格設計,體現"高科技,低生活"的反烏托邦美學。背景必須為深色(黑色或深藍),配以霓虹色彩如熒光粉、電子藍和酸性綠,創造夜間都市氛圍。排版應模擬故障效果,使用像素化字體或未來感等寬字體,添加字符錯位、掃描線和數字噪點。裝飾元素必須包含科技界面、數據流、電路板圖案和全息投影效果。必須添加故障藝術(Glitch Art)效果如RGB分離、數據損壞和畫面撕裂。圖像應高對比且添加霓虹光效,模擬雨夜霓虹燈反射。整體設計應呈現出未來主義與覆古科技的混搭,營造一種數字化衰敗的氛圍,參考《銀翼殺手》、《神經漫遊者》和《賽博朋克2077》的視覺語言。
14. 波普藝術風格 (Pop Art)
采用波普藝術風格設計,重現60年代藝術運動的大膽美學。必須使用亮麗原色(紅、黃、藍)和黑色輪廓線,色彩應平面且不含漸變。排版應大膽且戲劇化,使用漫畫風格字體和誇張的感嘆詞,文字可放置在對話氣泡中。圖像處理是關鍵,應使用半調網點(Halftone)效果模擬印刷,將圖像簡化為點陣和色塊。裝飾元素應包含漫畫風格的線條、爆炸形狀和擬聲詞。可使用重覆圖案和網格排列增強視覺沖擊。整體設計應呈現出鮮明、直接且充滿流行文化引用的視覺效果,仿佛一頁來自60年代漫畫或安迪·沃霍爾的藝術作品,參考Roy Lichtenstein的繪畫和經典漫畫書的視覺語言。
15. 瑞士國際主義風格的解構版 (Deconstructed Swiss Style)
采用瑞士國際主義風格的解構版設計,在嚴格網格系統的基礎上進行有意識的破壞和重組。排版應基於經典瑞士網格,但故意打破和扭曲,文字可越過欄格、重疊或被切割。色彩應保持瑞士風格的克制,主要使用黑白,但可添加一兩種鮮艷原色作為點綴。字體必須使用無襯線幾何字體如Helvetica或Akzidenz-Grotesk,但可通過極端的字重、間距和大小變化創造張力。圖像應高對比且可被解構或重組。裝飾元素幾乎為零,但可使用解構的網格線和參考點。整體設計應呈現出理性與叛逆並存的視覺效果,像是經典瑞士設計被有意識地挑戰和重新詮釋,參考Wolfgang Weingart和April Greiman的實驗性作品。
16. 蒸汽波美學 (Vaporwave Aesthetics)
采用蒸汽波美學設計,體現互聯網亞文化的懷舊未來主義。色彩必須使用特定的漸變組合,主要為粉紫色到青藍色,創造黃昏或霓虹效果。排版應混合英文和日文/中文字符,使用80-90年代風格的襯線字體或早期數字字體,可添加陰影和輝光效果。裝飾元素是關鍵,必須包含以下至少三種:羅馬柱、棕櫚樹、格子地面、早期3D渲染、古典雕塑、日落、老式電腦界面。背景應使用網格線或星空。圖像處理應添加VHS效果、掃描線和輕微失真。整體設計應呈現出一種超現實、夢幻且懷舊的數字美學,仿佛來自平行宇宙的90年代互聯網,參考Floral Shoppe專輯封面和Windows 95界面元素的後現代重組。
17. 新表現主義風格 (Neo-Expressionism)
采用新表現主義風格設計,體現80年代藝術運動的原始能量和情感表達。色彩應強烈且不協調,使用原始、未經調和的色彩組合,可包含潑濺和塗抹效果。排版應富有表現力且不規則,使用手寫或筆刷字體,文字可被部分遮擋或融入背景。線條必須粗獷且富有動感,展現明顯的筆觸和手工感。圖像應被重新詮釋,可添加塗鴉、劃痕或重繪效果。裝飾元素應看似隨意但富有象征性,如原始符號、面具圖案或抽象人物。整體設計應呈現出強烈的情感張力和原始能量,仿佛一幅由情感驅動的表現主義畫作,參考Jean-Michel Basquiat和Georg Baselitz的作品風格。
18. 極簡主義的極端版本 (Extreme Minimalism)
采用極簡主義的極端版本設計,將"少即是多"的理念推向極致。留白必須占據至少90%的設計空間,創造極度的空曠感。色彩應限制在黑、白、灰三色,可添加一種極其微妙的強調色。排版應極度精簡,每個元素的位置必須精確到像素級別,使用極細字重的無襯線字體,字號可極小但必須保持可讀性。裝飾元素完全消除,僅保留極細的分隔線或幾何點。圖像如必須使用,應被簡化為最基本的線條或輪廓。整體設計應呈現出一種近乎禪意的純粹和克制,讓每個元素都具有絕對的必要性和目的性,參考John Pawson的建築設計和Kenya Hara的平面設計作品。
19. 新未來主義 (Neo-Futurism)
采用新未來主義風格設計,體現當代建築和產品設計中的前沿美學。形態應強調流線型曲線和有機幾何形狀,避免直角和靜態形式。色彩應使用金屬色調如銀色、鈦白和鉻黃,配以一兩種高飽和度的強調色。材質表現是關鍵,應模擬高科技材料如拉絲金屬、碳纖維和磨砂玻璃。排版應動態且流暢,使用現代無襯線字體,可沿曲線排列或呈放射狀。裝飾元素應包含參數化生成的圖案、流體動力學形態和仿生學結構。整體設計應呈現出高度發達的技術美學和動態感,仿佛來自近未來的高端產品,參考紮哈·哈迪德的建築、特斯拉Cybertruck和Apple產品的設計語言。
20. 超現實主義數字拼貼 (Surrealist Digital Collage)
采用超現實主義數字拼貼風格設計,創造夢境般的視覺敘事。圖像處理是核心,應組合不相關元素創造意外聯系,如古典雕塑與現代電子產品、自然元素與幾何形狀。比例應故意失調,創造視覺張力。色彩可使用夢幻般的組合,如暖日落色調或冷月光色調,添加輕微的色偏。排版應融入拼貼中,文字可環繞物體、穿過圖像或成為構圖的一部分。裝飾元素應包含超現實符號如懸浮物體、不可能的建築、變形的人物或動物。可添加微妙的陰影和光效增強立體感。整體設計應呈現出一種介於現實與夢境之間的視覺體驗,引發觀者的想象和潛意識聯想,參考René Magritte的繪畫和現代數字藝術家如Justin Peters的作品。
21. 新巴洛克數字風格 (Neo-Baroque Digital)
采用新巴洛克數字風格設計,將17世紀的華麗美學重新詮釋為數字形式。裝飾是核心元素,應使用極其豐富的數字化巴洛克花紋、卷軸和浮雕效果,每個角落都應有精致細節。色彩應奢華且戲劇性,主要使用金色、深紅、皇家藍和黑色,可添加金屬光澤和漸變效果。排版應華麗且層次豐富,使用裝飾性強的襯線字體,可添加花體字母和裝飾性首字母。圖像應添加華麗框架和裝飾性邊緣。光影效果是關鍵,應創造強烈的明暗對比,模擬巴洛克繪畫的戲劇性光效。整體設計應呈現出極度奢華、覆雜且充滿戲劇性的視覺體驗,仿佛數字時代的凡爾賽宮,參考巴洛克藝術大師如魯本斯的作品和現代奢侈品牌的視覺語言。
22. 液態數字形態主義 (Liquid Digital Morphism)
采用液態數字形態主義風格設計,結合流體動力學與數字藝術創造超前衛視覺體驗。背景必須使用高級流體漸變,如紫羅蘭到深藍的流動過渡,並添加半透明的液態氣泡或波浪形態。排版應具有流動感,文字可沿著液體路徑排列或被液態效果部分包裹。裝飾元素應模擬液體物理特性,如水滴、波紋或流體飛濺。色彩應使用夢幻般的液態漸變,如霓虹紫到電子藍。必須添加微妙的動態效果,元素間的轉換如同液體融合,文字可有輕微的波動或流動效果。圖像應添加液態邊框或流體遮罩。整體設計應呈現出一種超現實且高度未來感的流動視覺體驗,仿佛界面本身是液態的,參考Björk的數字專輯視覺和Apple最新的流體動畫設計語言。
23. 超感官極簡主義 (Hypersensory Minimalism)
采用超感官極簡主義風格設計,將極簡美學推向感官極限。表面上看似極簡,但通過微妙的紋理、觸覺暗示和動態響應創造深層次感官體驗。背景必須使用純白或極淺灰,但添加幾乎不可見的紋理變化,只有在光線變化或視角移動時才能察覺。排版應精確到像素級別,使用極細字重的無襯線字體,文字間距和行高必須遵循嚴格的數學比例。色彩應使用近似色調的細微變化,如不同程度的灰白或極淡的單色調,創造需要仔細觀察才能發現的層次感。裝飾元素應極少且極其微妙,如幾乎不可見的線條或點。必須添加微妙的交互響應,如懸停時的輕微透明度變化或極其緩慢的顏色過渡。整體設計應呈現出一種"安靜但深刻"的視覺體驗,參考日本建築師安藤忠雄的作品和蘋果設計團隊Jonathan Ive的產品美學。
24. 新表現主義數據可視化 (Neo-Expressionist Data Visualization)
采用新表現主義數據可視化風格設計,將抽象表現主義藝術與數據可視化完美融合。必須使用看似隨意的筆觸、潑濺和塗抹效果,但實際上是由精確數據驅動生成的可視化圖表。背景應使用白色或淺色,但添加微妙的紋理和抽象筆觸。排版應融入數據可視化中,文字可成為數據表達的一部分,使用不同字重和大小表示數值變化。色彩應使用鮮明且情感化的組合,如藍色、紅色、黃色等原色,但每種顏色都應對應特定數據類別。圖表元素如條形、線條或點應具有手繪質感,展現明顯的筆觸和不規則邊緣。整體設計應在混沌中呈現秩序,在抽象中傳達精確信息,參考Giorgia Lupi的"數據人文主義"作品和Bloomberg Businessweek的實驗性數據頁面。
25. 維多利亞風格 (Victorian Style)
采用維多利亞風格設計,重現19世紀英國維多利亞時期的華麗印刷美學。背景必須使用米色或淡黃色紙張質感,配以棕色、深紅和金色等傳統印刷色調。邊框是核心元素,應使用繁覆的裝飾花紋和卷草圖案環繞整個設計,角落處需添加精致的裝飾性圖案。排版應嚴格對稱且莊重,標題使用華麗的襯線字體或哥特式字體,並添加裝飾性首字母。必須使用傳統的分隔線、花飾和維多利亞時期的裝飾符號。圖像應添加精致的裝飾性框架,可使用橢圓形或方形邊框配以繁覆圖案。色彩應模擬老式印刷效果,添加微妙的做舊紋理和褪色效果。文字排版應遵循傳統書籍設計原則,段落首行縮進,引用文字使用斜體並添加裝飾性引號。整體設計應呈現出典雅、華麗且富有歷史感的視覺效果,仿佛一頁來自19世紀精裝書籍或雜志的印刷品,參考William Morris的裝飾圖案設計和《潘趣》(Punch)雜志的版面設計。
26. 包豪斯風格 (Bauhaus)
采用包豪斯風格設計,體現20世紀早期德國包豪斯學校的功能主義美學。必須使用基本幾何形狀作為核心設計元素,如方形、圓形和三角形,保持形狀的純粹性。色彩應限制在基本原色——紅、黃、藍,配以黑白灰,不使用過渡色或漸變。排版應清晰且理性,使用無襯線字體如Futura或Helvetica,文字排列需遵循嚴格的網格系統,強調水平和垂直線條。標題應大膽且直接,可使用全大寫字母增強視覺沖擊力。裝飾元素應完全服務於功能,避免純粹裝飾性的圖案。圖像處理應簡潔且具有幾何感,可使用高對比度的攝影或簡化的圖形。必須體現"形式服從功能"的設計理念,每個元素都應有明確目的。整體設計應呈現出理性、前衛且具有工業美感的視覺效果,仿佛一頁來自1920年代包豪斯學校的教材或海報,參考拉斯洛·莫霍利-納吉(László Moholy-Nagy)的排版設計和赫伯特·拜耶(Herbert Bayer)的海報作品。
27. 構成主義風格 (Constructivism)
采用構成主義風格設計,體現20世紀早期俄國前衛藝術運動的革命性美學。必須使用大膽的幾何形狀和對角線元素創造動態張力,強調結構與構成。色彩應限制在紅、黑兩色為主,可輔以少量白色或灰色,體現革命色彩。排版是關鍵元素,文字應成為設計的一部分而非簡單的內容載體,可使用不同大小、粗細和方向的文字創造視覺層次,標題應大膽且具沖擊力,可斜向排列或分割成多行。必須使用幾何形狀如三角形、圓形、直線和對角線作為主要視覺元素,這些元素應相互重疊和交織。照片或圖像應使用銳利的對比度和幾何化處理,可使用照片蒙太奇技術。整體構圖應不對稱且充滿張力,仿佛元素間存在力的相互作用。可添加工業元素如齒輪、工廠或機械部件的抽象表現。整體設計應呈現出前衛、動態且具有政治宣傳性質的視覺效果,參考亞歷山大·羅德琴科(Alexander Rodchenko)和埃爾·利西茨基(El Lissitzky)的海報設計,體現"藝術進入生活"的設計理念。
28. 孟菲斯風格 (Memphis Design)
采用孟菲斯風格設計,重現1980年代意大利孟菲斯設計小組的前衛美學。必須使用鮮艷且不協調的色彩組合,如亮粉、青綠、鮮黃和橙色,創造故意的視覺沖突。幾何形狀是核心元素,應大量使用不規則圖形、鋸齒形、波浪線和彩色網格,這些形狀應隨意排列且看似不遵循傳統設計規則。紋理對比很重要,應混合使用點狀圖案、條紋和幾何網格。排版應活潑且不拘一格,使用幾何感強的無襯線字體,可添加陰影或3D效果增強視覺沖擊力。裝飾元素應包含孟菲斯標志性的彩色條紋、圓點、Z字形和任意形狀的色塊。必須打破傳統的網格系統,元素可自由浮動且看似隨意放置。可添加1980年代流行文化元素如霓虹燈、電視機或卡帶的抽象表現。整體設計應呈現出誇張、活潑且反傳統的視覺沖擊,仿佛來自80年代的未來主義想象,參考埃托雷·索特薩斯(Ettore Sottsass)的作品和MTV早期的視覺風格,體現"反功能主義"的設計理念。
29. 德國表現主義風格 (German Expressionism)
采用德國表現主義風格設計,體現20世紀初期德國表現主義運動的強烈情感表達。背景應使用深色調如深藍、黑色或暗紅色,創造戲劇性氛圍。必須使用強烈的明暗對比和扭曲變形的形態,線條應銳利且富有動感,呈現出內在情緒的外化。排版應不規則且具表現力,文字可呈現傾斜或不穩定感,標題應使用粗獷、銳利的哥特式字體或手寫風格字體。色彩應強烈且具象征性,偏好使用黑色、深紅、黃色和深綠等高對比度組合。圖像處理應添加木刻版畫效果,強調粗獷的線條和誇張的明暗對比。陰影是關鍵元素,應使用長而尖銳的投影創造緊張感和不安氛圍。可添加象征性元素如尖塔、扭曲的人物剪影或鋸齒狀山脈。整體設計應呈現出強烈的情感張力和心理深度,仿佛一頁來自德國表現主義電影《卡里加里博士的小屋》的場景設計或卡爾·施密特-羅特盧夫(Karl Schmidt-Rottluff)的木刻版畫,體現"情感真實大於形式真實"的藝術理念。
**每種風格都應包含以下元素,但視覺表現各不相同:**
* 日期區域:以各風格特有的方式呈現當前日期
* 標題和副標題:根據風格調整字體、大小、排版方式
* 引用區塊:設計獨特的引用樣式,體現風格特點
* 核心要點列表:以符合風格的方式呈現列表內容
* 編輯筆記/小貼士:設計成符合風格的邊欄或注釋
**技術規範:**
* 使用HTML5、Font Awesome、Tailwind CSS和必要的JavaScript
* Font Awesome: [https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css](https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css)
* Tailwind CSS: [https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css](https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css)
* 中文字體: [https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap](https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap)
* 可考慮添加微妙的動效,如頁面載入時的淡入效果或微妙的懸停反饋
* 確保代碼簡潔高效,注重性能和可維護性
* 使用CSS變量管理顏色和間距,便於風格統一
* 對於液態數字形態主義風格,必須添加流體動態效果和漸變過渡
* 對於超感官極簡主義風格,必須精確控制每個像素和微妙的交互反饋
* 對於新表現主義數據可視化風格,必須將數據以視覺化方式融入設計
**輸出要求:**
* 提供一個完整的HTML文件,包含所有設計風格的卡片
* 確保風格共享相同的內容,但視覺表現完全不同
* 代碼應當優雅且符合最佳實踐,CSS應體現出對細節的極致追求
* 設計的寬度為440px,高度不超過1280px
* 對主題內容進行抽象提煉,只顯示列點或最核心句引用,讓人閱讀有收獲感
* 永遠用中文輸出,裝飾元素可用法語、英語等其他語言顯得有逼格
請以國際頂尖雜志藝術總監的眼光和審美標準,創造風格迥異但同樣令人驚艷的數字雜志式卡片,讓用戶感受到"這不是普通的信息卡片,而是一件可收藏的數字藝術品"。
待處理內容:
日期:2025-03-25
主題:[請寫入你的文字內容]
另一位開發者寫了一個網頁能直接輸入內容,產生知識卡片: