104學習

UX設計師

UX設計師
工作機會(332)
更多
月薪中位數
$6.1萬
年資 3-5 年
資料搜集中...
年資 10 年以上
UX設計師 必備技能
你還缺?
?項已具備
AI 技能
登入看你專屬的技能分析
UX設計師 都在看
如何在Figma中快速複製格式?這個功能鍵超強大,減少手動調整格式的繁瑣步驟
如何在Figma中快速複製格式?這個功能鍵超強大,減少手動調整格式的繁瑣步驟
在Figma的設計過程中,保持一致的樣式和格式是一個重要的事情。Figma提供了一個強大的功能,可以幫助設計師快速複製格式,提升工作效率,讓設計更加流暢。而透過使用複製格式的快捷鍵,更可以進一步加快操作速度。本篇文章將深入介紹如何在Figma中使用格式複製功能,並包含所有必要的快捷鍵。 ▮什麼是Figma的格式複製? 格式複製是一個可以快速將一個元素的屬性(如字體、顏色、描邊、陰影等)應用到另一個元素的功能。這個功能特別適合用於大型專案中,當設計師需要維持整個專案的樣式一致時,它可以幫助減少手動操作。 ▮為什麼格式複製很重要? 1. 節省時間:不需要逐一手動調整每個元素的格式。 2. 保持一致性:確保設計的風格、色彩和排版一致。 3. 提升效率:加快設計迭代和修改速度,尤其在團隊協作中。 ▮如何在Figma中複製格式? 1. 使用快捷鍵複製格式 - 複製格式的快捷鍵:選中需要複製格式的元素,按 Cmd + Alt + C (Mac) 或 Ctrl + Alt + C (Windows) 來複製格式屬性。 - 貼上格式的快捷鍵:選擇要應用格式的元素,按 Cmd + Alt + V (Mac) 或 Ctrl + Alt + V (Windows) 來貼上複製的格式。 2. 複製特定屬性 - 如果只想複製某些特定屬性,如字體或顏色,可以先在右側的屬性面板中取消勾選不需要的屬性,再使用快捷鍵進行複製。 - 範例:如果只想複製填充顏色,選中填充後,按 Cmd/Ctrl + Alt + C,然後選擇另一個元素並按 Cmd/Ctrl + Alt + V。 3. 多個元素間的格式複製 - 選擇多個元素來一次性將相同的格式應用到不同的元素上。這在需要快速將相同格式應用到多個地方時非常有用。 4. 使用樣式來保持一致性 - 除了手動複製格式外,你還可以將常用的格式存儲為樣式(如文字樣式、顏色樣式等),方便在整個專案中應用。 - 建立樣式的步驟: 1. 選擇一個元素,設置其格式。 2. 在右側面板中,點擊+按鈕,將其保存為一個新樣式。 3. 以後要應用此樣式時,只需在樣式面板中選擇即可。 ▮小技巧:格式複製的進階應用 1. 快速更新設計樣式:當需要對整個專案的某個樣式進行調整時,可以先在一個元素上修改格式,然後快速將這個更新的格式複製到其他元素上。 2. 應用在不同頁面間:即使在不同的頁面之間,格式複製功能依然有效。只需切換到目標頁面並選擇元素貼上格式即可。 3. 支援群組與框架:格式複製不僅適用於單個元素,也適用於群組和框架。只需選中群組或框架並使用相同的快捷鍵操作,即可快速複製其格式。 ▮常見的錯誤及如何避免 1. 未選中目標元素:在貼上格式時,需確保已正確選中目標元素,否則格式無法成功應用。 2. 誤複製過多屬性:在複製之前,請先確認所需的屬性是否正確,以避免多餘的格式覆蓋。 ▮結論 Figma的格式複製功能是一個提升設計效率和一致性的強大工具。無論是新手還是經驗豐富的設計師,善用這個功能都可以大大減少重複勞動,提高專案的整體設計速度。
104學習 UI 設計新手村:Figma學習之旅🪐
Figma Asset 是什麼?用來管理Components超方便,不要再傻傻複製貼上了
Figma Asset 是什麼?用來管理Components超方便,不要再傻傻複製貼上了
在Figma中,Asset(資產)是設計師用來管理和重用設計元素的強大工具。它可存放常用的樣式(Styles)、組件(Components)、變量(Variables)等,讓設計師能在不同頁面或專案中快速調用已設計好的資源。以下將詳細介紹Figma中Asset的功能。 ▮Figma中的Asset概念 Asset主要包含以下幾個部分: 1. 組件(Components) 是Figma中可重用的設計元素,類似於設計模組或模板。例如,按鈕(Button)、導航欄(Navigation Bar)、圖示(Icon)等都可以作為組件被添加到Asset中。 2. 樣式(Styles) 包括顏色樣式(Color Styles)、文字樣式(Text Styles)、效果樣式(Effect Styles,如陰影、模糊等)。透過這些樣式,可以在設計中保持一致性,並快速套用或更新設計。 3. 變量(Variables) 是用來儲存和管理不同屬性值的工具,如顏色模式(Color Mode)、字體尺寸(Font Size)、間距(Spacing)等。變量可在不同情境下應用,讓設計更靈活。 ▮如何使用Asset面板 Asset面板通常位於Figma左側邊欄內,並包含以下功能: 1. 創建和管理組件(Components) - 建立組件(Create Component):選中要設為組件的元素,右鍵選擇「Create Component」,或使用快捷鍵 Cmd/Ctrl + Alt + K。 - 組件的使用:在Asset面板中,可以拖曳組件到畫布(Canvas)上,重用已設計的元素。 2. 保存樣式(Styles) - 文字樣式(Text Styles):選中設計好的文字,點擊右側樣式面板的「+」按鈕,將其保存為文字樣式,方便後續使用。 - 顏色樣式(Color Styles):設置顏色後,也可以將其存為顏色樣式,快速應用在不同元素上。 - 效果樣式(Effect Styles):如陰影(Shadow)或模糊(Blur)等效果,也能被儲存並重用。 3. 變量的應用(Variables) - 在資產面板中,設計師可以定義不同的變量組(Variable Sets),如亮色模式(Light Mode)和暗色模式(Dark Mode),並在不同情境下快速切換。 - 當需要修改整個專案的屬性(如顏色或間距)時,只需修改變量的值,其他引用了這些變量的元素都會同步更新。 ▮Asset的優勢 1. 提高一致性(Consistency) 透過Asset中的樣式和組件,可以在整個專案中保持一致的設計風格,避免不同頁面間的風格不協調。 2. 加速設計流程(Design Process Acceleration) 重用已存的資產可以減少重複勞動,縮短設計時間。 3. 便於團隊協作(Team Collaboration) Figma中的Asset是多人協作的重要工具,所有人都可以從Asset面板中調用相同的設計資源,保持專案風格的統一。 ▮如何最佳化使用Asset 1. 分類管理(Categorized Management) 將組件和樣式進行分類(如按功能、頁面、元件類型等),方便快速查找和應用。 2. 定期更新(Regular Update) 確保組件、樣式和變量的資源是最新的,以免在不同版本間出現不一致的情況。 3. 使用設計系統(Design System) 建立完整的設計系統(Design System),將所有設計規範、元件和樣式都納入Asset中,便於長期的專案維護和拓展。 透過對Figma中Asset的靈活運用,設計師可以提升設計效率和品質。Asset不僅是個人設計的好幫手,也是團隊協作中不可或缺的工具。
104學習 UI 設計新手村:Figma學習之旅🪐
Figma 統一文字樣式方法:教你建立自己的文字範本,保存文字樣式,下次直接叫出使用
Figma 統一文字樣式方法:教你建立自己的文字範本,保存文字樣式,下次直接叫出使用
在設計專案中,保持文字格式的一致性是非常重要的。Figma中提供了一個功能,讓你可以輕鬆將常用的文字格式保存為「文字樣式」(Text Styles),以便在專案中反覆使用。本文將為你介紹如何在Figma中創建和應用文字樣式,從而提高設計的效率和一致性。 ▮什麼是文字樣式? 文字樣式是Figma中用來儲存和重用文字格式的功能,包含字體、字重、字體大小、顏色、行高、字距等設定。透過將文字樣式保存,你可以在整個專案中快速應用統一的文字格式,而不需要手動一一調整。 ▮如何在Figma中將文字保存為文字樣式? 以下是創建文字樣式的詳細步驟: 1. 選中設計好的文字 在畫布(Canvas)上,選擇你想要保存的文字層(Text Layer)。確保已設置好所有的文字屬性,例如字體、字重、字體大小、顏色、行高、字距等。 2. 打開右側屬性面板(Properties Panel) 選中文字層後,Figma介面的右側會顯示屬性面板。在面板中,你可以看到所有與文字相關的屬性設定。 3. 找到「文字樣式」區域(Text Style Section) 在屬性面板中的「Text」部分下方,你會看到一個標籤為「Text Style」的區域。這個區域用來管理文字樣式。 4. 點擊「+」按鈕(Create Style) 在「Text Style」區域右側有一個「+」按鈕(即「Create Style」)。點擊此按鈕會彈出一個對話框,讓你可以為新的文字樣式命名。 5. 命名樣式(Name the Style) 在彈出的對話框中,輸入一個清晰的名稱來命名這個文字樣式。例如「標題-加粗-24pt」或「正文-常規-16pt」,以便你和團隊成員在後續應用時能快速識別樣式。完成命名後,點擊「Create Style」按鈕保存。 ▮如何在其他文字層上應用文字樣式? 一旦保存了文字樣式,你可以在設計過程中輕鬆地應用它: 1. 選中需要應用樣式的文字層。 2. 在右側屬性面板的「Text Style」區域中,點擊下拉選單。 3. 從選單中選擇所需的文字樣式。 文字層會立即應用選定的文字樣式,無需手動調整格式。 ▮文字樣式的好處 1. 提高設計一致性:文字樣式確保整個專案中使用相同的文字格式,避免不同頁面間的格式不一致。 2. 加速設計流程:保存和重用文字樣式可減少手動調整的時間,提升設計效率。 3. 便於更新:如果需要修改樣式,只需在文字樣式中進行一次更改,所有應用了該樣式的文字層都會同步更新。 ▮最佳實踐:文字樣式的應用 1. 分類管理:在創建文字樣式時,按照功能分類,如「標題」、「副標題」、「正文」、「註釋」等,方便快速查找和應用。 2. 使用設計系統:如果你有一個完整的設計系統,請將文字樣式納入其中,以便在不同專案中重用。 3. 命名規則清晰:採用一致的命名規則來命名文字樣式,讓樣式一目了然,提高團隊協作效率。 ▮結論 在Figma中創建和應用文字樣式是設計中保持一致性和提升效率的關鍵。無論是大型專案還是日常設計工作,文字樣式的合理運用都能讓你的設計流程更加順暢。透過本篇指南,相信你已掌握如何在Figma中將文字保存為文字樣式,並有效地應用於設計中。
104學習 UI 設計新手村:Figma學習之旅🪐
Midjourney如何加入?如何使用?立即教學試用~
Midjourney如何加入?如何使用?立即教學試用~
Midjourney是一款非常有趣的工具,它可以讓你輸入一段文字描述,然後生成一個與描述相符的圖像,讓你可以快速地生成設計靈感。 現在讓我們來看看如何加入及使用Midjourney的教學 【第一步:加入Discord】 首先,你需要進入Midjourney官方網站midjourney.com,然後選擇“Join the Beta”,或直接進入Midjourney Discord(https://discord.gg/midjourney) 在加入Midjourney Discord之前,你需要擁有一個Discord帳戶,如果你還沒有帳戶,先來創建一個喔~https://discord.com/register 【第二步:找到新手頻道 - Newbies Channel】 在Midjourney官方Discord上,你可以在左側的側邊欄中選擇任何一個“newbies-#”頻道。 在其他Discord伺服器上,你可以使用Midjourney Bot來生成圖像,具體使用方法可以參考該伺服器的說明。 【第三步:使用“/imagine”命令】 使用Midjourney Bot的命令可以在Discord上生成圖像,其中“/imagine”命令可以根據簡短的文字描述(即提示)生成一個獨特的圖像。 1.鍵入/imagine prompt:或選擇命令。 2.在“提示”字段中輸入您要創建的圖像的描述。 3.點擊送出你的指令。 【第四步:處理圖像】 Midjourney Bot大約需要一分鐘的時間來生成四個選項,生成圖像會啟動免費的Midjourney試用版。試用版用戶可以在訂閱之前製作大約25個圖像。 一個“Job”指的是使用Midjourney Bot進行的任何操作,包括使用“/imagine”命令生成圖像、對圖像進行升級或創建圖像變化等。你可以使用“/info”命令來檢查你剩餘的試用時間。 【第五步:升級或創建變化】 在圖像網格生成完畢後,會出現兩行按鈕,其中U按鈕可以升級圖像,生成更大的版本並添加更多的細節,V按鈕可以創建所選圖像的輕微變化。 如果你不滿意生成的圖像,可以使用重新執行 【第六步:評價圖像】 使用放大圖像後,將出現一組新選項: Make Variations:創建放大圖像的變體並生成包含四個選項的新網格。 Beta/Light Upscale Redo:使用不同的升級器模型重做升級。 在Midjourney 網站或 Discord上點擊一個笑臉按鈕來評價任何放大的圖像。每天,排名前 1000 位的圖像評分者都會獲得一個小時的免費快速模式時間。對您的工作或其他人的工作進行排名。根據您的個人風格和意見進行排名。喜歡外觀、效果、顏色、概念或主題?請給它一個😍! 【第七步:保存圖像】 單擊圖像以打開它的全尺寸,然後右鍵單擊圖像並選擇“保存圖像”。在移動設備上,長按圖像,然後點擊右上角的下載圖標。 所有圖像都可以立即在Midjourney.com/app上查看。 請使用Discord帳戶登錄以查看。 【第八步:訂閱計劃】 試用用戶大約有 25 個免費工作。工作目前不會過期,但也不會更新。要製作更多圖像,請使用/subscribe任何機器人頻道中的命令生成指向中途帳戶頁面的個人鏈接。 訂閱計劃:https://docs.midjourney.com/docs/plans 總結來說,Midjourney是一個強大而易於使用的AI圖像處理平台,可以讓您快速輕鬆地提高圖像的質量和美感。它提供了多種選項,包括不同的模型和編輯工具,以滿足您的不同需求和喜好。通過訂閱計劃,您可以獲得更多的功能和便利,並為您的圖像處理工作提供更多的靈活性和效率。無論您是專業設計師還是剛入門的用戶,Midjourney都可以讓您輕鬆創造出驚人的圖像作品。現在就註冊Midjourney,開始體驗吧! https://www.midjourney.com
Trulli Wu PM好同學
【QA】如何取得你的104履歷連結?
【QA】如何取得你的104履歷連結?
由於課程內容將以104履歷範本為教學架構, 為了確保學習成效,需要請學員先開通104履歷, 並填寫初版履歷,繳交連結供資格審核參考。 📍如何取得履歷連結? 【電腦版】 ❶點選「My104」➡ ❷點選「履歷」➡ ❸點選「我的履歷」➡ ❹點選「‧‧‧」➡ ❺點選「取得連結」➡ ❻點選「複製連結」 【手機版】 ❶點選「左上三條橫線鈕」➡ ❷點選「履歷表」➡ ❸點選「‧‧‧」➡ ❹點選「取得連結」➡ ❺點選「複製連結」 【捷徑】 104 履歷表:https://pda.104.com.tw/profile/intro 可直接從步驟❸點選「‧‧‧」➡ ❹點選「取得連結」➡ ❺點選「複製連結」
職涯學院 TOP 求職衝刺班
工作推薦信範例如何寫?推薦信範本word下載
工作推薦信範例如何寫?推薦信範本word下載
工作推薦信範例如何寫?求職時,可能會需要別人幫忙寫一封推薦信,通常是邀請主管長官等,尤其是長期跟你共事,了解你做事風格與表現的人。本文將介紹5個推薦信不可不知的要訣,讓你在求職、求學時所列的經歷更有信服力! ▌先雙手奉上今天的教學口訣: 「選、說、給、告、謝」 選:選對人,找了解你優點的人來寫。 說:說明原因,告訴對方為什麼需要推薦信。 給:提供範本,幫助對方寫出更好的推薦內容。 告:告知時間,提前告訴對方截止日期。 謝:感謝對方,不管結果如何都表達感激。 ▌為什麼會覺得難開口? 很多人不敢請別人幫忙寫推薦信,因為: - 害怕麻煩別人: 寫信需要花時間和心力,感覺好像在增加別人的工作。 - 不確定怎麼開口: 不知道該怎麼說,才會讓對方願意幫忙又不覺得為難。 - 擔心推薦內容不好: 害怕對方寫的信不夠好,或者不知道要寫什麼內容。 簡單地說,都是怕麻煩別人!不過如果表現不錯,相處也合宜的人,其實不用太擔心,相信主管很願意助你一臂之力的! ▌如何正確請別人幫忙寫推薦信? 其實,請別人幫忙寫推薦信不需要太害羞,只要完整說明來意、表達請求: - 選對人選: 選一位了解你的工作能力、品格或學習表現的人來寫推薦信,這樣他們可以寫出有說服力的內容。例如,之前帶過你的老師、主管或同事。 - 清楚說明原因: 你可以簡單地告訴對方,為什麼你需要推薦信。例如,「我想申請新工作,想讓未來主管清楚我在上份工作的表現成果。」 - 提供細節和範本: 你可以告訴對方,你希望推薦信提到哪些方面,比如你的優點、工作成果或學習表現。甚至,你可以自己先準備範本,讓對方參考,這樣對方寫起來會更容易! - 提前告知時間: 告訴對方什麼時候需要推薦信,並給他們足夠的時間準備。不要等到最後一刻才請別人幫忙,這樣他們才不會感到壓力。 - 感謝對方: 無論對方是否同意幫忙,都要記得禮貌! ▌推薦信範本 推薦信內容可分成三部分:介紹、貢獻、為何 - 介紹:介紹推薦人的背景,和被推薦人的關係與共事時間 - 貢獻:條列對公司的具體貢獻,也可提到團隊合作、印象深刻的事等等 - 為何:強調這些貢獻與人格特質和欲申請的職位相符 ▌結語 推薦信一直是許多人苦惱的問題,但相信只要用心、尊重對方的時間和意願、範本清楚簡潔,相信大多數人都會樂意幫你!推薦信是展示你的好機會,最重要的是選適合的人、說清楚原因、信的內容強調和職位的關聯,最後,無論錄取與否,都別忘了致上最深的謝意!
知識貓星球 超級辦公室達人
如何在Figma中,一次將文字轉為大寫或小寫?懶人福音一鍵搞定超簡單
如何在Figma中,一次將文字轉為大寫或小寫?懶人福音一鍵搞定超簡單
在設計中,文字格式的統一性非常重要。Figma作為設計師常用的設計工具之一,提供了方便的「文字轉換」功能(Text Transform),可讓用戶輕鬆將文字一次性轉為大寫、全小寫或標題大小寫。本篇文章將深入介紹如何在Figma中進行文字大小寫的快速轉換,幫助你提升設計效率。 ▮為什麼需要使用文字大小寫轉換? 1. 提升設計一致性:當需要統一標題或段落的大小寫格式時,使用Figma的文字轉換功能可以確保整體設計風格一致。 2. 節省時間:避免手動逐字調整大小寫,提升設計流程的效率。 3. 更好地適應設計變更:在進行UI/UX設計迭代時,能夠靈活應對文字樣式的變更需求。 ▮如何在Figma中一次性將文字轉為大寫或小寫? 以下是具體操作步驟: 1. 選中要轉換的文字層(Text Layer) 首先,在畫布(Canvas)上選中你想要改變大小寫的文字層。可以是標題、段落或其他文字元素。 2. 打開右側的屬性面板(Properties Panel) 當選中文字層後,Figma介面的右側會顯示屬性面板,這裡包含該文字層的所有設置選項,如字體、字重、字體大小、顏色等。 3. 找到「Text」部分 在屬性面板的「Text」部分,可以看到文字相關的設定,這是調整文字大小寫的起點。 4. 展開「Text Transform」選項 在「Text」屬性部分的下方,可以找到「Text Transform」選項。點擊展開後,你會看到以下選項: - Uppercase(全大寫):將選中的文字轉為全大寫格式。 - Lowercase(全小寫):將選中的文字轉為全小寫格式。 - Title Case(標題大小寫):將文字轉為標題樣式,每個單詞的首字母大寫。 - Original Case(原始大小寫):將文字恢復為原始的大小寫狀態。 5. 選擇需要的文字轉換方式 選擇合適的大小寫轉換選項,文字層會立即顯示出相應的效果,無需手動調整。 ▮文字轉換的最佳實踐 1. 統一標題格式:當你在設計標題或重要文字時,可以使用Uppercase選項,讓標題顯得更加醒目和專業。 2. 適用於批量轉換:可以一次選中多個文字層,然後應用相同的文字轉換選項,以實現快速統一。 3. 靈活應對設計需求變更:在設計過程中,當需要變更文字格式時,只需通過「Text Transform」即可快速完成修改,無需手動調整。 ▮結論 在Figma中,一次性將文字轉為大寫或小寫是提升設計效率和保持格式一致性的關鍵功能。無論是用於標題設計還是段落格式調整,文字轉換(Text Transform)功能都能讓你更輕鬆地應對不同的設計需求。如果想要在設計過程中節省時間並提高整體設計效果,不妨試試這個方便的功能。
104學習 UI 設計新手村:Figma學習之旅🪐
AI進教室!教師創「數學神曲」幫背公式 國小生做專屬App
AI進教室!教師創「數學神曲」幫背公式 國小生做專屬App
2026-07-07 聯合報記者柯美儀 由聯合新聞網授權轉載 因應AI熱潮,教育部推動AI人才方舟計畫,透過充實數位教材與研發AI學習系統,培訓師生與AI協作能力。教育部今(7)日召開115年度全國教育局處長會議,規劃「學校課程導入AI分享」專題,邀請高中及國中小教師分享經驗,有教師透過AI創作「數學神曲」幫助學生記憶公式、打造AI助理課程訓練學生資安與提問能力,甚至讓國小生製作客製化學習App。 嘉義市民生國中教師蔡邦居分享,自己利用AI創作「數學神曲」,打破數學冰冷印象,引起學生的學習動機。他表示,過去要求學生背誦乘法公式,隔天仍容易忘記,但改成歌曲後,學生反而會因為反覆聆聽,不知不覺就記住內容,甚至主動表示「老師不要再播了,我已經會了。」他認為,AI生成歌曲不僅能提升學習動機,也讓老師更容易拉近與學生的距離,目前這套方式已能應用在數學、英文、歷史、地理、公民等科目。 [course_plugin api_type='course_id' title='推薦課程' id='7f776dad-1e5e-4d74-9041-d5b110468944'] 蔡邦居說,現在學生遇到不懂的問題,已經多了一位24小時都能請教的AI助教,但也提醒學生不能完全相信AI答案。他分享,曾有學生利用因材網練習歷屆試題時發現系統答案有誤,立即截圖回報,平台工程師也迅速修正。他認為,AI應作為輔助學習工具,最終仍須回歸教師引導與學生自主思考,才能真正提升學習成效。 針對108課綱下,數學課時數縮減,導入AI是否會壓縮正常教學進度,蔡邦居表示,數學科每周約有4節課,因此不會每堂課都使用AI,可能僅安排約10分鐘讓學生運用AI,其餘時間仍依照既有教學進度授課,不致影響課程內容。不過,不同學科情況有所差異,例如社會領域每周可能僅有1節課,若要安排AI教學,相對較有困難,仍須依各科課程時數與教學需求彈性規畫。 台北市內湖高級中學羅玗貞教師分享,她打造專屬的「AI助理」課程,引導學生掌握核心技術與工具應用,課程引入「兩階段指令安全防禦實測」,要求學生親自為AI設定不可跨越的安全規則,並在面對同儕的「模擬提示詞惡意攻擊」中進行漏洞修復,不但培養學生資安意識與防禦思維,並且強調AI只是工具,「人」才是核心主角的觀念。 宜蘭縣中山國小教師林穎俊則分享國小階段AI工具在各學科廣泛應用方式,他帶領孩子面對生成式科技時,從單純依賴到深化思維的突破,引導學童釐清搜尋引擎與大型語言模型本質上的差異,透過「精準提問」驅使AI反向質詢,進而激發學生的自主高階思考;課程更透過「翻玩照片」的趣味任務建立數位倫理防線,最終讓國小生動手做出輔助自身學習的客製化 App,成功轉化AI為啟迪智慧的催化劑。 談到教師推動AI教學面臨的挑戰,林穎俊表示,最大的困難包括必須持續追蹤各種AI工具的更新,了解哪些工具適合教學、哪些不適合,同時還要思考如何把AI融入課程,而非取代學生學習。目前教育現場仍在摸索,加上教師本身工作繁重,未必有足夠時間持續研究AI。他則因任教資訊課程、教材彈性較大,較有空間與其他領域教師合作,先在資訊課帶領學生熟悉AI工具,再延伸到其他學科進行跨域應用。 更多AI課程,歡迎點擊按鈕前往104學習 延伸閱讀: 黃仁勳:每個人都該有個AI家教!這樣用AI提升學習工作效率 AI家教上線!ChatGPT和Gemini學習模式實測4招馬上用
【104職場力】
Placeholder 是什麼?在網頁上該如何設計使用
Placeholder 是什麼?在網頁上該如何設計使用
Placeholder 可以用在以下地方,最常見就是填資料時的提示語 1. 展示臨時內容: 它是在開發網頁或應用程式時使用的臨時內容,用來填充那些尚未準備好的位置,例如表單輸入框或圖片區塊。 2. 提示性文字或圖片: 在表單輸入框中,placeholder 提供了使用者應該輸入的預期內容,如「姓名」或「電子郵件」等。對於圖片,placeholder 可以是一個臨時的圖像,代表尚未上傳或準備好的真實圖片。 3. 開發時的樣式參考: 它有助於開發者確保各個元素的樣式和排版,即使缺少真實內容,也能讓畫面看起來完整。 - Placeholder 也有屬性限制,像是 1. 當欄位一開始輸入文字,Placeholder 就會自動消失。 2. Placeholder 預設的提示文字顏色,對比太小,不易閱讀。 3. 改變了 Placeholder 預設的文字顏色,又怕造成使用者已填入的混淆。 更多關於Placeholder 的介紹,可以看 https://km.nicetypo.com/doc/77423056e1cc37721e0d7c80e1accecf
104學習 PM雜學相談室-新手轉職PM交流區🙌
哪個產品設計與原型工具比較好?Sketch、Figma、Adobe XD 優缺點一覽!
哪個產品設計與原型工具比較好?Sketch、Figma、Adobe XD 優缺點一覽!
Figma、Sketch和Adobe XD 是當今主要的UI/UX設計工具,每個工具都有其獨特的特色和優勢,選擇取決於個人喜好、工作環境和團隊需求。Figma以其跨平台支持和強大的協作功能脫穎而出;Sketch擁有直觀的界面和強大的向量繪圖功能,特別適合macOS用戶;Adobe XD集成了Adobe生態系統,適合那些已經熟悉Adobe產品的設計師。以下分別介紹三個工具的優缺點: 【Sketch】 優點: - 界面簡潔:簡單直觀,適合初學者和專業設計師。 - 插件豐富:擁有大量第三方插件,可以擴展功能,提高設計效率。 - 向量編輯:強大的向量編輯功能,適合圖標設計和UI設計。 - Sketch Cloud:可以與團隊共享設計文件,並進行基本的原型設計和反饋。 缺點: ✘ 僅支援macOS:只能在macOS上運行,限制了Windows用戶的使用。 ✘ 實時協作較弱:與Figma相比,Sketch的實時協作功能較弱,需要使用第三方插件或雲端存儲服務來實現團隊協作。 - 需要一次性支付軟件許可費用。 【Figma】 優點: - 跨平台支援:支援Windows、macOS和網頁版,靈活性高。 - 實時協作:強大的實時協作功能,適合團隊合作設計。 - 雲端儲存:所有設計文件存儲在雲端,便於隨時隨地訪問和共享。 - 原型設計:內置強大的原型設計工具,無需使用額外的插件。 - 提供免費版和付費版。免費版包括限制,但對於個人用戶和小型團隊來說是一個不錯的選擇。付費版則提供更多功能和團隊協作能力。 缺點: ✘ 需要網路連接:雖然有離線模式,但最佳體驗需要穩定的網路連接。 ✘ 資源密集:對系統資源要求較高,可能在低配電腦上運行不夠流暢。 【Adobe XD】 優點: - 跨平台支援:支援Windows和macOS。 - 集成Adobe生態系統:與Photoshop、Illustrator等Adobe工具的無縫集成。 - 原型設計與分享:強大的原型設計功能,便於分享和收集反饋。 - 自動動畫:內置自動動畫工具,簡化動畫製作流程。 - 有免費版和付費版,免費版提供了基本的功能,付費版則提供更多功能和團隊協作能力。 缺點: ✘ 插件生態系統較弱:相比Sketch,Adobe XD的插件生態系統相對較小。 ✘ 學習曲線:對於非Adobe用戶,初始學習曲線可能較陡。 ✘ 提供了一些團隊協作功能,但與Figma相比功能稍嫌不足。 更多可參考網友的分享>>https://blog.twjoin.com/2022-%E5%B9%B3%E9%9D%A2%E8%A8%AD%E8%A8%88%E5%B8%AB%E8%BD%89%E8%81%B7-ui-%E8%A8%AD%E8%A8%88%E5%B8%AB-sketch-adobe-xd-figma-%E5%A6%82%E4%BD%95%E9%81%B8%E6%93%87%E9%81%A9%E5%90%88%E8%87%AA%E5%B7%B1%E7%9A%84ui%E8%A8%AD%E8%A8%88%E5%B7%A5%E5%85%B7-ff9352f88e5a
知識貓星球 PM雜學相談室-新手轉職PM交流區🙌
【入門基本功】AutoCAD 3D 電腦繪圖設計
【入門基本功】AutoCAD 3D 電腦繪圖設計
今天小編要繼續推薦AutoCAD 這個繪圖工具,上週我們看到的是 2D繪圖,今天我們則要來看用 AutoCAD 做3D繪圖。 各位知道目前市場上,3D繪圖軟體非常多,而每一款其實有其擅長 (或者說最適合使用)的領域範圍,我從網路個分享中,大概獲得一些訊息整理出來;目前3D繪圖從領域來分,可以大致可以分為「參數式建模」用於設計端到生產端溝通與執行工具,也就是 AutoCAD 3D 這一類;「非參數式建模 (高自由度)」用於與 CAD 搭配作業,物件與參數可與CAD交換作業的CAID軟體,例如:Alias。前面兩者,多用於工業、機械、建築、商品、零件設計等。第三種則是「多邊形建模」通常用於動畫設計,與前述兩類其實不同,例如:3Ds Max、Maya、C4D等知名軟體。 各位大約可以理解今天這堂課程所教的AutoCAD 3D學習後的使用領域;而今天這門課程,我們將能夠學習到:建構 AutoCAD 2D & 3D 樣板底圖、繪製3D實物、如何將三視圖轉為立體圖、AutoCAD 3D局部詳圖、2D與3D整合出圖、AutoCAD 3D的尺寸標註與投影、立體圖轉換剖面圖、三視圖與詳圖、繪製3D鳥瞰透視圖、一點透視與二點透視。課程將會從基礎環境設定,到立體視覺概念,在進入實際繪圖技巧、轉換技巧等實務分享,一直到最後得出圖技巧等,將會是非常紮實得一門課程。 推薦課程網址: https://hahow.in/courses/596f61cfede9500700e6ced2/main 祝您 工作順利、學習愉快 小編陪您每日學習成長1%
一零四線上嚴選 每日推薦一堂課
[嚼舌]產品設計師進化論2-UI/UX設計師與產品設計師差別
[嚼舌]產品設計師進化論2-UI/UX設計師與產品設計師差別
若你是UI/UX設計師,看到有些公司徵「產品設計師」的職缺,適合投遞嗎? UI/UX設計師與產品設計師的工作有什麼不同?以下為您解答。 在過去的十年當中,介面設計領域經歷了一些進化,而承擔這些相關職能的稱謂,也隨著時間推移發生了一系列的調整。現今常聽到的UX設計師、UI設計師和產品設計師,這些工作角色之間有什麼區別? 1.UX / 體驗設計師: 就是專門針對體驗進行設計的角色。理論上體驗設計師是做用戶研究和制定體驗方案,並從使用者的心態和角度思考設計;主要關心的是產品「用起來感覺怎麼樣」。 工作內容可能有撰寫各種產品使用場景和建構互動模式。利如參與各種測試和觀察使用者做了什麼(例如可用性研究、眼球追蹤、A/B測試,訪談問卷等等),以及針對介面、互動面去做優化與建議(Prototype)並且透過線框圖(Wireframe)找到產品的使用邏輯。 2.UI / 介面設計師: 核心職能就是根據老闆、產品PM的需求,提供介面的視覺方案。並輸出相關的設計規範、設計說明、設計切圖;主要關心的是產品「看起來怎麼樣」。 工作內容可能需要從抽象的需求轉化為可視化的wireframe;或拿到上游需求方(產品PM或UX設計師)已經畫好的wireframe、UI flow進行視覺的設計與規劃,例如整體色系的選擇,或是icon、圖片、文字等其他元素或組件的樣式設計。若是稍具規模的產品或專案,可能還需要設計具有一致性的視覺規範(Style Guide)。 3.PD / 產品設計師: 如果你在10年前,頭頂上的職稱是「產品設計師」(Product Designer)的話,那麼你很有可能是負責設計實體產品的外觀的設計師或者工業設計師。但是在 2015年前後,由於 SaaS(軟件即服務)類產品的流行,我們注意到「產品設計師」這一職稱還是應用到這類產品當中負責與使用者互動的設計師頭上(看起來像是設計師和產品經理的某種程度上的融合)。 定義、探索、構思、驗證 自從2017年阿里巴巴提出了設計全鏈路的概念後,全鏈路/產品設計師ㄧ詞慢慢的被廣泛的運用。產品設計師實際上指的是可以深度參與產品功能走向與規劃中,比起某一段用戶旅程或某一功能的互動,更在意的是整個產品從前期需求探索、功能規劃、視覺呈現到上線前的測試、上線後的數據觀測與迭代優化等全程參與的過程。在不同使用場景、並以人為中心(Human-centered design)的前提下,實現產品的平衡性(商業決策與用戶需求的平衡點、公司內部各利益相關單位的平衡點、產品內各功能的配置與使用的平衡點)。 小結: 正如同你所看到的,產品設計師像是UI+UX設計師的聯集、同時又對產品開發有更廣以及更深的探索。UI/UX設計師會在工作中尋求實現產品使用的完整性(視覺、互動);而產品設計師則會隨著時間推移,深入研究產品的升級進化之道。 當然,上面提到的職稱與工作內容,隨著每家公司的所賦予的定義肯定是有例外的,因為它們並不會完全符合所有的環境。但是希望這篇文章可以初步解釋這三者之間的差異性。 延伸閱讀: [嚼舌]產品設計師進化論1-平面設計師如何成為UIUX設計師 https://nabi.104.com.tw/posts/nabi_post_6e012a8d-811b-457f-b5fd-5bf94793f0e2?utm_source=104nabi&utm_medium=share [嚼舌]產品設計師進化論3-UIUX設計師如何成為產品設計師 https://nabi.104.com.tw/posts/nabi_post_ffdca43d-8dd0-4d10-9a76-c63ac9b5561d?utm_source=104nabi&utm_medium=share
Kinny 毒舌好朋友
英文自傳撰寫指南 Part 1
英文自傳撰寫指南 Part 1
一、個人背景 自傳相較於履歷是更能自由發揮展現自身優勢,台灣常見的英文自傳都是從家庭背景開始,像是 “My name is Michael. I am from a family which is composed of four members: my parents, my younger sister and I. My father is a businessman…” 看似沒有什麼太大的問題,但是千萬要注意,倘若你在這段文字中並沒有顯現出個人的特質,或是展現你與應徵職位的相關性,就只是浪費篇幅而已。 自傳的重點在於推銷自己,換言之,文字中每句話都要幫你加分才行,因此倘若家庭背景中沒有提供企業想知道的訊息,會更建議以學歷背景開頭的寫法 ~ 列出曾修習過「和應徵職務相關」的專業課程,展現自身所具備的 My name is David. I hold a bachelor's degree with a major in Economics which was awarded to me by Fu-Jen University in Taipei in 2000. Besides my major, I have also taken many courses related to computer science like Data Management, C-Language and Calculus, which have prepared me for software programming in the field of finance and investment. 以上這種寫法著重在個人的學歷和學習經驗,如果經歷是與應徵的工作有「直接相關」的話,在此部份可以更加詳細的描述,包括寫出優異的成績、對特定領域的研究、專長等,增加此段的篇幅。 倘若本科系所學與職位無直接的關連,也可以寫出自己「曾修過的課程」或「相關的證照」,強調自己跨領域的學習,同時展現自己的積極態度,證明自己具備職務所需要的專業能力。 二、相關經歷與專業 上一段的個人背景說明了你具備專業的知識,第二段則是證明你有實作的能力,內容可以包括社團、課外活動、實習或打工的經驗。 就算上述的經驗和「未來的工作」並沒有直接的相關,也可以用「個性」、「處事態度」來呈現自己具備此職位所需的特質,像是在社團中擔任的職位、團體中扮演的角色都可以呈現你的個人特質、團隊合作的能力。 進一步可以說明你在這份經歷中的收穫,像是「統籌規劃」、「溝通協調」都是十分常見可以在團體活動中學習到的能力,總而言之,此段的重點就是強調自己過去的經驗是有助於現在所應徵的這份職務的。 Therefore, I was employed at the university's computer centre where I assisted the instructors in teaching students how to search websites on the internet, and how to send e-mail messages by using Outlook software. I also helped students design their web pages by familiarizing them with both PowerPoint and FrontPage software. 和職位直接相關的經歷,展現自身具備實務操作的能力以及強烈的興趣,因為參與活動的經驗,因而具備良好溝通協調的能力 ~ Moreover, I was not only active in the university but also a participant in the 1998 International Conference of Web Technology Development in Taiwan. The experience brought me into contact with professional societies and helped me improve my social skills when interacting and communicating with professional people. This experience also taught me how to work with people efficiently. Part 2 低加 https://bit.ly/3q0ndrW
謝建章 職涯修煉室
UIUX 設計師必備:IconKitchen 快速生成高品質 App icon 的免費 AI 工具|功能優勢、使用教學
UIUX 設計師必備:IconKitchen 快速生成高品質 App icon 的免費 AI 工具|功能優勢、使用教學
在設計App圖標時,你是否常為了調整不同平台的尺寸和格式而煩惱?IconKitchen 是一款專為解決這個問題的AI工具,能夠快速生成各種應用程式的圖標,無論是iOS、Android還是網站。這篇文章將介紹IconKitchen的功能優勢、使用教學以及費用方案,幫助你在短時間內輕鬆完成圖標設計,提升工作效率。 ▍IconKitchen功能優勢 IconKitchen 是一款針對開發者和設計師的專業圖標生成工具,其最大的特色在於支援多平台圖標的快速製作。無論是iOS、Android(包含自適應圖標),還是網站的favicon或macOS應用程式圖標,IconKitchen 都能提供相對應的格式和尺寸。 ▍IconKitchen的主要功能 ● 自動生成多平台圖標:不再需要手動調整每個平台的圖標尺寸,只需一次設計,即可生成適合多種操作系統的圖標格式,包含自適應圖標和動態圖標。 ● 圖標客製化:IconKitchen 提供多種圖標設計選項,使用者可以選擇不同的顏色、材質、以及預設的圖標模板,或者上傳自定義的圖片,快速生成高品質圖標。 ● 簡單易用的介面:這款工具設計簡單易懂,即便你不是設計專業背景的人,也可以透過幾個簡單步驟完成圖標的設計和導出。 ● 跨平台兼容性:支援iOS、Android、自適應圖標(Adaptive Icons)、網頁圖標(favicons)等多種平台,極大簡化了跨平台圖標設計的工作流程。 ▍IconKitchen使用教學 使用IconKitchen 進行圖標設計的流程非常簡單。以下是使用這個工具的教學步驟: ● 訪問IconKitchen網站:首先,進入 IconKitchen 官方網站,這個工具不需要額外安裝軟體,完全在線操作。 ● 選擇設計模板或上傳圖片:網站會提供多種預設的設計模板,你可以直接使用,也可以選擇上傳自己的圖片,進行個性化設計。 ● 設定圖標的顏色和材質:在圖標生成過程中,你可以自訂圖標的顏色搭配和材質效果,這能讓你的圖標更具特色和品牌感。 ● 導出圖標:當完成設計後,IconKitchen會自動生成適合不同平台的圖標格式。你可以下載這些圖標,直接使用於你的App或網站上。 ▍icon生成 ai 的未來應用 隨著AI技術的進步,像IconKitchen這類自動化設計工具逐漸改變了設計師和開發者的工作方式。相比以往的手動調整,AI工具可以自動完成多平台圖標的調整,不僅提升了設計效率,也減少了人為錯誤的可能性。特別是在自適應圖標的處理上,IconKitchen 讓設計師不再需要煩惱複雜的技術細節,專注於圖標的創意表現。 這樣的工具未來很可能會逐漸整合更多的功能,例如圖標動畫、更多的客製化選項,甚至與其他設計軟體(如Figma、Sketch等)無縫對接,進一步簡化設計流程。 ▍IconKitchen方案費用 IconKitchen 目前提供免費方案,使用者可以在不花費的情況下享受到其完整的圖標生成功能。根據其 產品頁面 的資訊,該工具目前不收取費用,這對於新創公司或小型開發團隊來說,是一個非常有吸引力的選擇。 儘管IconKitchen免費提供服務,未來可能會推出付費方案,以增加更多進階功能,例如更多的圖標模板、高級客製化選項,或是加速生成速度等服務。 總結 IconKitchen 是一款非常實用的 AI 圖標生成工具,能幫助設計師和開發者快速設計適合不同平台的高品質圖標。透過簡單易用的介面和多種客製化選項,你可以輕鬆完成圖標設計,省去繁瑣的手動調整過程。特別是對於初學者或時間有限的專業人士,IconKitchen的快速生成功能能大幅提升工作效率,幫助你專注於其他更重要的工作。 如果你正苦於多平台圖標設計的繁瑣步驟,或者希望提升你的設計效率,不妨嘗試一下IconKitchen,體驗AI帶來的設計便捷性! ➤ 立即使用:https://icon.kitchen ➤ 歡迎在104學習精靈關注【AI趨勢報-科技愛好者的產地】獲得更多科技新知!
知識貓星球 AI 趨勢報-科技愛好者的產地🤖
職涯博覽會正式登場,Giver小尖兵出任務啦!😎
職涯博覽會正式登場,Giver小尖兵出任務啦!😎
7/4 天氣晴🌞職涯博覽會正式登場,Giver小尖兵又出任務啦!😎 這場次🈶雙倍大的辦公桌,空間算是寬敞的,不論通行走道,穿梭左鄰右舍,都能暢行無阻。 再來我們看到,貼心的早餐盒、天然水、計時器、喉糖、專屬立牌、志工掛牌、A4紙、原子筆、五月花衛生紙、休息&有空圓牌、小可愛回饋QrCode…嗯!盤點完畢,準備來享用餐點啦~ 陸續遇到認識的Giver,大夥寒暄了一下。 當主持人詢問大家「是否願意提前10分鐘開始?」,Giver毫不猶豫的👌早已蓄勢待發,各就各位——即刻啟動✨! 就這樣,專業的叫號機響起,還有帶位服務,今兒🉑說是生意興隆,忘了時間的鐘🤭 現在,迎接每一場活動,我總是帶著分享的心,和前來諮詢的人交流,聽著每一段故事,更是心有戚戚焉⋯⋯ 而也會發現到,大多數的人,都有先問過AI一輪了🤓 大方向歸類一下問題方針: 年齡30歲以下,都有焦慮的狀況!但,其實都很優秀耶,所以,我會叫他們放輕鬆,並給予鼓勵👏 30-36歲,已具有一定的即戰能力,就加持更多的自信心,再用力的盤點分析,給足肯定👊 40-45歲,這剛好年齡相仿,我知道狀況劇會怎麼演,拿出看家本領順著大盤走勢,大部分都可以理性接受,一點就通!🫶 來到下午時刻,這時候吃飽飯,開始想睡覺了啦!怎麼有點頭昏昏😵‍💫,齁一定是冷氣太強了…後來,變成有點注意力分散的狀態(搖搖晃晃)。好險!嗶嗶叫的計時器,總是能讓我驚醒過來🥹 就在這個時候,無糖的「香橙春烏龍」出現啦!哇~也太貼心了吧🥰咕嚕咕嚕的暢飲,順便潤潤喉。 最後,再次獲得一包「真命天職」的乖乖。 很快的,這場馬拉松任務挑戰,在一群熱情助人的Giver齊心協力下,達標完成☑️提前收工! 是的,我又是滿載而歸的一天😎 感謝104BeAGiver 團隊的用心,後續提供了求職者給我的回饋感謝❤️ ⭐ 謝謝您 讓我對於未來 更有方向 ⭐ 感謝協助釐清履歷準備 ⭐ 謝謝妳提供的資訊以及不同的觀點,讓我收益良多,對自己也因此自信了不少。也祝妳工作順心,每日都開心✧٩(ˊωˋ*)و✧ ⭐ 謝謝建議與想法 ⭐ 謝謝大姐,聊天很愉快。 ⭐ 非常感謝提供自身的經驗分享! ⭐ 因為是在職,所以就詢問一些其他問題,來解開我的迷茫,雖然對於現階段的我來說,還是有許多疑惑,不過得到的回答我都是很滿意的,這是第一次來 這次收到的平均幫助分數為 4.8 分🥳(滿分 5 分) 謝謝每一位回饋的夥伴,不吝給予支持🙏 讓我們期待下一場的活動見啦~ 歡迎觀看Giver小尖兵出任務啦!😎 👉https://youtube.com/shorts/RTI7dH4WUkQ?si=AJwNoWp7YzYwb8sY
阿萍仔 設計診聊室|甘苦談交流區🥹
Sketch up?3ds max?想做室內設計的我該怎麼選
Sketch up?3ds max?想做室內設計的我該怎麼選
這取決於您的需求和學習偏好。SketchUp和3DS Max都是強大的渲染工具,但它們有不同的特點和學習曲線。 SketchUp: 易學性高:SketchUp對於初學者來說比較容易上手。它的介面簡潔直觀,主要針對建模工作。 渲染能力較弱:SketchUp的渲染功能相對較為基本,主要是提供一些基本的渲染效果和質感,並不像專業渲染軟件那樣全面。 適用範圍:SketchUp主要用於建築和室內設計等領域,尤其在快速建模和初步設計階段使用較多。 3DS Max: 功能強大:3DS Max是一個功能豐富的建模和渲染軟件,提供了更多高級的渲染技術和功能。 學習曲線較陡峭:相對於SketchUp,3DS Max的學習曲線較陡峭,尤其是對於沒有經驗的用戶來說。 廣泛應用:3DS Max廣泛應用於電影、遊戲、動畫等領域,特別是在需要高度細節和真實感的項目中。 總的來說,如果您是初學者並且需要快速入門並進行一些基本的建模和渲染,那麼SketchUp可能更適合您。但是,如果您尋求更高級的渲染效果並準備投入更多時間學習,那麼3DS Max可能更符合您的需求。
巨匠電腦逢甲認證中心 巨匠電腦逢甲認證中心-建築室內設計學院
如何在Notion建立目錄?終於有側邊目錄新功能了!詳細步驟教學
如何在Notion建立目錄?終於有側邊目錄新功能了!詳細步驟教學
當你的Notion有著龐大的內容,尤其是拿來做筆記的時候,在 Notion 中建立目錄可以幫助你更好地組織和導航內容,以下提供兩個方式使用 Notion 創建目錄,附上詳細步驟: 【自動生成】添加目錄塊 1. 在新頁面中,點擊頁面的空白處,或者使用快捷鍵 `/` 打開命令選單。 2. 輸入“Table of Contents”並選擇“Table of Contents”塊。這將自動生成一個目錄,包含頁面中所有標題的連結! ►注意:要確保頁面中已有不同層級的標題(Heading 1, Heading 2, Heading 3),目錄才會顯示內容。 3. 現在notion也可以側邊預覽目錄了!(如以下GIF所示) 點開頁面右上角三個點點→打開Table of Contents→側邊目錄就自動出現啦 【自訂目錄】使用錨點連結創建 如果你想創建一個自訂的目錄,可以使用 Notion 的頁面連結功能: 1. 在頁面中添加各級標題(Heading 1, Heading 2, Heading 3)來組織內容。 2. 回到你的目錄頁面,輸入你希望作為目錄的文本,例如: ►一級標題 ►二級標題 ►三級標題 3. 選中這些文本,並創建內部鏈接(copy link to block): 選中一級標題文本,點擊彈出的工具欄中的“連結”圖標,使用 `Cmd+K` (Mac) 或 `Ctrl+K` (Windows) 快捷鍵來快速添加連結。
知識貓星球 PM雜學相談室-新手轉職PM交流區🙌
[嚼舌]產品設計師進化論3-UIUX設計師如何成為產品設計師
[嚼舌]產品設計師進化論3-UIUX設計師如何成為產品設計師
上一篇講到了UI/UX設計師與產品設計師的不同之處,但若現在你已經是一位UI/UX設計師了,要學習哪些技能才足以擔任起產品設計師的工作呢?以下節錄四大必備硬技能,快來看看~ 1.使用者中心設計 產品使用與介面設計息息相關,不能用自己的思維去設計,要去了解如何從使用者的角度出發來進行規劃與思考並引導產品、系統、服務的設計與開發。一個標準的流程大致包含定義使用的情境、定義產品需求、設計解決方案、以及評估設計成果,另外再加上前期使用者需求調查和後續的使用者滿意度評估。 白話一點來說,一個功能要開發前,要去了解這個功能對使用者是否有價值,能真正解決他們的痛點嗎?在產品服務中什麼情境、又是基於何種考量去使用這個功能?再者,設計出來的解決方案是如何讓使用者看到並且使用達到預期目的?最後,如何得到驗證,評估的標準為何,使用者實際使用後的感受為何? 2,資訊架構與操作流程設計 如何將眾多的功能適時的分類、配置,並保留未來的功能擴充性,就很仰賴資訊架構的能力。例如一個app經過需求盤點後大致有6項大功能、9項子功能,那首頁應該怎麼設計?功能相近的功能是否應該放在一起,還是依據使用流程來配置?如果未來繼續加功能,目前的架構是否可以滿足等等。 操作流程是指在首頁賦予任何的任務,都可以經過操作後抵達目的頁;包含功能的可逆性(取消、返回、刪除),以及各種的極端值、錯誤狀態。設計第ㄧ個版本後,可以再思考是否有更短路徑、或更方便操作的動線,以此優化、迭代。 3.數據驅動設計 產品開發大多是帶者假設、然後上線要獲取驗證的過程,我們無法百分百保證新功能就是使用者心中所希望的、使用者會按照我們預想中的流程去操作;所以上線後必須要隨時觀測使用情況的數據,並以此為基準去解讀數據、洞察問題、提出假設、進行設計解決方案、再經過上線驗證。 常見的數據分析工具是GA (google analytics),市面上也有很多關於此工具的教學;一般來說主要觀測的是頁面流量、留存率、跳出率、點擊率、某功能的轉換率、頁面使用排名與流程、使用者裝置佔比、其他使用行為洞察等等。產品設計師們不一定要自己「會看」,也可以詢問PM你想知道的數據,再由PM提供給你;若你真的很好奇但是不好意思一直問PM,還是建議請PM幫你開通使用權限,自己玩玩看會發現更多有趣的現象喔! 4.統整需求與提案、說服能力 最後一點但認為是非常重要的一點,單靠產品設計師一人是無法將專案推上線的!必須跟產品企劃(PM)一起獲得決策者們的認同,可能還需獲得行銷單位、廣告單位、前、後端工程單位的支持,產品才有可能順利進行開發。 所以設計師必須將自己的發現整理成他人可以看得懂的內容、將設計方案呈現的讓人一眼就明白、或是透過prototype讓大家更好理解整個操作流程;簡報也盡可能納入有說服力的內容,例如搜集使用者的聲音、進行原型測試、或是整理內部單位相似的需求、大環境或競業的分析與趨勢、前一版本的使用數據與解讀...只要可以「佐證」你的設計,都可以整理進你的提案中,成為一個很好的推力。 以上,4大必備硬技能介紹到這兒,下篇聊聊軟實力~~ 延伸閱讀: [嚼舌]產品設計師進化論1-平面設計師如何成為UIUX設計師 https://nabi.104.com.tw/posts/nabi_post_6e012a8d-811b-457f-b5fd-5bf94793f0e2?utm_source=104nabi&utm_medium=share [嚼舌]產品設計師進化論2-UI/UX設計師與產品設計師差別 https://nabi.104.com.tw/posts/nabi_post_e981ec13-398f-42a4-9d8f-6da97147b274?utm_source=104nabi&utm_medium=share
Kinny 毒舌好朋友
想學 Figma 如何開始?給新手的自學推薦課程、資源網站
想學 Figma 如何開始?給新手的自學推薦課程、資源網站
自學 Figma 這款強大的設計工具有很多資源和課程可以推薦,無論你是初學者還是有經驗的設計師,都可以透過以下提供的優質的自學資源和課程精進自我! 【初學者課程】 1. Figma 官方資源 ✶ Figma 101: Figma 官方YouTube頻道 https://user206203.pse.is/64u6a9 ✶ Figma 速成班: Figma 提供的官方指南和文檔,幫助你快速上手。 2. Coursera ✶ Web Design for Everybody: Basics of Web Development & Coding: 提供了一個很好的起點,其中包括對 Figma 的介紹和使用。 https://www.coursera.org/specializations/web-design 3. Udemy ✶ Learn Figma - UI/UX Design Essential Training: 一個全面的入門課程,涵蓋 Figma 的基礎知識和實踐技巧。 https://user206203.pse.is/64u6gr 4. YouTube ✶ DesignCourse: 提供許多免費的 Figma 教學視頻,從基礎到進階都有。 【資源網站】 1. Figma 社區 Figma 社區提供了許多免費的設計模板、插件和教程,是一個豐富的資源庫。 2. Medium UX Collective: 有很多關於 Figma 的文章和教程,適合進一步提升設計技能。 https://uxdesign.cc/ 3. Dribbble Dribbble 上有許多設計師分享的 Figma 文件和作品,可以用來學習和參考。 https://dribbble.com/ 【自學建議】 ☛ 實踐為主:在學習理論的同時,多進行實踐練習。可以模仿一些知名設計師的作品,從中學習他們的技巧和設計思路。 ☛ 參加社群:加入 Figma 的線上社群,如 Slack 群組、Facebook 群組或論壇,與其他設計師交流,分享經驗和問題。 ☛ 持續學習:設計工具和趨勢不斷變化,保持對新技術和新方法的關注,不斷提升自己的設計水平。 希望這些資源能幫助你順利自學 Figma,成為一名出色的設計師!
知識貓星球 PM雜學相談室-新手轉職PM交流區🙌
【104品牌日】獨家自製課⚡3/11-3/16全面8折 ⚡
【104品牌日】獨家自製課⚡3/11-3/16全面8折 ⚡
本週「104課程中心」有個驚喜限時優惠!! 致力於職涯發展、履歷面試、探索新職類,推出自製微課, 利用60-75分鐘的課程陪你探索職涯。 【品牌日獨家8折,優惠只到3/16】 如果你對以下10堂課程感興趣,不要錯過!前往連結放在留言處! 🟢零經驗轉職PM:探索PM職涯可能 https://nabi.104.com.tw/course/104nabi/e9050f70-6510-4c49-80cf-f6c1720cc2cc 🔴數據分析師轉職班:技能教學、AI 應用、面試提點 https://nabi.104.com.tw/course/104nabi/7426a40c-d056-484f-a7ac-2607d1a7798e 🟢AI職涯探索:利用AI分析報表探索你的職涯發展 https://nabi.104.com.tw/course/104nabi/cab56957-91f5-4ec8-8363-1d144a8f2c51 🔴AI履歷教學:寫出讓HR滿意的履歷表 https://nabi.104.com.tw/course/104nabi/c0c87176-679a-4b8f-9538-a6cccbf35aae 🟢AI高效面試備戰:面試題庫、面試演練,拿下夢幻工作 https://nabi.104.com.tw/course/104nabi/08ba4b08-6e3c-4624-8e12-8ae4f84d0165 🔴跟獵才談薪學:轉職、升遷薪水應該這樣談 https://nabi.104.com.tw/course/104nabi/2e3ddb28-56a5-40b8-a887-817374311f0f 🟢AI高效生產術:5大場景 x 指令攻略 x 工作效率up https://nabi.104.com.tw/course/104nabi/865a8df9-df6e-49b4-8835-a190bd870ca6 🔴行銷速成班:從新手到高手的入門指南,陪你搞定所有基礎 https://nabi.104.com.tw/course/104nabi/a7392eeb-661b-4efa-a19c-418caf67b905 🟢資料工程師面試備戰:工程師軟硬實力分析 https://nabi.104.com.tw/course/104nabi/121dca81-e613-467f-8469-92ba0017fd27 🔴設計師接案學:報價單、合約、報稅一次到位 https://nabi.104.com.tw/course/104nabi/e8209fa0-d380-440d-9c42-b9bb53fd9837 【優惠只到3/16(日)先搶先贏】 【本週品牌日。名額售完不加開】
104學習 職涯學習課程專文推薦
Photoshop X Illustrator 就是i設計
Photoshop X Illustrator 就是i設計
Photoshop X Illustrator 就是i設計 (第二版) 本書原創由2012年的「PHOTOSHOP X ILLUSTRATOR XINDESIGN 就是i設計」一書,延伸到2019年介紹常用的兩大設計軟體書籍「PHOTOSHOP X ILLUSTRATOR 就是i設計」,其出版至今,提供豐富、精彩的實例內容,廣受初學者、學校與補習班的喜愛,無論是在自學或教學上,本書提供的實務操作範例,都可以讓學習者輕鬆上手。為此,在2023年推出第二版,因軟體的技術更新,重新規劃實際設計工作中會應用到的實務範例,以基礎的編排設計、視覺引導,提升學習者具備創意、紮實的功力,更獲得108位專業設計人士與師生好評推薦!! 書籍完整資訊:https://bit.ly/43j7baj
碁峰資訊GOTOP 電腦技能的領航員-碁峰資訊
畫圖不再是難事!Google Stitch 讓你「用說的」一鍵生成 UI 介面,打破設計高牆
畫圖不再是難事!Google Stitch 讓你「用說的」一鍵生成 UI 介面,打破設計高牆
什麼是 Google Stitch?用嘴巴就能「畫」出 App 的 AI 設計神器 🎨 傳統的網頁或 App 開發流程中,最耗時的就是「把想法變成視覺畫面」的階段。產品經理(PM)或創業者要先畫出密密麻麻的線框圖(Wireframe),再交給 UI 設計師精修,溝通成本高得嚇人。 Google 推出的 Stitch(stitch.withgoogle.com)就是為了徹底終結這個痛點。它是一套由 Google Gemini 驅動的 AI 原生設計畫布。 它最狂的地方在於:你不需要會畫畫,也不需要懂複雜的設計工具。 你只需要用簡單的文字(例如:「幫我做一個健身 App 的會員登入頁,要有進度條、深色模式」),甚至直接用說的(Voice Canvas 功能),Stitch 的 AI 設計助理就會「即時」在無限畫布上幫你把高質感的 UI 介面、互動原型(Prototype)直接生成出來。 為什麼你需要懂它?三大受眾的黃金應用價值 這款產品不是只給設計師用的,它真正的價值,是全面解放「非設計背景」的專業工作者: 1. 專業工作者 / 產品經理(PM):告別靈魂畫手,溝通效率提高 10 倍 🧠 痛點: 腦中有很棒的產品想法,但每次畫出來的草圖都很像小學生作品,跟工程師或老闆溝通像在雞同鴨講。 Stitch 的價值: 以前開會前準備原型要花好幾天,現在你可以一邊和團隊討論,一邊對著 Stitch 下指令微調介面(「把按鈕變圓一點」、「這裡加上搜尋欄」)。Stitch 還能自動生成「點擊後的下一個邏輯畫面」,自動幫你把使用者旅程(User Journey)串起來。這讓 PM 在敏捷開發、Sprint 計畫時,能用最低的成本與團隊達成 100% 的視覺共識。 2. 求職 / 轉職者:履歷作品集「速成外掛」 🚀 痛點: 想轉職做產品經理(PM)、數位行銷或獨立開發者,但作品集裡沒有拿得出來的 App 或網頁原型。 Stitch 的價值: 它是轉職者展現「產品思維」的終極利器。你可以把你想做的 side project 想法餵給 Stitch,在幾分鐘內產出整套精美的 UI 介面。更厲害的是,它支援「一鍵匯出到 Figma(帶有命名圖層與自動佈局)」,甚至能產出 HTML/CSS 程式碼。在履歷上寫出自己能熟練運用 Google Stitch 進行敏捷原型設計,絕對會讓面試官眼睛一亮。 3. 外包接案者:用「超音速」提案,提高結案率與報價 💰 痛點: 客戶需求講得不清不楚,花幾天做好的提案不對客戶胃口,白白浪費時間。 Stitch 的價值: 在跟客戶初步諮詢時,你可以直接打開 Stitch,上傳客戶給的參考截圖或隨手畫的草圖(Stitch 支援草圖轉 UI 結構)。一邊講、一邊對著 AI 下指令,在 30 分鐘內現場把「設計雛形」做出來給客戶看。這種「即時回饋」的超專業提案力,不僅能讓你在競標中脫穎而出,更能直接把客戶的黏著度牢牢鎖定。 結語:AI 時代,懂「氛圍設計(Vibe Design)」才是贏家 在 Google Stitch 誕生後,設計的門檻已經被降到了最低。未來職場拉開差距的關鍵,不再是你會不會拉 Figma 的線條,而是你有沒有好想法,以及能不能用精準的邏輯引導 AI 產出你要的結果。現在就登入 stitch.withgoogle.com,開始用你的嘴巴「說」出你的第一個軟體設計吧! Google Stitch https://stitch.withgoogle.com/
Trulli Wu PM好同學
外商面試分享 ~ 英文CV & Cover Letter
外商面試分享 ~ 英文CV & Cover Letter
在我的職涯當中有在五間外商服務過,其他有三間是被膩稱為假外資的僑外資,所謂的僑外資就是經濟部獎勵華僑回台投資所開設的公司,細節請行check相關法規。在我服務的這五間公司當中僅有一間日商,其餘的都是來自北美的企業。 外商的申請方式不外乎兩種,一是透過人力銀行去申請,另一種會在人力銀行刊登廣告,但要求職者與HR連絡,如果是前者,建議善用104所提供的所有欄位,並附上英文CV及全英文的自傳,送出前請務必請專人check文法及拼字,切記不要使用Google翻譯,雖然準確度有提高,但自動翻譯的文法錯誤百出,且翻不出台灣慣用的贅詞。最近在履歷健診時都發現不少Taker是先寫好中文自傳再用Google翻譯產出的,文法事小,很多根本詞不達意,根本展現不出自身的優勢。 英文自傳撰寫請參考我的另一篇文章 https://nabi.104.com.tw/posts/nabi_post_ee3918bd-982b-4638-8994-c1b18ccad5cd 若是請求職者直接連絡HR或到企業官網投遞時,通常會要求提供CV及Cover Letter,英文CV建議可依要申請的公司去做版面的設計,如果是較活潑的廣告公關公司,不妨用較花俏甚至特別的設計來吸引企業的注意,網路公司會比較再意個人社群上的呈現,也的確有些用人主管是以IG或FB來決定的,可善用Canva提供的工具來創造與眾不同的CV,前幾年流行的Infographic CV 在台灣的求職者中比較少見,但卻是申請新創或FMCG產業時很棒的呈現方式。 Canva 線上創意設計工具 https://nabi.104.com.tw/posts/nabi_post_2d2f3da9-82ba-4bbf-b25e-c0539f7a3186 Cover Letter 其實就是求職信,要按照英文書信的標準寫法去寫,內容可以參考Job Description (JD) 去寫,但請不要100% clone,還是要搭配您的學經歷及專長去寫,但我建議求職者可以先寫一份通用版,先將學經歷、專長、優勢及個性等先寫出來,再針對每一間企業的JD去客製化,切記不要使用Cover Letter產生器,因為經過實測,所有的內容都會大同小異,根本無法放大個人的亮點。 如果還是沒有頭緒,推荐可以參考這篇文章,是為初學者所設計的https://novoresume.com/career-blog/how-to-write-a-cover-letter-guide 根據我的經驗,大的跨國外商,在流程上比較嚴謹,是真的會向推荐人徵詢您的狀況,所以要慎選真的可以幫助到您的推荐者,另一方面有句話說要留些好映像給別人探聽,就是在這個時候啦!!! 無論外商在台的企業規模,我一定都是穿全套的正式西裝去面試,女生建議穿正式套裝,服裝代表您對這份工作的重視程度,我曾經在某A品牌的櫃台看過HR請求職的女生回去換裝後再來,就算是相對的活潑的行銷部門,在面試的時候也不能隨便。 此外,建議準備3-4份紙本的中英文CV隨身帶上,有的主管會問是否有帶履歷表,您可能會想阿我不都已經申請了嗎!? 你怎麼還要跟我要呢!? 這有幾種狀況 ~ 1. 剛有提到外商 processing time較長,我有個朋友去Google面試,從第一關到第二關的間隔是三個月,這期間變化很多,備上最新的履歷表沒有壞處 2. 很多用人主管是等人已到公司後才抓時間看HR或助理幫忙印出的履歷,甚至有時根本來不及印就匆忙的趕到會議室,這時您若貼心的準備好也很加分喔! 最後,也是最重要的,請務必準備英文自我介紹,這是必考題,下次會針對英文自我介紹及外商面試的常問題跟大家分享!!! FB 粉專 https://www.facebook.com/ieltsaidtw/
謝建章 雅思邦幫忙
影像企劃、攝影與剪輯師徵才
影像企劃、攝影與剪輯師徵才
你好,我是先行智庫執行長Steve,我們是台灣第一家以讀書會成立公司的社會企業,2018年開始轉入到企業內訓與顧問諮詢市場,以客戶為中心是先行智庫的企業文化DNA,所以這三年服務過的企業超過350家,服務範圍包含台灣與國際龍頭產業、中小企業主、新創團隊與政府單位。這也代表一件事,在這邊個人的成長空間非常的大。 我們打造出全台灣第一套整合式訓練服務平台,重新翻轉企業的學習模式,透過5大服務12項知識領域為企業量身打造關鍵人才學習發展計畫,並結合數據分析評估學習成效,協助企業強化人才競爭力。我們希望在五年之內成為台灣管理顧問界的領導品牌。 我相信在這裡的夥伴,未來職涯發展或學習成長都有不錯機會,你除了可以近身觀察到執行長的工作與學習方法,還可以學到如何協助台灣頂尖的企業主管與HR主管規劃各種訓練與數位轉型專案,還能認識超多的國內與外商策略夥伴。 此外,先行智庫的工作地點也非常方便,就在古亭捷運站五號出口步行三分鐘的距離,同事之間的工作氣氛也不錯,主管也樂於分享。更特別的是,這是一家創新、平等且多元的公司,如果你喜歡工作常常有變化,這裡會是一個適合你長期發展的舞台。我相信,如果一份工作有好的同事與支持你的主管,精彩就會發生。 目前我們的跨界合作夥伴包含以下三大類 1. 與10家數位課程平台授權合作,包含好學校、YOTTA、104人資市集、TibaMe、巨匠、9比1、鼎新、育碁、TKB、Mastertalk。 2. 與台灣知名數據分析領導平台合作,包含微軟、LnData、Cannerflow、創市際、AIHR等。 3. 與全球知名人資訓練發展平台與面試招募平台合作,包含震旦雲、VYOND、Miro、VR廠商Surreal與iStaging、資策會、台北金融研究發展基金會。 |為什麼我們想開這樣的職缺?︱ 1. 我們希望能找到對未來教育與商業創新領域有興趣的夥伴,協助將為你而讀講師的課程與專業服務,透過公司代理的雲端影片製作軟體Vyond與各種影音軟體製作成線上課程。 2. 協助台灣企業的人資與業務行銷團隊,製作有品質的數位教材與業務行銷素材。 3. 協助整合行銷部,建立公司內部的的專業影音資訊平台與管理流程,未來也願意學習數位行銷領域相關的知識,可以與團隊為我們服務的企業提供更多附加價值。 |這份工作在做什麼?︱ #企劃 #影音 #剪輯 1. 了解需求-透過使用者訪談分析講師與企業主需求,加以轉化成具體可執行方案,並確認影片類型、內容、目的、長度與品質。 影片類型包含 課程影片/企業內訓影片/先行智庫現有產品宣傳影片/活動紀錄與訪談。 2. 前期製作-根據需求訪談結果,設計數位教材製作與服務宣傳的企劃腳本、影片分鏡、課與拍攝內容。 3. 執行拍攝與後期製作-根據分鏡腳本進行拍攝,負責場控指導與燈光道具布置,以及後期製作剪輯。影片剪輯及後製包含:影片剪輯、影像製作、字卡字幕、表情效果設計與聲音優化。 4. 協助整合行銷部規劃Youtube 與Podcast頻道,以及官網影音內容的經營。 如果你對以上的工作有興趣,履歷可以附上你的「 #影音作品集」與「 #企劃案」。 ︱加分職務項目︱ 1. 擅長各種影片腳本文案撰寫與拍攝美編能力 2. 熟悉Audacity、Adobe Audition、Adobe Premiere、Adobe After Effects與手機剪片軟體APP 3. 良好團隊溝通能力 ︱【為你而讀】福利︱ 1. 彈性上下班 2. 員工績效獎金 3. 可免費使用公司的線上學習平台、公開班課程,還有合作廠商的跨界活動等 4. 可認識許多跨領域的台灣產業龍頭企業高階主管、專業講師、海外策略夥伴,快速提升你的職場視野 5. 上千本藏書,每月各家出版社的新書搶先看 6. 公司管理制度開放,歡迎任何創意的想法和點子,讓你嘗試新專案 7. 公司有好喝的咖啡和茶飲,隨時補充下午茶零食櫃~ 8. 筆電購買補助。 https://www.104.com.tw/job/768xl?jobsource=company_job
Steve Sue 蘇書平 數位教材How to Do-先行智庫
免費學AI不用花大錢!五大原廠課程攻略:Google、NVIDIA、Anthropic
免費學AI不用花大錢!五大原廠課程攻略:Google、NVIDIA、Anthropic
你知道學AI其實不需要花大錢嗎?Google、Anthropic、NVIDIA、Microsoft、Meta這五大科技原廠,早已推出完全免費的高品質AI課程,含金量甚至超越市面上許多收費課程! 【為什麼選原廠課程?】 原廠課程有三大優勢:資訊最即時準確、課程架構完整嚴謹、部分課程完成後可獲得官方認證徽章,對履歷加分效果十足。 【五大平台推薦】 ▍Google AI 學習中心(grow.google/ai) 最適合AI零基礎的新手!「AI Essentials」課程不需要程式背景,教你用Gemini和NotebookLM提升工作效率,完成後可獲得Google官方數位徽章。另有教育工作者與學生專屬課程。 ▍Anthropic Academy(anthropic.skilljar.com) 想精通提示工程(Prompt Engineering)必看!提供15門以上完全免費課程,深入拆解如何寫出穩定高品質的Prompt。「Building with Claude API」長達13小時,涵蓋API串接到AI Agent建構,不需帳號即可學習。 ▍Microsoft Learn(learn.microsoft.com/training) 上班族的最佳選擇!專注Microsoft 365 Copilot在Excel、PowerPoint、Teams、Word的實務應用,讓你在不改變工作習慣的前提下,用AI大幅提升效率。 ▍NVIDIA 深度學習學院 DLI(nvidia.com/training) 技術工程師的殿堂!涵蓋深度學習、生成式AI/LLM、加速運算等六大領域,完成實作測驗後可獲DLI認證證書,是向雇主證明技術實力的最佳利器。 ▍Meta AI 資源庫(ai.meta.com/resources) 開源AI的最佳入口!提供Llama模型文件、PyTorch框架與地端部署指南,特別適合需要將AI部署在內部伺服器、資料不能上雲的金融或醫療企業。 【不同角色的學習路徑建議】 全體員工 → Google AI Essentials 建立基礎認知 行政業務人員 → Microsoft Copilot 提升日常效率 行銷企劃人員 → Anthropic 提示工程 優化AI產出 IT工程師 → NVIDIA DLI + Meta開源資源 深耕技術 善用這些免費資源,就能打造自己的AI競爭力!你目前在學哪個平台的課程呢?歡迎留言分享 👇
林尚能 戰勝學院