image.png

##使用情境:提供兩張手機版的圖像配合”簡單的指令”,無與AI討論溝通直接生成結果。 ##需求:  1. UI style guide整理  2. 生成RWD頁面”HTML” ##花費:4點 ##耗時:3-5分鐘


##產出結果- UI style guide

image.png

##產出結果-RWD Layout

image.png

感想與回饋: UI style guide:3.5/5 .基本使用智慧型物件,無自行元件化,如版面中有元件化物件會使用該元件排版。 .可取其版型,分類類型以及基本樣式設定,可節省許多自己排版與設定的時間。 .進階互動式的元件流於表面型式,細節需要自己調整。 .時效評估:人工作業約莫1~2小時(排版),       AI作業約莫花費15-30分鐘(整理檢查)。

RWD layout:2.0/5 .因指令較為簡單,且示意圖也是隨意找的測試圖片;故版面配置流於表面,  但應可作為基本參數的參考(如heder高,sideebar寬),RWD流式的細節建議自行規劃。