104學習精靈

視覺設計相關知識
視覺設計相關知識
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
1. 瞭解視覺傳達設計基本知識。 2. 瞭解視覺傳達設計相關製作過程。 3. 瞭解媒體之基本應用。 4. 瞭解視覺傳達設計、廣告相關法規。 5. 瞭解印刷實務及基本原理之五大版式、製版原理、分色原理、拼板作業、印後加工。 6. 瞭解印刷設計及電腦完稿作業。 7. 瞭解美學之基本概論。 8. 瞭解平面構成原理。
關於教室
關注人數 470 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
學習主持人
持續分享知識，
有機會成為官方教室主持人
關於教室
關注人數 470 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
學習主持人
持續分享知識，
有機會成為官方教室主持人
Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
我要分享
我要提問

視覺設計相關知識 學習推薦

全部
影片
文章

不知如何開始嗎？ 先進行技能挑戰吧～

技能挑戰：初級
目前等級：未達初級
901 人已通過「初級」測驗，通過率50%，和學習精靈一起探索知識、增強能力！
我要挑戰
PM雜學相談室－新手轉職PM交流區🙌
關注
104學習精靈

產品

05/09 14:32

Core Web Vitals是什麼？網站用戶體驗影響SEO
在當今數位時代，網站成功與否往往取決於用戶體驗的快速與流暢性。Google 的 Core Web Vitals 是評估網站用戶體驗的關鍵指標，包含LCP、INP及CLS。這些指標直接影響網站在 Google 搜索結果中的表現。
🟡什麼是 Core Web Vitals？
Core Web Vitals 包括三個主要指標：
1. 最大內容繪製（Largest Contentful Paint, LCP）：衡量加載性能。理想的 LCP 時間應在 2.5 秒內。
2. 互動到下一次繪製（Interaction to Next Paint, INP）：衡量回應速度。目標是低於 200 毫秒。
3. 累積布局偏移（Cumulative Layout Shift, CLS）：衡量視覺穩定性。最佳的 CLS 分數應為 0.1 或更低。
🟡為什麼它們重要？
這些指標不僅關乎用戶體驗，Google 也將這些指標作為搜索排名的因素之一。優質的頁面體驗可以幫助網站在競爭激烈的搜索結果中脫穎而出。
🟡如何優化 Core Web Vitals？
1. 確保快速響應服務器
2. 優化圖片和資源文件
3. 減少 JavaScript 的執行時間
4. 避免突發的布局變動
🟡註：在網頁設計中，「避免突發的布局變動」是指盡量減少在頁面加載過程中意外變動元素的情形，這種現象通常稱為累積布局偏移（Cumulative Layout Shift, CLS）。例如，當一個圖片或廣告慢於其他內容加載時，它可能會突然插入到頁面中，導致文字和按鈕等元素突然移位，這會影響用戶的閱讀和交互體驗。避免這種情況的方法包括確保所有媒體元素（如圖片、視頻或廣告）有明確的尺寸，或者使用現代的網頁技術來提前保留空間，從而減少布局變動。
通過關注並優化這些關鍵指標，您可以大大改善訪客的站點體驗，進而提高您的 SEO 表現。這不僅有助於吸引和留住用戶，也有助於提升轉化率。想要了解更多有關如何優化您的網站的信息，請參考 Google 的官方文檔。
0 0 207 0

熱門精選

新鮮人求職攻略🔥 找工作與技能養成請進
關注
陳立婕

產品行銷專案經理

04/18 12:31

🔥104人力銀行「2024職涯博覽會」開始報名啦📢
一年就這一次！應屆預備找工作搶先報名 👉 https://tw104.pse.is/5u86r4
緯穎、德州儀器、遊戲橘子、東京威力科創、微軟(旭日計畫)、KPMG、IKEA、星巴克、宜得利、迪卡儂等，上百家頂尖知名企業現場徵才🤩
📍 6/15(六) 資訊科技、顧問金融業
企業名單看這邊➡️ https://tw104.pse.is/5u834l
📍 6/16(日) 電子製造業、零售服務業
企業名單看這邊➡️ https://tw104.pse.is/5u83bn
連續兩日，優質企業將在現場釋出數千個工作機會💼
另有中高階獵才、職涯諮詢、趨勢論壇、夜fun職場等系列活動，
主題精采多元，除部分講座收費，其餘活動皆 免費！免費！免費！
心動不如立即搶先報名👉 https://tw104.pse.is/5u86r4
🔥104人力銀行「2024職涯博覽會」開始報名啦📢
tw104.pse.is
104人力銀行－「青春無畏 後生可敬」2024 職涯博覽會｜104職場力
5 3 14716 0
104學習精靈精選課程
看更多課程
想提升職場競爭力？專業技能課程看起來👇
讓創作帶來長期收入！圖像 IP 授權第一課
A. 準備好作品和思維，踏出進入市場的第一步 - 了解 IP 產業全貌，找到自己產業中的定位 - 確認應該要自己發展、還是找代理商合作 - 如何收斂、溝通作品的市場價值，能讓廠商願意跟你合作 B. 理解授權合作案該怎麼談 - IP授權有哪些合作流程、授權專業術語 - 與廠商合作該如何合理收費- 運用 MG（授權金） 估算表格 - 判斷合理的授權合作條件 C. 看懂合約、弄懂創作相關的著作權 - 保護自己的著作財產 - 看懂授權合約重點、取得有利合作條件 - 擬出屬於自己的合約、不再受人擺佈 D. 瞭解怎麼用商標保護自己的品牌 - 什麼是商標，如何申請商標 - 學會用商標佈局市場
Hahow好學校
WordPress視覺排版設計超入門：CSS與HTML
WordPress的網站外觀樣式是透過安裝主題來決定的，但因為這些主題並不是量身定做的，所有難免會有些地方不符合需求，比方說：中文字型、字體大小、字體顏色或是側邊欄寬度…等等之類的需求。這門課就是教你如何使用CSS完成屬於自己的網頁設計，讓你不需要工程師也能自己修改！
緯育TibaMe
幾何圖形分割 X 色塊組合
可以將任何區塊分割成自己想要的幾何圖形、快速的上色，並且能夠應用在許多地方
Hahow好學校
讓創作帶來長期收入！圖像 IP 授權第一課
A. 準備好作品和思維，踏出進入市場的第一步 - 了解 IP 產業全貌，找到自己產業中的定位 - 確認應該要自己發展、還是找代理商合作 - 如何收斂、溝通作品的市場價值，能讓廠商願意跟你合作 B. 理解授權合作案該怎麼談 - IP授權有哪些合作流程、授權專業術語 - 與廠商合作該如何合理收費- 運用 MG（授權金） 估算表格 - 判斷合理的授權合作條件 C. 看懂合約、弄懂創作相關的著作權 - 保護自己的著作財產 - 看懂授權合約重點、取得有利合作條件 - 擬出屬於自己的合約、不再受人擺佈 D. 瞭解怎麼用商標保護自己的品牌 - 什麼是商標，如何申請商標 - 學會用商標佈局市場
Hahow好學校
從0開始：從書籍封面學平面設計！
▪ 除了封面，我們可以運用學習的技巧，延申出平面設計作品。 ▪ 設計出：影片封面、期末報告的封面、自傳封面、履歷封面、原創小說封面...等等。 ▪ 可以設計出有專業感的作品，即使是作業、報告的提案，也具有專業度。 ▪ 拋開 Word 和 PPT 來做圖文編排。 ▪ 學會 Adobe Photoshop 和 Adobe Illustrator 技能。 ▪ 學會認識封面構成的過程。 ▪ 一探究竟神秘的出版界接案流程。
Hahow好學校
用 Illustrator 畫出你的原創角色
可以利用illustrator 畫出你自己的向量系列角色，做出不同的動作或表情，再以photoshop讓角色動起來，自己也可以畫出gif的動態圖喔。
Hahow好學校
LOGO 必修課：發展品牌識別的第一步
1. 理解 LOGO 的設計觀念與必備要件。 2. 從品牌價值找到靈感、並在色彩與圖形間平衡美感，提煉出獨一無二的 LOGO 設計概念。 3. 了解客戶需求、用戶溝通等執行階段的精華重點。 4. 專案執行的合約擬定與團隊分工。
Hahow好學校
621 1
蔡霓臻剪畫藝術
關注
蔡霓臻

主講老師

04/25 16:00

下班後的最佳療癒美學
能夠以簡單的方式學習到藝術又可以達到身心平衡、療癒舒壓的效果，彩紙拼貼剪畫藝術是最好的選擇；色彩的搭配運用強化你的視覺效果，以剪刀畫過的每個線條是你內心擴張的境界。
我在畫展中時常與學生交流，共創出美麗的作品。❤️😊
下班後的最佳療癒美學
下班後的最佳療癒美學
下班後的最佳療癒美學
下班後的最佳療癒美學
1 0 201 0
263 0

推薦給你

自學日語之路，一起考過日檢吧 🌱
關注
104學習精靈

產品

2小時前

N5 必備的30個文法 (文型)，看這些複習抓重點，超好用！
日語學習的基礎中，文法的掌握尤為關鍵。對於初學者來說，了解基本的句型和結構是非常重要的。日檢N5作為日語學習的起點，要求學習者能夠理解和使用一些基本的文法結構。這些結構涵蓋了日常生活中的基礎對話和簡單的書面表達。為了幫助初學者有效地掌握這些基本文法，以下提供了一份N5文法點的清單，每一項都附有中文翻譯和使用方法的簡要說明。
1. XはYです - 「X是Y」用來表示事物的狀態或特性。
2. XもYです - 「X也是Y」用於表達包含性，表示X和其他事物都是Y。
3. Xじゃないです - 「X不是Y」否定形，用於否定先前的陳述。
4. Xがあります/います - 「有X」用於表達物品的存在（あります）或人和動物的存在（います）。
5. XをYします - 「做Y」表示動作，X是直接受詞，Y是動作。
6. XからYまで - 「從X到Y」表示時間或空間的範圍。
7. XのY - 「X的Y」表示所有關係或具體範疇。
8. XかY - 「X或Y」用於提出選擇問題。
9. XでY - 「用X做Y」表示手段或方法。
10. XへY - 「向X」用於表示動作的方向。
11. XとY - 「X和Y」用來連接兩個名詞。
12. XやY - 「X和Y等」用來非排他性地列舉事物。
13. XよりY - 「比X更Y」用於進行比較。
14. Xだけ - 「只有X」用來限定範圍或數量。
15. Xまで - 「直到X」表示時間或空間的終點。
16. XでもYでも - 「不論X或Y」表示多個選擇。
17. XしYし - 「X並且Y」用來列舉多個事項或理由。
18. Xなければならない - 「必須X」表示義務或必要性。
19. Xないでください - 「請不要X」用來表示禁止或請求。
20. Xたいです - 「想要X」表示願望。
21. XたりYたりする - 「做X或做Y」用來表達做過或經歷過的多種活動。
22. XながらY - 「一邊X一邊Y」用來表達兩個同時進行的動作。
23. Xかどうか - 「是否X」用於間接問句，詢問某事是否為真。
24. Xことがある - 「曾經X過」用來表示過去的經驗。
25. Xすぎる - 「太X了」用於表示程度過高。
26. Xて形 - 「X著」用於連接句子，表達原因、理由、過程等。
27. Xなら - 「如果是X的話」用來表達條件或假設。
28. Xたとき - 「當X的時候」用於表達在某個動作發生時的情況。
29. X前に - 「在X之前」用於表示時間順序。
30. Xほうがいい - 「最好做X」用於給出建議或建議。
趕快追蹤我們，提供更多考日檢的資訊給你~
0 0 18 0
你可能感興趣的教室