一個舒適的網頁可以讓使用者盡情瀏覽資料，所以學習一個網頁的基本結構是很重要的，而UX設計能進一步優化使用者的體驗感受。

那就，

網頁基本結構

　　一個網頁結構大概可以分類如下，當然，實際排版還是要依照資訊架構與功能來進行設計規劃：

1. 標題（Header）：通常包含網站名稱、LOGO、搜索欄等等，有時也會包含導覽欄。
2. 導覽列（Navigation bar）：最基本的就是一定會有全域導覽列。
3. 側邊欄（Sidebar）：可以用來設計區域導覽列、輔助導覽、次要內容或廣告等。
4. 內容區（Content Area）：網頁主要資訊，包含影片、照片、文字等。
5. 底部區（Footer）：通常包含聯繫方式、版權資訊、相關網站連結等，作為整個網頁的結尾。

　　當然，在設計網頁的過程中，一樣要遵循在DAY1、DAY2中提到的，色彩、排版與視覺層級的基本原則，並且規劃簡單、直觀的導航設計（navigation design），協助使用者容易找到目標資訊。

行動裝置設計準則

　　在手機或平板上瀏覽網頁，自然不能像是在電腦呈現的結構一般，再加上不同於滑鼠而是觸控操作，在設計的邏輯上就需要因應改變了。比如說，適合手指操作的按紐、縱向瀏覽、簡單聚焦、基本色彩與排版設計原則等。

　　行動裝置的設計準則有很多要點，以下提供兩個網站，作為協助製作直觀且一致的UI與UX設計：

1. Apple的Human Interface Guidelines：提供設計iOS系統的最佳方式，包含排版、大小與字體等。
2. Google的Material Design：提供Android系統的設計指南，包含排版、導覽、顏色等。另外，這份指南有一群好心人協助翻譯成繁中：Google Material Design 正體中文版。

一些廢話

因為要出去Happy所以早早發文，YA！

參考資料

1. 網站架構 — 導覽列種類與功能
2. Navigation design: Almost everything you need to know