WordPress 用邏輯設計網頁：區塊編輯器
離開課程
單元 7 – 邊框 Border｜正方形的那個線！
0 / 19 課程完成 (0%)
網頁設計概念
單元 1 – 網頁設計 VS 平面設計｜思維不同，你需要考量的角度也會不同
單元 2 – 網頁設計風格探討｜網頁設計也有風格，嚴肅的感覺、活潑的感覺，在設計上我們要注意什麼？
單元 3 – 卡片式設計｜從蘋果到 Google 大公司都愛，讓你提供的資訊一眼就看明白
單元 4 – 設計系統｜設計系統的建置與使用，讓網站保持一致性或許比你想的還要容易
單元 5 – 應用設計系統｜把所學實際應用在網站上，網頁設計真的就是這麼簡單～
5 lessons
排版強化
單元 1 – 網站寬度｜定義你的網站寬度、因應不同裝置有不同的設定
單元 2 – 欄位排版｜橫向排版的重要性！簡單將資訊攤開來
單元 3 – 高度設定｜透過最小高度來定義你的元件大小
單元 4 – 邊界 Margin｜元件之間的距離，將別人推開的參數
單元 5 – 邊框間距 Padding｜元件內部的距離，將自己往內縮的參數
單元 6 – 間距 Gutter Gap｜欄位之間的距離，我建議你看英文比較分的出來
單元 7 – 邊框 Border｜正方形的那個線！
單元 8 – 陰影 Shadow｜質感升級的方式，就是把陰影加上去就對了！
單元 9 – 卡片製作｜上面都學完後，你就能開始製作屬於自己的卡片設計
9 lessons
設計應用
單元 1 – 頁面內容安排｜規劃我們的頁面與設計
單元 2 – Hero Section｜網站標頭怎麼做，那個超大圖一看就是重點
單元 3 – Feature Section｜功能特色說明區塊，我們用欄位排版將特色簡單說明，讓使用者一目瞭然、快速了解你的網站
單元 4 – Call To Action｜最重要的行動呼籲按鈕，成功的網站從這顆按鈕開始
單元 5 – 優化設計｜掌握基本原則，接下來就讓創意發生，花時間讓每個區塊更加美觀～
5 lessons
你無權存取此課程
請購買此課程或登入 (若你已註冊) 以存取課程內容。
購買課程
登入
Previous
下一頁