104學習

以下幾種為作品集網站常見錯誤 1.作品排序凌亂未按照順序或年份排序 2.毫無重點並且沒有說明文字 3.沒有簡歷也沒有自己本人照片 圖一說明為第一點缺點 圖二為behance頭貼錯誤設置第二點錯誤範例 圖三為簡歷示範圖 圖四與圖為使用創立團隊來分類年代久遠並上傳在behance作品 團隊使用說明：按下編輯個人檔案後頁面底下有個團隊可建立團隊

「UI設計師」和「UX設計師」差在哪？很多人會將「UI設計師」、「UX設計師」搞混，儘管只差一個字，工作內容卻大不同。UI關心產品「看起來如何」、UX則關心產品「用起來怎樣」。透過104產品設計經理Kinny深入淺出分析，帶你洞悉UI／UX大小事。 文／Kinny（104人力銀行產品設計經理） 本文導覽 UI／UX設計師是什麼，工作內容有哪些不同 平面設計師如何成為UI／UX設計師 UI／UX設計師要學習哪些技能 設計類履歷範本！看看UI／UX設計師的履歷表都寫些什麼 常常有平面設計師、視覺設計師工作了一陣子之後覺得遇到瓶頸想換跑道、或看到UI／UX設計師的起薪較優渥、工作機會也較多，想要轉職但是不知怎麼開始，也不清楚要學些什麼。以下將從工作內容、核心職能等多種切角分析二者差異，以及想跨入這領域該如何準備，文末更有設計師的履歷範本可以參考，繼續看下去吧！ UI／UX 大不同！一次看懂工作內容 UI（介面設計師） 核心職能就是根據老闆、產品PM的需求，提供介面的視覺方案，並輸出相關的設計規範、設計說明、設計切圖；主要關心的是產品「看起來怎麼樣」。  工作內容可能需要從抽象的需求轉化為可視化的wireframe；或拿到上游需求方（產品PM或UX設計師）已經畫好的wireframe、UI flow進行視覺的設計與規劃，例如整體色系的選擇，或是icon、圖片、文字等其他元素或組件的樣式設計。若是稍具規模的產品或專案，可能還需要設計具有一致性的視覺規範（Style Guide）。  UX（體驗設計師）  就是專門針對體驗進行設計的角色。理論上體驗設計師是做用戶研究和制定體驗方案，並從使用者的心態和角度思考設計；主要關心的是產品「用起來感覺怎麼樣」。  工作內容可能有撰寫各種產品使用場景和建構互動模式。利如參與各種測試和觀察使用者做了什麼（例如可用性研究、眼球追蹤、A/B測試，訪談問卷等等），以及針對介面、互動面去做優化與建議（Prototype）並且透過線框圖（Wireframe）找到產品的使用邏輯。  平面設計師如何成為UI／UX設計師？  我們先來了解這兩者實質上的差異，最大差別就是「載體的轉換」與「可動態操作的不同」。基本上都需要視覺傳達的基礎，非常仰賴字型、用色、排版、以及其他「美的形式原理」例如平衡、對比、協調等來塑形。平面設計多用於實體印刷品或網頁中等靜態溝通文宣；而介面設計是從靜態的視覺宣傳物一躍而成可以點擊、頁面切換、著重體驗與流程的互動行為。  若你現在是平面設計師，想成為UI／UX設計師卻不知道如何開始，可以參考以下五個脈絡，試著照做一遍，一定會比茫然不知怎麼開始還有感： 1. 先了解、熟悉雙平台元件規範、基礎互動原則  此階段為基本功，有點像是平面設計要學基本設計、CMYK等印刷基本知識，不知道這些知識就沒辦法做好成品。iOS與android分別都有提供基本的規範，從字級、字體、元件大小、樣式、互動行為等都有準則可供參考，是屬於偏生硬但是必須紮實打好基礎的必要知識。就算你是設計網頁而非app，這兩個官方的設計規範還是會對你有所幫助。  雙平台官方的規範內容：Android　iOS 2. 大量瀏覽設計案例  這邊案例包含線上一些設計作品網站以及實際使用各類產品的經驗；線上平台例如Behance、Dribbble、Pinterest等等；或者你可以到app store去下載新上架、熱門排行榜上的app來實際體驗。將覺得有參考價值的畫面收藏或截圖下來；並盡可能的分類，例如「首頁」、「個人中心頁」、「登入流程」等等，作為後續靈感及查找的來源；若覺得存在電腦裡很佔空間，將連結存為書籤也是一個不錯的方法。  此步驟是一個較為長期且持續性的學習行為；必須要持續不斷地維持瀏覽優秀作品的習慣；你會逐漸發現開始能夠比較案例的優劣，也可以慢慢的發現自己偏好某一種呈現形式，這有助於未來塑形你的個人設計風格。 3. 實際臨摹與練習  接著開始大量的臨摹！廣義上來說，到這步才是真正開始學習設計，也是讓1、2點作用開始充分發揮的時候。一開始你可以先選定一個喜歡的主題或產品，例如常用的網站或app，嘗試進行幾個主要頁面的改版，試著用自己的想法去改變現版可以更好的地方，例如更適合的配色、按鈕的比例、改變元件的位置或樣式等等。  過程中一定會覺得很卡，做什麼都不確定，然後就再去一步一步觀察別人的作品怎麼做，慢慢修正自己的畫面，就這樣不斷地試做試做再試做，直到熟悉畫面的元件佈局以及有初步製作時的感覺與概念為止。  4. 軟體的應用與熟悉  把軟體的熟悉寫在這麼後面的步驟，是想要表達用什麼工具不是太重要；如果會用Adobe系列的軟體，去學習其他介面設計軟體不是一件很困難的事。重點是你作品最終的呈現、你的視覺美感，而不是你用了什麼工具產出。  目前處理介面的軟體以使用sketch和figma為主流，但在操作流程上差異不會太大；也不要太擔心選錯軟體，若學了sketch後再配合公司使用figma轉換也不會太困難喔(反過來也是) 。  5. 讓同業的前輩給予建議  自己是察覺不到自己有什麼問題的(再三強調)。找個對此領域有涉略的前輩(設計師/企劃/研究員/產品經理都可)，請他們幫看作品有沒有很明顯的違和感，或是可以加強的地方，持續精進、成品會越來越完整與成熟。接受批評與指教也是成長中很重要的一環，盡可能的虛心討教並且成為自己進步的養分喔！ UI／UX設計師要學習哪些技能？  普遍來說UI設計師基本需要會這些：  具水準的視覺美感，掌握產品風格；畢竟介面第一眼的視覺印象還是很重要的  了解、熟悉雙平台元件規範、基礎操作與互動原則  制定或整理視覺設計規範、盡可能打造具有系統性的互動元件、甚至是模組化  具備介面繪製的能力，需要基本的wireframe與prototype等初稿繪製來進行溝通  理解需求、梳理真正的問題為何，並提出符合時宜的介面設計解決方案  使用者中心的設計思維；了解user會怎麼用，為什麼會這樣用  不斷學習新知、以因應潮流趨勢與態度 想要成為UX設計師，則是需要具備這些：  有釐清問題、探索問題、洞察分析的能力  富有同理心，能站在使用者角度去看待產品與流程  更了解使用者的研究：如需求訪談、田野調查、問卷設計等質化或量化的研究內容  能發現產品問題的相關探索：如競品分析、易用性測試、使用旅程、服務藍圖等  將研究成果整理成有條理、具邏輯性的內容，回饋給產品開發團隊 UI／UX設計師的履歷表都寫些什麼  參考同業或前輩們履歷表分別寫了些什麼，也可以窺知一二大概需要什麼樣的專業能力  設計師都怎麼開始寫履歷？一開始可能有點無從上手，除了要好好闡述每個專案中負責了哪些環節，更重要的是「你扮演了什麼關鍵的角色」，為了這個專案做了哪些值得關注的內容，最後還必須好好把「成效」表現出來，例如介面流程改版後，易用性提升，整體點擊轉換率提升了多少個百分比、使用者延長停留了多少時間、或是滿意度提升多少等等都可以寫下來，讓面試官或用人主管了解這個專案的實際效果。 前期建議可以多看看同行或者前輩是怎麼寫履歷的，104履歷範本中有很多UI／UX設計師的履歷表範例、模板可以參考，在這裡除了可以觀摩大量設計類相關的履歷表之外，更可以觀摩到這些設計師們的線上作品集。 還有強大的履歷編輯工具、與作品集編輯平台，可以將完整的履歷表與線上作品集做整合；兩者不需分不同平台分開撰寫，然後只能用一個超連結連接彼此，而是可以將專案經歷、專案成果、作品呈現做一個完美的契合。 延伸閱讀：面試官怎麼看作品集(上)：作品集除了作品，還要放什麼？ [joblist_plugin title='更多【UI/UX】工作機會' url='https://www.104.com.tw/jobs/search/?ro=0&kwop=7&keyword=UI%2FUX&expansionType=area%2Cspec%2Ccom%2Cjob%2Cwf%2Cwktm&order=12&asc=0&page=2&mode=s&langFlag=0&langStatus=0&recommendJob=1&hotJob=0' amount='3'] 推薦閱讀： 立刻查看：UI／UX工作機會 UI／UX 工作超詳解【連環6大問】要會寫程式嗎？作品集怎麼準備？ 美國 UX 設計師面試流程｜面試經驗分享 Google 的 UX Engineer（使用者經驗工程師）在做什麼？UXE面試流程分享 在面試與被面試之間：UI設計師的年後求職經驗分享 想轉職當UI設計師該怎麼開始？學會觀察身邊事物、不斷吸收設計靈感

SOLIDWORKS和PTC Creo (以前稱為Pro/ENGINEER或ProE) 都是用於機械設計和CAD（電腦輔助設計）的工業軟體。以下是它們在實務中的個別優勢和差異： SOLIDWORKS: 優勢: 使用者友好性：SOLIDWORKS以其直觀的使用界面和容易學習的操作而聞名。許多用戶認為它的工作流程較為自然。 社群和資源：SOLIDWORKS擁有龐大的用戶社群和豐富的資源庫，這意味著在使用過程中可以輕鬆獲得幫助、學習和資訊。 3D模型的建立與修改：SOLIDWORKS在3D建模方面非常強大，並提供了豐富的工具和功能，使設計師能夠輕鬆地創建、修改和分析模型。 組裝和模擬：SOLIDWORKS提供了強大的組裝和模擬功能，可以幫助用戶進行物理模擬、運動模擬等，以確保產品的可靠性和性能。 差異: 價格：相對而言，SOLIDWORKS的起步價格較為親民，這使得它成為許多中小型企業的首選。 整合性：SOLIDWORKS提供了廣泛的產品套件，可以滿足不同行業和用途的需求，包括模具設計、流體力學等。 對小型企業和初創企業的支持：SOLIDWORKS在支援初創企業和小型企業方面有著相對較好的政策和方案。 PTC Creo (以前的Pro/ENGINEER): 優勢: 參數化建模：Creo以其強大的參數化建模功能而著稱，可以快速地進行設計變更並保持模型的連貫性。 大型製造企業的首選：Creo在大型製造企業和複雜產品的設計和管理方面表現優異。 產品生命週期管理（PLM）整合：Creo與PTC的Windchill PLM系統無縫集成，使產品設計和生產的管理更加高效。 差異: 學習曲線：Creo的學習曲線相對較陡峭，對於新手來說可能需要更長的時間來掌握。 價格：Creo通常被認為是高價位軟體，尤其對於小型企業來說，可能會較為昂貴。 使用者社群：相對於SOLIDWORKS，Creo的使用者社群規模較小，這可能會影響到用戶獲得幫助和資源的便利性。 總的來說，SOLIDWORKS和Creo各自在不同方面具有優勢，選擇哪一款軟體取決於您的特定需求、預算以及用戶團隊的經驗水準。在選擇之前，最好先進行詳細的比較和評估，以確保符合您的實際需求。

今天小編要繼續推薦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%

在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不僅是個人設計的好幫手，也是團隊協作中不可或缺的工具。