iT邦幫忙

2025 iThome 鐵人賽

DAY 6
0

説了這麽多天的介紹以及理論,今天就開始使用Stitch吧~

那我這次主要報名的主題是modern web,所以主要是會圍繞與網頁版本的哦。

那首先需要先下提示詞,我自己個人覺得旅游網頁是最容易去體現一個網頁的美觀的。

https://ithelp.ithome.com.tw/upload/images/20250920/20168629H3O0sP9dr0.png

之後它設計了一個

https://ithelp.ithome.com.tw/upload/images/20250920/20168629jzdkCRxv0F.png

可以注意的是在你的聊天框裏面是不是有一個按鈕樣式的提示詞,那是他推薦的可以參考或者繼續自己想要增加的東西就可以了。

還有一個亮點是,在上方有一個三個小點的按鈕,點擊后會出現下面圖片的樣子,而那個亮點是 Download Design的特點

https://ithelp.ithome.com.tw/upload/images/20250920/201686294pCrNntKPg.png

在下載后分別有兩個檔案,是html以及png這可以讓你直接編輯程式碼已經把頁面開起來。

https://ithelp.ithome.com.tw/upload/images/20250920/201686293US4EDXfxU.png

https://ithelp.ithome.com.tw/upload/images/20250920/20168629vO3iY0C227.png

而且可以看出來是跟stitch裏面的頁面一樣的,但他的頁面沒有設計rwd所以基本所有都是維持原型的。

并且,值得注意的是stitch每次生成都只會生成單一頁面,也就是說當你要設計一個完整的網站的話就需要下不同的提示詞讓它幫你設計每一個頁面。(我自己覺得這是缺點...

那今天就説到這裏啦~ 我們明天見


上一篇
day 5
下一篇
day 7
系列文
玩Switch 2 不如 玩Stitch Lab:用 Stitch 加速你的網頁開發7
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言