nobody/wireframe_album.excalidraw

{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "rectangle", "id": "phone", "x": 50, "y": 30, "width": 360, "height": 780, "roundness": null, "backgroundColor": "transparent", "fillStyle": "solid", "strokeColor": "#868e91", "strokeWidth": 3, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_phone", "type": "text"}]}, {"type": "rectangle", "id": "nav", "x": 55, "y": 35, "width": 350, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_nav", "type": "text"}]}, {"type": "text", "id": "t_nav", "x": 65, "y": 50.0, "width": 330, "height": 25, "text": "< 相簿", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "nav", "originalText": "< 相簿", "autoResize": true}, {"type": "rectangle", "id": "album_cover", "x": 60, "y": 100, "width": 340, "height": 180, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_album_cover", "type": "text"}]}, {"type": "text", "id": "t_album_cover", "x": 70, "y": 180.0, "width": 320, "height": 25, "text": "日本行 2026\n32張照片", "fontSize": 20, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "album_cover", "originalText": "日本行 2026\n32張照片", "autoResize": true}, {"type": "text", "id": "album_desc", "x": 70, "y": 300, "text": "京都賞櫻之旅，四天三夜", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "京都賞櫻之旅，四天三夜", "autoResize": true, "width": 84.7, "height": 19}, {"type": "rectangle", "id": "thumb_0", "x": 60, "y": 340, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_0", "type": "text"}]}, {"type": "text", "id": "t_thumb_0", "x": 70, "y": 375.0, "width": 140, "height": 25, "text": "照片1", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_0", "originalText": "照片1", "autoResize": true}, {"type": "rectangle", "id": "thumb_1", "x": 235, "y": 340, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_1", "type": "text"}]}, {"type": "text", "id": "t_thumb_1", "x": 245, "y": 375.0, "width": 140, "height": 25, "text": "照片2", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_1", "originalText": "照片2", "autoResize": true}, {"type": "rectangle", "id": "thumb_2", "x": 60, "y": 440, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_2", "type": "text"}]}, {"type": "text", "id": "t_thumb_2", "x": 70, "y": 475.0, "width": 140, "height": 25, "text": "照片3", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_2", "originalText": "照片3", "autoResize": true}, {"type": "rectangle", "id": "thumb_3", "x": 235, "y": 440, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_3", "type": "text"}]}, {"type": "text", "id": "t_thumb_3", "x": 245, "y": 475.0, "width": 140, "height": 25, "text": "照片4", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_3", "originalText": "照片4", "autoResize": true}, {"type": "rectangle", "id": "thumb_4", "x": 60, "y": 540, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_4", "type": "text"}]}, {"type": "text", "id": "t_thumb_4", "x": 70, "y": 575.0, "width": 140, "height": 25, "text": "照片5", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_4", "originalText": "照片5", "autoResize": true}, {"type": "rectangle", "id": "thumb_5", "x": 235, "y": 540, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_5", "type": "text"}]}, {"type": "text", "id": "t_thumb_5", "x": 245, "y": 575.0, "width": 140, "height": 25, "text": "照片6", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_5", "originalText": "照片6", "autoResize": true}, {"type": "rectangle", "id": "btn_upload", "x": 60, "y": 740, "width": 165.0, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_btn_upload", "type": "text"}]}, {"type": "text", "id": "t_btn_upload", "x": 70, "y": 755.0, "width": 145.0, "height": 25, "text": "+ 上傳照片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "btn_upload", "originalText": "+ 上傳照片", "autoResize": true}, {"type": "rectangle", "id": "btn_setting", "x": 235.0, "y": 740, "width": 165.0, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_btn_setting", "type": "text"}]}, {"type": "text", "id": "t_btn_setting", "x": 245.0, "y": 755.0, "width": 145.0, "height": 25, "text": "相簿設定", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "btn_setting", "originalText": "相簿設定", "autoResize": true}, {"type": "text", "id": "title", "x": 480, "y": 30, "text": "相簿頁 — 規格標註", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "相簿頁 — 規格標註", "autoResize": true, "width": 132.0, "height": 29}, {"type": "rectangle", "id": "sp_0", "x": 480, "y": 80, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_0", "type": "text"}]}, {"type": "text", "id": "sp_t_0", "x": 490, "y": 88, "text": "[1] 導航列", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[1] 導航列", "autoResize": true, "width": 61.60000000000001, "height": 21}, {"type": "text", "id": "sp_d_0", "x": 490, "y": 112, "text": "返回首頁\n相簿名稱標題", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "返回首頁\n相簿名稱標題", "autoResize": true, "width": 84.7, "height": 19}, {"type": "rectangle", "id": "sp_1", "x": 480, "y": 170, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_1", "type": "text"}]}, {"type": "text", "id": "sp_t_1", "x": 490, "y": 178, "text": "[2] 相簿封面", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[2] 相簿封面", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_1", "x": 490, "y": 202, "text": "大圖模式\n相簿名+照片數量", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "大圖模式\n相簿名+照片數量", "autoResize": true, "width": 100.10000000000001, "height": 19}, {"type": "rectangle", "id": "sp_2", "x": 480, "y": 260, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_2", "type": "text"}]}, {"type": "text", "id": "sp_t_2", "x": 490, "y": 268, "text": "[3] 相簿描述", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[3] 相簿描述", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_2", "x": 490, "y": 292, "text": "可選、最多500字", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "可選、最多500字", "autoResize": true, "width": 69.30000000000001, "height": 19}, {"type": "rectangle", "id": "sp_3", "x": 480, "y": 350, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_3", "type": "text"}]}, {"type": "text", "id": "sp_t_3", "x": 490, "y": 358, "text": "[4] 格狀縮圖", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[4] 格狀縮圖", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_3", "x": 490, "y": 382, "text": "2欄排列（手機）\n3欄（桌面）\n點擊進全螢幕瀏覽", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "2欄排列（手機）\n3欄（桌面）\n點擊進全螢幕瀏覽", "autoResize": true, "width": 184.8, "height": 19}, {"type": "rectangle", "id": "sp_4", "x": 480, "y": 440, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_4", "type": "text"}]}, {"type": "text", "id": "sp_t_4", "x": 490, "y": 448, "text": "[5] 上傳按鈕", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[5] 上傳按鈕", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_4", "x": 490, "y": 472, "text": "支援多選\n一次上限50張", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "支援多選\n一次上限50張", "autoResize": true, "width": 92.4, "height": 19}, {"type": "rectangle", "id": "sp_5", "x": 480, "y": 530, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_5", "type": "text"}]}, {"type": "text", "id": "sp_t_5", "x": 490, "y": 538, "text": "[6] 相簿設定", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[6] 相簿設定", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_5", "x": 490, "y": 562, "text": "名稱/描述/封面\n隱私層級設定", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "名稱/描述/封面\n隱私層級設定", "autoResize": true, "width": 115.50000000000001, "height": 19}, {"type": "arrow", "id": "a1", "x": 470, "y": 100, "width": 70, "height": 50, "points": [[0, 0], [-70, 50]], "endArrowhead": "arrow", "strokeColor": "#868e91", "strokeWidth": 1, "roughness": 1}, {"type": "arrow", "id": "a2", "x": 470, "y": 370, "width": 90, "height": 0, "points": [[0, 0], [-90, 0]], "endArrowhead": "arrow", "strokeColor": "#868e91", "strokeWidth": 1, "roughness": 1}], "appState": {"viewBackgroundColor": "#ffffff"}}