搜尋結果
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年1月2日 · CTA 優質設計案例. 好壞 CTA 按鈕案例分析. 常見問題. WordPress 學習資源. CTA 是什麼？ CTA（Call To Action）是什麼？ CTA（ Call to Action ），中文稱為「 行動呼籲 」。 顧名思義， 用於呼籲瀏覽者進行某個特定動作，以此引導瀏覽者從觀眾變成實際的參與者、購買者或會員。 而 CTA 中最重要的一個元素就是 CTA 按鈕，這不僅僅是一個簡單的連結按鈕，它是網站與瀏覽者互動的方式，促使瀏覽者採取某種行動。 CTA 的文字、顏色、位置都是經過精心設計的，目的就是要在使用者心中種下一個種子，讓他們想要按下那個按鈕，進入站長想要他們造訪的頁面。 犬哥網站行動呼籲按鈕範例.
2024年2月20日 · Siteinspire 是一款國外的網頁設計展示平台，設計師可以投稿自己的網頁作品，就有機會被展示在 Siteinspire 上。 Siteinspire 的評選機制目前沒有一個公開標準，不過看下來，主要都是以簡潔、乾淨的設計為原則，並確保網站是易於使用的。 目前所提供的資訊比較簡單，只有附上網站的預覽和連結，沒有過多的細向說明，但下方會推薦同類型的網站，讓你有更多參考選擇。 Siteinspire 的更新頻率算滿高的，大概 1 ~ 5 天就會更新網站，網站也有分類選項，方便用戶搜尋想要參考的類別。 立即前往 Siteinspire. Pinterest：以分享圖片聞名的網頁平台＆手機 APP，可探索眾多設計靈感.
2024年2月2日 · 1. 影片提到的資源連結. 相關教學＆資源： 排版概念教學. 2. 影片描述. 網格系統是 UI / UX 設計師用來建構設計、打造一致排版的輔助工具，若你正在嘗試設計介面，建議你可以試試使用響應式網格系統。 響應式網格系統可以使內容適應螢幕尺寸和方向，保持一致性。 今天我將搭配最熱門的介面設計軟體 Figma，向你介紹響應式網格系統是什麼。 3. 影片時間軸. 00:00:00 – 開頭. 00:00:43 – 網格系統介紹. 00:02:27 – 電腦網格設定. 00:06:22 – 平板網格設定. 00:08:16 – 手機網格設定. 00:09:12 – 偏移量設定＆簡易排版. 00:11:32 – 結尾分享. WordPress 學習資源.
2024年3月6日 · 1. 影片提到的資源連結. 重要連結： Adobe illustrator 軟體下載. 使用字體載點（Above The Beyond Font Duo） 使用字體載點（Poppins 系列） 2. 影片描述. 霓虹燈是一種酷炫、華麗的裝飾設計，常用在餐廳、酒吧等需要營造氣氛的空間。 今天我將教大家使用 Illustrator 製作霓虹燈文字效果，透過這個方法，可以隨時修改文字的內容、字體和大小等…。 3. 影片時間軸. 00:00:00 – 開頭. 00:00:28 – 霓虹燈字應用範例. 00:01:09 – 實戰教學流程. 00:04:42 – 成品展示一覽. 00:05:12 – 結尾分享. WordPress 學習資源.
2023年7月25日 · 本文將帶你了解 ChatGPT 可以如何協助 UI / UX 工作，我們整理了幾個實用的例子，並將告訴你該如何對 ChatGPT 下指令，讓你的設計過程更有效率。 更多 網站設計觀念介紹 。 一起打開 ChatGPT 來試試吧：） 1. 先賦予 ChatGPT 角色. 2. 文案生成. 3. 尋找設計資源. 4. UX 研究資料. 5. 了解網站使用者特質. 6. 提供網站 Wireframe. 7. 使用者流程建議. 8. Web 與 App UI / UX 差異比較. 9. 給予設計建議. 10. Landing page 標語構想. 11. 直接請 ChatGPT 生成網站 UI / UX. 12. 提案技巧. 13. 設計術語解釋. 14. 尋找學習平台. 談 ChatGPT 優缺點
2023年11月21日 · Figma 方案介紹. 常見問題. WordPress 學習資源. Figma 教學來了！ 設計界的新寵兒，用它實現精美滑塊效果！ 夥伴們上車囉～ Figma 是什麼？ Figma 設計工具. Figma 是一款強大的向量圖形設計工具，主要用於各種介面設計，你可以在上面輕鬆設計 UI 元件、Wireframe 或是 Prototype 等..。 Figma 的特色在於擁有直觀易用的操作介面、可以隨時離線編輯。 此外，還能與團隊零時差線上協作！ 網站上會清楚標示團隊成員的游標，你也能在任何位置上新增註解，創造更有效率的溝通設計。 Figma 設計介面.
