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
下一頁