搜尋結果
2024年3月6日 · 1. 影片提到的資源連結. 重要連結： 影片教學素材. Parallax 外掛. 相關教學＆資源： 網站視差滾動教學（Divi 主題） 2. 影片描述. 視差效果是一種特別的動態設計效果，能透過不同的圖層呈現深度不一的視覺畫面，創造出獨特的視覺效果。 今天我們要分享一款 Figma 外掛，可以一鍵製作視差效果！ 包含滑鼠追蹤視差效果、頁面滾動視差效果等。 你可以自行調整視差效果的移動元素和方向，做出視覺差異化、淡入淡出、放大縮小等多種花樣，完成後還能匯出 SVG、GIF 等格式的動畫！ 3. 影片時間軸. 00:00:00 – 開頭. 00:00:42 – 開始前說明. 00:02:04 – 視差滾動素材準備. 00:05:46 – 實戰教學. 00:08:48 – 結尾分享.
2024年2月20日 · 在設計網站時，是否常常有靈感枯竭，或是不知道該怎麼規劃網站呢？這種時候會建議多瀏覽同類型的網站，觀察他們是如何架構網頁、有哪些互動效果、為什麼會受歡迎。今天我們整理了 11 個設計靈感網站，網站內集結了許多由專家設計的網站，各種風格、類型、最新的網頁設計技術都有，讓你 ...
2023年10月13日 · 1. 影片提到的資源連結. 重要連結： Divi 主題連結（限時 10% 優惠） 相關教學＆資源： 影片範例版型（ 含圖片素材 ） 2. 影片描述. 近年來許多網站的設計都會使用視差滾動效果，製造不一樣的視覺體驗。 稍後我將會分享，如何使用 WordPress 的 Divi 主題，做出各種視差滾動的效果，建議跟著影片操作到最後喔！ 3. 影片時間軸. 00:00:00 – 開頭. 00:00:36 – 成品預覽. 00:02:45 – 綜合視差效果. 00:06:39 – 背景視差效果. 00:10:00 – 模糊 & 透明視差效果. 00:13:23 – 旋轉視差效果. 00:14:31 – 縮放效果. 00:15:43 – 教學複習. 00:16:26 – 結尾分享.
2024年3月6日 · 實現霓虹燈文字效果！. 2024-03-06 / 發佈留言 / 所有文章, 影音教學系列, 平面設計系列. 【Illustrator 教學】如何製作發光文字？. 實現霓虹燈文字效果！. 1. 影片提到的資源連結. 重要連結：. Adobe illustrator 軟體下載. 使用字體載點（Above The Beyond Font Duo）.
2023年12月12日 · 1. Figma 操作介面＆功能介紹. 2. 建立區塊畫框. Section 和 Frame 的差異. 3. 加入設計元素. 一、圖形工具. 二、鋼筆＆鉛筆工具. 三、文字工具. 4. 變更元素樣式. 一、調整大小. 二、變更配色、透明度. 三、加入線條. 四、陰影效果. 五、模糊效果. 5. 使用外掛輔助設計. 一、何使用 Figma 外掛. 二、Figma 外掛推薦（提升工作效率） 6. 製作 Prototype 原型. 一、何製作 Prototype. 二、Prototype 相關設定. 三、Prototype 預覽模式. 7. 如何輸出＆分享作品. 常見問題. WordPress 學習資源.
2023年9月19日 · 不論你是想 自架部落格網站 、 設計形象網站 或是 購物網站架設 ，當你在規劃網站時，有許多 UI / UX 網頁設計細節必須要特別注意。 這些小細節可能會影響網站的美觀，甚至會影響網站的 SEO，導致網站曝光度下降！ 更多 SEO 是什麼 。 這篇教學將與你分享 8 個自架網站的必備元素，並分享相關優質案例讓各位參考。 那麼，準備好就開始吧：） 1. 網站頁面架構規劃. 什麼是網站架構圖？ 為什麼架站前要先規劃架構？ 一般網站常見架構. 電商網站頁面常見架構. 2. 網站視覺配色. 視覺配色決定網站形象. 配色網站推薦. 3. 首頁 Hero Section 元素. Hero Section 是什麼？ 優質設計案例. 4. 高品質照片. 照片品質，如何影響使用者體驗？ 圖片挑選技巧.
2022年10月31日 · Canva 的漸變功能不像 illustrator 跟 Photoshop 一樣，介面會有一個漸變工具，那該怎麼叫出 Canva 的漸變呢？ 我們可以在左側的功能欄位中的「元素」，為版面增加漸變效果，在搜尋欄位輸入「漸變」，就會出現許多漸變素材，再將想要的漸變效果拖曳出來套用。
