Udemy線上課程 UI 設計入門：畫出有程式邏輯的設計稿 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文字幕版(DVD版) Udemy線上課程UI設計入門：畫出有程式邏輯的設計稿講師:卡斯伯六角學院影音教學中文發音繁體中文字幕版(DVD版) 內容說明: 這門線上課程將會帶你完整跑過一次設計流程，讓你了解在每個流程當中需要產出什麼樣的文件或內容。 課程還會提供常見的排版版型，並且運用一些設計準則讓排版更加靈活。 此外更透過原子設計與GoogleMaterialDesign等設計規範來介紹UI元件的正確繪製觀念，並會對應程式碼的撰寫方式，讓你繪製出有程式邏輯的設計稿，與工程師的協作更加流暢。 這門線上課程最後還規劃了一個電商網站的最終作業，讓你不用擔心只學到理論卻沒有實作作品！ 你將會學到的 了解UI介面設計師的工作範疇 掌握UI介面設計的實務知識 如何繪製有程式邏輯的設計稿 設計屬於自己的電商網站作品 課程內容: ├─01介紹 │001六角學院線上學員社團.html │002課程介紹.mp4 │003免費作業上傳空間.html │ ├─02基本概念 │004先來聊聊什麼是UI設計.mp4 │005開發流程與設計思考.mp4 │006介面設計相關的設計師.mp4 │007Apple-Human-Interface-Guideline.txt │007Google-Material-Design.txt │007初學者必看的設計規範.mp4 │ ├─03設計流程?：IA?Logicflow?Wireframe │008設計流程簡介.mp4 │009IA資訊架構.mp4 │010Draw.io.txt │010FunctionalMap功能地圖.mp4 │011LogicFlow操作邏輯流程.mp4 │012Wireframe線框稿.mp4 │ ├─04設計流程?：設計精稿與標註文件 │013GridSystem網格系統.mp4 │014AtomicDesign原子設計.mp4 │014Atomic-Design-.txt │ ├─05從原子設計學習介面的常見元件 │015Buttons按鈕.mp4 │016States物件狀態.mp4 │017Input輸入格.mp4 │018RadioButtons&Checkbox單選按鈕與複選框.mp4 │019Links連結.mp4 │020Fontawesome.txt │020Icon圖示.mp4 │020Material-Design-Icons.txt │021Google-Fonts.txt │021Text文字.mp4 │022Adobe-Color.txt │022Color色彩.mp4 │022Color-Tool-Material-Design-.txt │022Coolors.txt │023Accessible-Brand-Colors.txt │023Color-Review.txt │023Contrast-A-Flash-.txt │023設計師常會忽略的通用設計（Accessibility）.mp4 │024Practice-Accessibility.zip │024【小練習】挑選達到AA級的色彩.html │ ├─06原子設計第二階段：分子 │025Navigation導覽元件.mp4 │026Accordions折疊面板.mp4 │027Tooltips提示工具.mp4 │028Card卡片.mp4 │029Modal互動視窗.mp4 │030Alert警告訊息.mp4 │031DataTable資料表.mp4 │032Form表單.mp4 │033C.R.A.P.四個幫助你優化介面的設計準則.mp4 │034Homework-Form.zip │034【章節作業】換你試試看：優化表單設計.html │ ├─07原子設計第三階段：組織 │035Header頁首.mp4 │036Footer頁尾.mp4 │037運用常見的介面版型排出好設計.mp4 │ ├─08原子設計第四階段：模板 │038StatCounter-.txt │038Templates模板.mp4 │039如何做出高轉換的著陸頁（LandingPage）.mp4 │040行動版的介面優化：響應式排版（RWD）.mp4 │041透過頁面的六種狀態提升使用者體驗.mp4 │042Homework-Sections-Landing-Page.zip │042【章節作業】透過模板排出一個響應式登陸頁.html │ ├─09原子設計第五階段：頁面 │043Pages頁面.mp4 │044教你打造最流行的深色模式（DarkTheme）.mp4 │045Practice-Dark-Theme.zip │045【小練習】套用深色模式.html │ ├─10與工程師協作的必要文件 │046一定要做設計規範嗎？.mp4 │047UI-Kit-Wireframe.zip │047【免費資源】WireframeUIKit.html │048切圖命名與格式.mp4 │049Spec設計標注檔.mp4 │ ├─11設計流程?：Prototype高擬真原型製作 │050原型設計的種類與技巧.mp4 │051【章節作業】製作你的第一份設計精稿-1.mp4 │052【章節作業】製作你的第一份設計精稿-2.html │ ├─12情境模擬：工程師現身說法（預計一月中發佈） │053與工程師對談（feat.六角學院校長洧杰）.html │ └─13實戰演練：電商網站設計專案（預計一月底前發佈） 054【最終作業】從零開始完成一個電商網站.html相關商品:Udemy線上課程UI設計入門：畫出有程式邏輯的設計稿講師:卡斯伯六角學院影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程JavaScript核心篇(含教材)講師:卡斯伯六角學院影音教學中文發音繁體中文字幕版(2DVD)Udemy線上課程AdobeXD：網頁設計真容易(含教材)講師:卡斯伯六角學院影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程Vue出一個電商網站(含教材)講師:卡斯伯六角學院影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程AdobeXD：網頁設計真容易(含教材)講師:卡斯伯六角學院影音教學中文發音繁體中文字幕版(DVD版)