Details
現在就在 Coloso 探索 30 個 UX/UI 設計課程,滿足每個人的需求,從 UX/UI 初學者到求職者和現職的初級/高級設計師。
創意總監Dayoung Jung young 演講者的作品集
為什麼要上這課程?
如果只專注於“如何設計”,必然缺乏規劃和應用能力。
重要的是為什麼,即“為什麼要這樣設計!”
設計師Dayoung Jung的課程透過不斷詢問您可能忽略的有關 UI 設計的「為什麼」問題(例如研究、UI 元素學習和圖標設計),為創建更完整的作品集奠定了基礎。
Coloso 是唯一一個 UX/UI 設計課程,它讓你模糊地知道的 UX/UI 理論和技能成為你的。
我們將介紹您將在本課程中建立的應用程式範例的六個主要畫面。
-
01. 主要 01- 由反映應用程式關鍵資訊和特徵的內容組成
- 透過簡單地透過相同元件排列資訊來開發應用程式能力以實現另一個應用程式的功能的範例。 -
02. 主要 02- 作為內容中心,組織了大量資訊以適合實現應用程式的功能。
- 卡片UI與每則文字資訊皆有效率排列 -
03.搜尋-ListUI組成和文字放置實現
- 配置螢幕佈局時考慮底部的 QWERTY 鍵盤。
-
04. 產品詳情 01- 卡片 UI 和文字的位置
- 了解針對每項服務量身定制的圖像案例/整體內容構成 -
05. 產品詳情 02- 內容編排技巧練習畫面
- 透過文字資訊分組進行有效的資訊傳遞 -
06. 獨特功能- 為每個主題創建特殊螢幕
- 音樂:點擊即可在應用程式螢幕外播放音樂
- 購物:GNB(全域導覽列)螢幕練習
- 旅行:推薦搜尋結果亮點
最後結果
-
01.音樂聆聽應用 -
02. 購物應用 -
03. 旅行申請
創意總監
Dayoung Jung
我是數位化 UX/UI 設計工作室 Duotone 的共同創辦人,也是體驗設計中心的創意總監。
同時,我們透過出版設計相關書籍、大學和企業培訓、會議等各種平台不斷與許多設計師交流。

鄭大英
現職) Duotone 共同創辦人、創意總監
現職) OPENPATH 創辦人
前職) 三星電子無線事業部資深研究員
前職) CJ E&M 藝術總監
前職)NAVER設計師
前職)D'strict 設計師
學習經歷
[書]
<Photoshop設計課程>, 2015, Hanbit Media
<Flash,只要輕輕一按,網路就會活躍起來>,2006年,Jungle Press
[學習經驗]
OPEN PATH 使用者體驗通用課程,
Fastcampus UX、UI Camp / GUI Lab等訓練課程
Coloso UX、UI線上會議、KIPFA Web趨勢會議、
參加未來會議、網路世界等會議的課程
明知大學、弘益大學、SADI、桂園藝術大學、Osan大學
為多家企業進行培訓及大學專題課程
課程特色
征服 Figma,UX/UI 設計師的必備工具
從產品設計市場佔有率最大的工具 Figma 的教程中學習高效 UI 設計的實用功能。
透過音樂、旅遊和商務應用程式創建來理解和應用 UI 設計
透過學習 UI 設計的理論和組件,無論你接受什麼任務,你都將培養自我成長和發展的能力。
創建具有一致性、高效性和靈活性的設計系統的專業知識
了解如何根據服務特性建立可靈活使用的UI元件,並建立反映這一點的設計系統庫。
課程構成
學這個
-
實用的 UI 設計 理解流程透過生動的現場案例,你不僅會學到實用的UI設計流程,還會一步一步學到不容錯過的基本技巧。 -
用於線上協作 如何使用 Figjam讓我們學習如何使用 Pig Jam,它允許在線上進行構思、分析和使用者體驗研討會。 -
從頭開始建立堅實的基礎 Figma 教程從如何使用基本工具到進階功能,我們將鞏固UI設計所需的基本技能,並培養使用它們的應用技能。
-
使用Google Material Guide建置設計系統了解保留品牌識別的基礎的定義以及用於一致 UI 設計的元件概念,並透過使用這些建立 UI 庫來定義設計系統。 -
最大限度提高工作效率 UI 元件製作訣竅了解如何使用 Figma 的可根據服務特性應用的各種功能來創建可響應變化的 UI 設計。 -
高可用的常用UI模式案例分析與應用實踐了解UI設計中經常出現的導航、搜尋等畫面在設計時要注意什麼,並透過生產實踐和各種案例來學習如何使用它們。
課程
給我看看課表
第 01 節. OT
01.序
- 講師介紹
- 選擇一個主題(每個人選擇一個專案主題進行)
- 了解設計過程
02.定義UX服務目的
- 定義服務的目的(黃金圈)
- 定義目標學員和USP
第 02 節:使用者體驗設計流程
03.使用者體驗研討會
- 使用者體驗研究與分析流程
- 探索 UX 專案範例
- 查看車間類型範例
04. Figjam 教程 01
- 看看 Pigjam 介面和基本功能
- 研究分析工作坊(親和圖)
- 創意工作坊(瘋狂8)
05. Figjam 教程 02
- 關鍵字研討會(關鍵字圖)
- mood board工作坊
第 03 節:Figma 教程
06.設計理念
- 視覺概念案例研究
- 定義顏色
- 定義字體
07.Figma教程01
- 看看 Figma 介面和基本功能
- 建立和管理專案和文件
- 與 Figma 合作
08.Figma教程02
- Figma社區
- 下載資源並安裝插件
- 使用插件(Unsplash)
09.Figma教程03
- 了解基本形狀工具屬性和繪圖工具
- 建立一個圖標
- 匯出圖示
第 04 節:UI 設計基礎知識
10.設計系統
- 了解設計系統
- 探索設計系統範例
11. Figma 網格和佈局
- 網格和佈局基本設定 (Android)
- 為電網量身定制的組件生產實踐
12. 理解 Figma 風格
- 註冊樣式
- 利用和管理風格特徵
13.使用Figma風格
- 註冊並使用顏色/字體/陰影樣式
14.了解 Figma 組件
- 註冊組件
- 使用和管理元件功能
15.使用 Figma 組件
- 建立基本組件(應用程式列)
- 使用組件屬性值應用
16.理解並利用Figma自動佈局
- 開發自動佈局的基礎知識
- 使用自動佈局建立元件(晶片)
17.理解並利用 Figma 變體
- 變化 強化基礎
- 使用變體(按鈕)建立組件
18.理解並使用 Figma 約束
- 發展約束基礎知識
- 使用約束的多設備組件(按鈕導航)
第 05 節:UI 設計實踐
19.UI設計基礎知識
- 開發 UI 設計基礎知識
- UI設計注意事項
20. 登入UI設計
- 建立啟動畫面(Splash)
- 建立登入頁面(登入和登出)
21. 導航UI設計
- GNB 案例 1(應用程式列和導航抽屜)
- GNB案例2(底部導航)
- 建立 LNB(選項卡)
22.卡片UI設計
- 卡類UI案例01(出行App)
- 卡片UI案例02(音樂App)
- 卡片UI案例03(購物App)
23.ListUI設計
- ListUI案例01(旅遊App-熱門搜尋字詞)
- ListUI案例02(音樂應用程式-播放清單)
- ListUI案例03(購物App-推薦內容List)
24.內容UI設計
- 內容UI案例01(旅行App-旅行目的地詳情頁)
- 內容UI案例02(音樂App-播放介面)
- 內容UI案例03(購物App-商品詳情頁)
25. 搜尋UI設計
- 搜尋UI案例01(旅遊App-推薦旅遊目的地)
- 搜尋UI案例02(音樂App-依專案推薦搜尋)
- 搜尋UI案例03(購物App-搜尋結果)
SECTION 06. UI 設計完成
26. 服務申請
- 探索各種服務應用
- 為每個接觸點建立基準List
27. 填寫旅行申請
- 透過組合 UI 元件創建旅行應用程式
28. 完成音樂應用程式
- 透過組合 UI 元件創建音樂應用程式
- 製作音樂應用程式專用頁面(橫幅、通知)
29. 完成購物申請
- 透過組合 UI 元件建立購物應用程式
- 購物應用程式專用頁面的製作(Sheet、Filter)
30. 結論
- 匯出已完成的 UI 設計元素
- 檢視協作溝通的範例
- 結束問候
面試
創意總監Dayoung Jung young 想說的話
身為創意總監,你的優勢是什麼?
因為我是非專業出身,所以很難抽像地解釋設計,我專注於理論來解決這個問題。因此,我的課程具有更重視這些理論和邏輯基礎、深入講解的特質。如果您因為抽象而難以找到設計的基礎,那麼課程將有很大幫助。
在從事 UX/UI 工作時,您最關注的是什麼?
我主要從事數位側邊的UX策略和諮詢以及UI設計方面的設計系統設計。由於產業就是這樣,所以我看作品的時候,常常會從問題解決的邏輯性如何、衍生出的概念是否真正有效、UI設計是否具有一致性/可用性等透視進行審視。心裡。
這課程的獨特之處是什麼?
這是一場不僅談論如何,而且談論為什麼的課程。當然,我們也介紹了“此設計中應包含哪些元素”,但在此之前,我們建立了課程,以便首先滿足必要的原因和“為什麼應該進行此設計”。雖然表面上課程名稱看起來一樣,但對內容的看法不同,所以我認為基礎的基礎學習會有幫助。
您向誰推薦這課程?
不僅推薦給剛開始UX/UI設計的初級設計師,也推薦給感覺自己還缺乏基本功的資深設計師。我認為,夯實基礎並不是學習新的東西,而是把自己部分了解但沒有正確組合和利用的知識連結起來、組織起來。這課程不僅是你聽一次的課程,而且是你可以一遍又一遍練習基礎知識的課程。
我們將指導您完成該軟體的使用。
本課程將使用Figma 和 Figjam進行。
為確保課程順利參與,請單獨安裝對應版本的軟體。
* Figma 的可用等級可以作為免費版本。
* 它可以在PC和iMac上使用,並且可以透過網頁瀏覽器或應用程式運作。
