我使用 Claude 在不到一個小時的時間內建立了 9 個網站。

像 ChatGPT、Gemini 和 Cloud 這樣的聊天機器人讓編寫程式碼變得前所未有的簡單,即使你沒有任何程式設計經驗。這要歸功於所謂的… “根據建議編寫程式碼”使用者可以 建立網站 只需幾分鐘,甚至只需發出一個簡單的命令即可開發實際應用。

我用 Claude 在不到一小時內搭建了 9 個網站:一份全面的操作指南 | Tom's Guide

我自己嘗試過“根據提示編寫程式碼”,最近發現使用訂閱服務,一次會話最多可以創建五個網站。 克勞德 它是免費的。之後,您需要等待五個小時才能再次使用該服務或升級到雲端專業版。

我測試過 克勞德 不到一個小時,我就搭建了九個獨一無二的網站。以下是成果。

1. 復古街機遊戲著陸頁

截屏宣稱:「這款復古街機遊戲網站採用霓虹燈風格、像素字體、鮮豔的動畫背景和三個大型發光按鈕,營造出一種仿‘經典遊戲’的氛圍。當滑鼠懸停在按鈕上時,還會發出音效。”

這個復古街機風格的網站,霓虹燈設計,完美營造出80年代街機廳的氛圍。像素藝術令人賞心悅目,每個按鈕都有專屬的互動音效。發光的角落裝飾和微妙的故障藝術效果,正是我夢寐以求的設計:響應式佈局、支援鍵盤操作,並且能夠與真正的遊戲完美相容。總而言之,這個網站讓你感覺彷彿置身於經典的街機廳。

2. 簡易食譜博客

截屏

宣稱:「為食譜部落格設計一個簡潔的主頁,採用純白色背景、優雅的襯線字體,以及由三張食譜卡組成的網格佈局。每張卡片應包含一張圖片、食譜標題以及滾動顯示食材的效果。請確保其適配移動設備。”

這是一個簡潔時尚的食譜部落格首頁。其行動友善設計提供便利的觸控交互,點擊即可展開內容,非常適合行動裝置使用。字體和間距在各種螢幕尺寸上都呈現良好的視覺效果。

該設計在簡潔的功能性和精緻的字體排版之間取得了完美的平衡。諸如元素間交織的動畫等獨特細節,將整個頁面巧妙地融合在一起,賦予其卓越而引人入勝的魅力。

3. 一個受科幻小說啟發的新創公司頁面

克勞德網站的截圖

宣稱: 為一家虛構的太空採礦公司設計一個未來感十足的單頁網站。網站應包含全螢幕動畫星空背景、醒目的金屬質感文字公司使命宣言,以及一艘緩緩飛過螢幕的動畫飛船。此外,還需增加行動號召按鈕:「加入艦隊」。

從 80 年代的街機遊戲到科幻電影,這個網站以繁星點點的背景鋪滿整個螢幕,閃爍的星星、飛馳的彗星和漂浮的太空粒子交相輝映,一艘可愛的太空船在螢幕上穿梭。醒目的金屬質感印刷、光澤的表面處理和閃爍的按鈕,更增添了探索的樂趣。

滑鼠特效、鍵盤導航和視差滾動等互動元素真正讓使用者體驗栩栩如生。 克勞德 工作出色,注重細節。

4. 兒童故事網站

網站截圖

宣稱: 「為兒童故事書設計一個有趣且色彩繽紛的網站。使用醒目的大字體、動物插圖,以及一個可以翻閱三個短篇故事‘頁面’的按鈕,並配以簡單的動畫效果。網站背景顏色要隨著頁面的翻動而變化。”

克勞德創建了一個精彩絕倫的網站,充滿了奇幻的魔力。故事講述了三隻動物——一隻名叫菲利克斯的狐狸、一隻名叫佩妮的熊和一隻名叫貝拉的蝴蝶——在三個互動頁面上展開的繽紛冒險。

網站的每個頁面都採用了活潑的背景漸變色、生動的動物表情符號和流暢的翻頁動畫,所有這些都讓它感覺像是一本真正的互動書籍。字體清晰明快,動畫細節引人入勝,總而言之,這個網站對年輕讀者很有吸引力,尤其是那些習慣於長時間面對螢幕的孩子。

5. 互動式數據儀表板

克勞德網站的截圖

宣稱:“使用虛擬數據創建一個現代化的深色主題數據儀表板,其中包含交互式圖表。儀表板應包含側邊欄、頂部實時時鐘以及三種圖表:柱狀圖、折線圖和餅圖。添加懸停效果和各部分之間的平滑過渡。”

我決定將這個網站作為商業案例研究。深色主題的控制面板包含了我在需求中提出的所有功能,包括一個簡潔流暢的側邊欄。響應式設計在桌面和行動裝置上都能完美運行,並包含四個主要部分,切換過渡自然。

我喜歡頁面頂部的即時時鐘,互動式圖表也是很棒的附加功能。我很欣賞它的添加方式。 克勞德 我用的是假數據,這樣才能真正看到顯示效果。

6.禪修花園位置

克勞德網站的截圖

宣稱: 「創建一個簡單的單頁冥想網站,背景採用柔和的漸變色,底部有動畫流水,屏幕上緩緩飄落著櫻花花瓣。網站包含一個醒目的“開始冥想”按鈕,點擊後播放舒緩的背景音樂,並淡出顯示一句勵志名言。”

我對這個網站的效果非常滿意。柔和的漸變背景,例如桃色、粉紅色、珊瑚色和紫色,非常醒目,有助於營造平靜和提神醒腦的氛圍。網站營造出一種真正寧靜祥和的氛圍,非常適合冥想。

7. 網路銀行市場

克勞德網站的截圖

宣稱: 「創建一個以霓虹賽博朋克世界為靈感的網站,展現一個未來主義的街頭市場。滑鼠懸停時使用故障藝術效果,搭配閃爍的霓虹燈招牌和動畫全息風格的菜單。每個產品卡片在滑鼠懸停時都會亮起,並配有簡短的合成波音效。添加循環播放的雨滴動畫,營造令人興奮的氛圍。」

網站最突出的特點是其氛圍營造效果。從反覆出現的雨滴動畫和閃爍的霓虹燈到動態網格背景,該網站在視覺上極具吸引力。

三種不同的合成器音效和互動式按鈕使這個網站既用戶友好又引人入勝。如果沒有[其他人/機構的幫助],我不可能獨自完成這些功能的程式設計。 克勞德 經過一番努力,該網站以流暢的動畫、原創的合成波音樂和沈浸式的視覺效果,完美地捕捉到了霓虹閃爍的賽博朋克街頭市場的那種冷酷氛圍。

8. 虛構的任務日記

克勞德網站的截圖

宣稱:「設計一個以古代手稿為靈感的奇幻冒險網站。讓羽毛筆指針發光,移動時留下閃光;側邊導航欄看起來像一本中世紀的魔法書;還要有一個頁面,用戶可以通過點擊找到的圖標來‘收集’三個魔法物品,這些圖標在找到物品時會移動。”

這個例子證明了 克勞德 它能輕鬆駕馭充滿奇思妙想的設計。當你瀏覽網站時,閃閃發光的羽毛筆指針會留下閃爍的痕跡;導航選單則像一本中世紀的魔法書一樣展開,擁有皮革裝幀和動態懸停效果。

網站的主要內容以莎草紙捲軸為載體,飾以古老的圖案和華麗的中世紀印刷品,賦予網站一種古樸典雅的魅力。憑藉其響應式設計、互動光效和互動成就,每一次點擊都充滿了神奇的古老韻味。

9. 領養一隻卡通寵物

克勞德創建的網站截圖

宣稱: 「創建一個有趣的互動網站,訪客可以在這裡『領養』卡通寵物(貓、狗或龍)。每隻寵物在待機狀態下都應該有動畫,點擊時會有反應(呼嚕聲、搖尾巴、噴火),還可以通過拖拽食物圖標來‘餵食’。添加歡快的背景音樂,並提供靜音選項。」

我創建了一個互動式寵物領養網站,既有趣又吸引人。每隻寵物都有自己獨特的卡通形象和有趣的個性。而且使用起來也很方便。 克勞德 拉扯食物餵牠們,看著它們的幸福值上升,解鎖從呼嚕聲到噴火咆哮等各種令人愉悅的反應。

此外,網站還配有一段朗朗上口、循環播放的旋律,有助於營造氛圍。網站採用響應式設計,觸控操作便捷,顯然旨在提供有趣、感人且互動性強的體驗。

評論被關閉。