0610
===

:::info
（三）Layout美學版面編排設計(術)楊登凱
:::
## 推薦網站：
[萬波島嶼紅茶 Wanpo Tea Shop](https://wanpotea.com/) （吸管特效很不錯 值得參考）
[段ボールの日本紙器株式会社](http://www.nihonsiki.co.jp/index.html)

## 檢討 Wireframe
網站地圖 [29-廖啟森-Planning (企劃)-Site Map (網站地圖)](https://docs.google.com/document/d/1G2Ed4Xn8kFgDhJBq45LUw-apASX2HR86LJ1wLk_eCa4/edit?usp=sharing)
Wireframe [29-廖啟森-UI Design(介面設計)-Wireframe(雛形)](https://docs.google.com/document/d/1rLBzE-ojzP7N6jGCbbCVeBNXPkqlgeOr21AqHBLjNHw/edit#heading=h.ckh506k240y0)

* 關於我們
[搜尋 pinterest web 2.0 3.0 ](https://www.pinterest.com/nicepagecom/web-design-20-vs-30/)
後面要一塊文字作轉則

* 最新消息
放在「產品介紹」後面

* 加入我們
加上 logo 點擊才出現輸入框（參考老虎堂）

## Wireframe 第二階段
貼圖片 ＋ 文字（基本上要排版了 AI 上會比較好排版）
* 要抓文字大小
拉出最大字體與最小字體（大標、附標、內文 網站的字體規格 大概 5 種）

上下拉出 半字或一字高 閱讀才是舒服的

## 參考資料
[給客戶看的網站設計（一）字級大小對網頁樣式的影響](https://www.ctkpro.com/blog/webdesign-font-size/)
可以參考看看

###### tags: `跨裝置企業平台與資料庫整合設計班`