Udemy線上課程 UI 設計入門：畫出有程式邏輯的設計稿講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)


商品編號：	DUE0482

商品名稱：	Udemy線上課程 UI 設計入門：畫出有程式邏輯的設計稿講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)

商品分類：	Udemy線上課程綜合教學

語系版本：	中文發音繁體中文版

運行平台：	官方原版畫質MP4檔,沒有任何平台限制,終身使用

更新日期：	2020-03-26

光碟片數：	1片DVD光碟

銷售價格：	$300元

熱門標籤：	Udemy線上課程設計入門卡斯伯六角學院

Udemy線上課程 UI 設計入門：畫出有程式邏輯的設計稿講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)

內容說明:

這門線上課程將會帶你完整跑過一次設計流程，讓你了解在每個流程當中需要產出什麼樣的文件或內容。
課程還會提供常見的排版版型，並且運用一些設計準則讓排版更加靈活。
此外更透過原子設計與 Google Material Design 等設計規範來介紹 UI 元件的正確繪製觀念，並會對應程式碼的撰寫方式，讓你繪製出有程式邏輯的設計稿，與工程師的協作更加流暢。
這門線上課程最後還規劃了一個電商網站的最終作業，讓你不用擔心只學到理論卻沒有實作作品！

你將會學到的
了解 UI 介面設計師的工作範疇
掌握 UI 介面設計的實務知識
如何繪製有程式邏輯的設計稿
設計屬於自己的電商網站作品

課程內容:

├─01 介紹
│ 001 六角學院線上學員社團.html
│ 002 課程介紹.mp4
│ 003 免費作業上傳空間.html
│
├─02 基本概念
│ 004 先來聊聊什麼是 UI 設計.mp4
│ 005 開發流程與設計思考.mp4
│ 006 介面設計相關的設計師.mp4
│ 007 Apple-Human-Interface-Guideline.txt
│ 007 Google-Material-Design.txt
│ 007 初學者必看的設計規範.mp4
│
├─03 設計流程?：IA?Logic flow?Wireframe
│ 008 設計流程簡介.mp4
│ 009 IA 資訊架構.mp4
│ 010 Draw.io.txt
│ 010 Functional Map 功能地圖.mp4
│ 011 Logic Flow 操作邏輯流程.mp4
│ 012 Wireframe 線框稿.mp4
│
├─04 設計流程?：設計精稿與標註文件
│ 013 Grid System 網格系統.mp4
│ 014 Atomic Design 原子設計.mp4
│ 014 Atomic-Design-.txt
│
├─05 從原子設計學習介面的常見元件
│ 015 Buttons 按鈕.mp4
│ 016 States 物件狀態.mp4
│ 017 Input 輸入格.mp4
│ 018 Radio Buttons & Checkbox 單選按鈕與複選框.mp4
│ 019 Links 連結.mp4
│ 020 Fontawesome.txt
│ 020 Icon 圖示.mp4
│ 020 Material-Design-Icons.txt
│ 021 Google-Fonts.txt
│ 021 Text 文字.mp4
│ 022 Adobe-Color.txt
│ 022 Color 色彩.mp4
│ 022 Color-Tool-Material-Design-.txt
│ 022 Coolors.txt
│ 023 Accessible-Brand-Colors.txt
│ 023 Color-Review.txt
│ 023 Contrast-A-Flash-.txt
│ 023 設計師常會忽略的通用設計（Accessibility）.mp4
│ 024 Practice-Accessibility.zip
│ 024 【小練習】挑選達到 AA 級的色彩.html
│
├─06 原子設計第二階段：分子
│ 025 Navigation 導覽元件.mp4
│ 026 Accordions 折疊面板.mp4
│ 027 Tooltips 提示工具.mp4
│ 028 Card 卡片.mp4
│ 029 Modal 互動視窗.mp4
│ 030 Alert 警告訊息.mp4
│ 031 Data Table 資料表.mp4
│ 032 Form 表單.mp4
│ 033 C.R.A.P. 四個幫助你優化介面的設計準則.mp4
│ 034 Homework-Form.zip
│ 034 【章節作業】換你試試看：優化表單設計.html
│
├─07 原子設計第三階段：組織
│ 035 Header 頁首.mp4
│ 036 Footer 頁尾.mp4
│ 037 運用常見的介面版型排出好設計.mp4
│
├─08 原子設計第四階段：模板
│ 038 StatCounter-.txt
│ 038 Templates 模板.mp4
│ 039 如何做出高轉換的著陸頁（Landing Page）.mp4
│ 040 行動版的介面優化：響應式排版（RWD）.mp4
│ 041 透過頁面的六種狀態提升使用者體驗.mp4
│ 042 Homework-Sections-Landing-Page.zip
│ 042 【章節作業】透過模板排出一個響應式登陸頁.html
│
├─09 原子設計第五階段：頁面
│ 043 Pages 頁面.mp4
│ 044 教你打造最流行的深色模式（Dark Theme）.mp4
│ 045 Practice-Dark-Theme.zip
│ 045 【小練習】套用深色模式.html
│
├─10 與工程師協作的必要文件
│ 046 一定要做設計規範嗎？.mp4
│ 047 UI-Kit-Wireframe.zip
│ 047 【免費資源】Wireframe UI Kit.html
│ 048 切圖命名與格式.mp4
│ 049 Spec 設計標注檔.mp4
│
├─11 設計流程?：Prototype 高擬真原型製作
│ 050 原型設計的種類與技巧.mp4
│ 051 【章節作業】製作你的第一份設計精稿-1.mp4
│ 052 【章節作業】製作你的第一份設計精稿-2.html
│
├─12 情境模擬：工程師現身說法（預計一月中發佈）
│ 053 與工程師對談（feat. 六角學院校長洧杰）.html
│
└─13 實戰演練：電商網站設計專案（預計一月底前發佈）
054 【最終作業】從零開始完成一個電商網站.html

Udemy線上課程 Adobe XD：網頁設計真容易 (含教材) 講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)

Udemy線上課程 Vue 出一個電商網站(含教材) 講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)

Udemy線上課程 Adobe XD：網頁設計真容易(含教材) 講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)

Udemy線上課程 Vue 3 實戰影音課程講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)

站內搜索

請輸入軟體名稱或編號

購物車

熱門關鍵字

wang		慕課
肌內效		黃帝內經
癮科技		保哥
chao		Wong
zhou		Andrew
中國針灸學		針灸
普羅米修士		lijun
Morgan		Sjlyedu
企管顧問		卓越人生
程式設計		朝輝
網頁設計		Antonia
Peng		Python
Xiao		Google
Java		Prometheus
UI設計		六角學院
卡斯伯		恆偉
威廉		英語會話
配穴法		唐宇迪
馬叔叔		病理
景文		插畫

Udemy線上課程 UI 設計入門：畫出有程式邏輯的設計稿 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文版(DVD版)

Udemy線上課程 UI 設計入門：畫出有程式邏輯的設計稿講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)