---
# System prepended metadata

title: Wireframe in Google sites
tags: [UX / UI]

---

# Wireframe in Google sites

:::info
以現有網頁的資料先做首頁的畫面規劃，探索GS的功能。
:::



### 流程
* Home page sketch wireframe
![截圖 2023-11-27 上午9.42.09](https://hackmd.io/_uploads/rk0TNtWra.png =50%x)

* In google site⬇️
![homepage_wf](https://hackmd.io/_uploads/SJvuVKWSa.png =70%x)

* 基礎功能、按鈕設定齊全，以簡約的ui來說。
*

---

### GS Review

* 雖無法設定精確數值，但仍可用空白框架作為準則依據。
* 雖有所限制但以初階小改版（更新業務內容與視覺）來說夠用。
* 以盡量不跑版的方式排版，在筆電螢幕上看跟外接螢幕看有跑版問題出現。


### to do
* 可能要嘗試丟非色塊的圖片去測試做圖尺寸，因為它有框架限制。
* 基礎頁面可以先出sketch wireframe，同步在google sites先建出來。


