網頁設計

網頁設計暨感知環境美感教育

By POYEN LEE

​https://andvisual.com.tw/

https://iseiimage.com/

Poll

剛剛兩個網站，你喜歡哪一個?

• 第一個

• 第二個

​https://shiakingkong.com/

​https://supportsystem.asia/

Poll

剛剛兩個網站，你喜歡哪一個?

• 夏金剛

• 壹顆好心

​https://senichichapu.com/

​https://nice-day.com.tw/

Poll

剛剛兩個網站，你喜歡哪一個?

• 專一茶鋪

• Nice Day

Open Ended

你喜歡那些網頁的原因是?

形象網站

反映品牌形象、提供關於產品、服務、專業背景、新聞和聯絡資訊等內容。

Blog、媒體網站

​主要用於發佈各種文章、新聞、觀點、內容和媒體

形象+購物網站

1. 結合【形象網站】和【電商網站】的元素。

2. 不僅展示組織、企業或個人的形象和價值觀，還提供了商品或服務的銷售通道。

型錄式網站

1. 型錄式網站是一種用於展示產品或服務的網站，類似於在線型錄或目錄。

2. 主要目的是提供詳細的產品或服務資訊

Open Ended

你覺得你的風格是什麼？

Open Ended

你覺得什麼顏色代表你的風格？

​https://colorhunt.co/

​https://zh.wikipedia.org/zh-tw/%E8%89%B2%E7%92%B0

無彩度

明度

彩度

打造屬於自己的風格顏色

https://www.canva.com/design/DAGlf-7yTC0/FZFOfyuJINV5d4KgWTIayg/edit?utm_content=DAGlf-7yTC0&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton​

主色相

最大面積：會使用在網站的最大面積上，通常是整個網站的背景。

輔助色相

標題文字：文字的色彩除了黑色以外，也可以使用輔助的顏色，讓文字不會太死板。

強調色相

功能性：網站最重要的是提升使用者體驗，讓讀者清楚知道哪邊的功能可以點選，或是知道最重要的部份在哪邊，所以這個配色需要鮮豔一些，讓讀者一眼就能察覺。

開始打造個人形象網站