XYZ軟體補給站-XYZ教學網-XYZ教育王
最新目錄光碟
112學年國中高中影音教學
112下學期國小.國中.高中
112上學期國小.國中.高中
111下學期國小.國中.高中
111上學期國小.國中.高中
110年TKB數位學堂影音教學
110年金榜函授影音教學
110年讀享國考小學堂
109年超級函授影音教學
109年高點.高上影音教學
2023年知名線上課程教學
2024年1月1號軟體新片
國小.國中.高中教學
國小命題.考卷類.教學
國中命題.考卷類.教學
高中命題.考卷類.教學
翰林雲端學院影音教學
三貝德升學王影音教學
三貝德小學王影音教學
萬試通學習王影音教學
名師學院影音教學
AI學霸網影音教學
行動補習網影音教學
康軒學習.一點通.林晟
國小補習班影音教學
國中補習班影音教學
高中補習班影音教學
四技統測.警專.護理師
公職國考.研究所(單科)
所有科目題庫班相關考試
所有科目總複習相關考試
公職國考共同科目
行政.司法相關考試
律師司法官.司法相關
財經.會計.統計.管理
電子.電機.資訊相關考試
土木.結構.機械相關考試
測量.水利.環工.工業考試
社會.文化.地政.不動產
物理.化學.後醫.插大
護理.營養.衛生.醫類
教育.觀光.心理.語言
警察,消防,法類相關考試
鐵路.郵政.運輸.農業考試
未分類相關考試
公職國考就業(套裝)
公務人員高普考相關考試
關務.移民.外交.民航
國安局.調查局.司法.警察
公務人員鐵路特考
技師執照類相關考試
教職.轉學考.後醫.研究所
國營事業相關考試
線上課程綜合教學
YOTTA線上課程綜合教學
HAHOW線上課程綜合教學
PPA線上課程綜合教學
UD線上課程綜合教學
天下線上課程綜合教學
知名線上課程綜合教學
臺灣全民學習平台
專業繪圖軟體
工程繪圖.計算.分析軟體
繪圖、圖像、靜態影像
電子.電機.電信應用軟體
3D動畫、模型、模具軟體
Autodesk系列程式軟體
ADOBE奧多比工具軟體
Corel及訊連系列軟體
PTC參數科技繪圖軟體
影像圖庫視頻素材
程式軟體光碟
程式合輯、軟體合輯
影片、多媒體相關軟體
音樂、聲音相關軟體工具
防毒防駭安全軟體
網頁製作資料庫管理
燒錄光碟製作軟體
字型輸入法軟體
微軟系列程式軟體
麥金塔專用軟體
系統優化.清理.修復工具
掃描.PDF.辦公文書工具
程式開發.數據.資料庫
FTP傳輸.下載.遠端工具
廣告信.電話.郵件工具
報表.會計.統計.數學軟體
硬碟.備份救援.還原工具
未分類、綜合程式軟體
專業知識教學
外語檢定、外語綜合教學
專業幼兒綜合教學
迪士尼幼教系列
巧連智幼教系列
運動.減肥.瑜珈.舞蹈
命理.股票.講說DVD
電腦認證與應用學習
遊戲、影片、音樂
PC電腦遊戲系列
MP3音樂及音樂光碟
電影院縣片系列
亞洲連續劇DVD
歐美連續劇藍光與DVD
卡通動畫與經典影集DVD
演唱會.MTV.卡拉OK
網站首頁 站內搜索 購物結帳 手動下單 問題反應 訂單查詢 訂購說明
您現在的位置:網站首頁 專業知識教學 Udemy線上課程綜合教學 光碟詳情
商品編號: DUE1791
商品名稱: Udemy線上課程 UI 設計入門:畫出有程式邏輯的設計稿 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文版(DVD版)
語系版本: 中文發音 繁體中文版
運行平台: 官方原版畫質MP4檔,沒有任何平台限制,終身使用
更新日期: 2022-01-05
光碟片數: 1片DVD光碟
銷售價格: $200元

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


內容說明:

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

01 介紹
001 六角學院線上學員社團.html
002 課程介紹.mp4
003 免費作業上傳空間.html

02 基本概念
004 先來聊聊什麼是 UI 設計.mp4
005 開發流程與設計思考.mp4
006 介面設計相關的設計師.mp4
007 初學者必看的設計規範.mp4

03 設計流程_IA_Logic flow_Wireframe
008 設計流程簡介.mp4
009 IA 資訊架構.mp4
010 Functional Map 功能地圖.mp4
011 Logic Flow 操作邏輯流程.mp4
012 Wireframe 線框稿.mp4

04 設計流程_設計精稿與標註文件
013 Grid System 網格系統.mp4
014 Atomic Design 原子設計.mp4

05 從原子設計學習介面的常見元件
015 Buttons 按鈕.mp4
016 States 物件狀態.mp4
017 Input 輸入格.mp4
018 Radio Buttons & Checkbox 單選按鈕與複選框.mp4
019 Links 連結.mp4
020 Icon 圖示.mp4
021 Text 文字.mp4
022 Color 色彩.mp4
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 原子設計第四階段:模板
001 扭矩與加速性能 Torque and acceleration performance.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 情境模擬:工程師現身說法(feat. 六角學院校長洧杰)
053 Q1:繪製的設計稿被說功能太難做不出來.mp4
054 Q2:如何協助設計師提供可執行的設計稿.mp4
055 Q3:如何跟工程師溝通有互動效果的介面.mp4
056 Q4:工程師對間距等設計細節不太在意.mp4
057 Q5:設計師需要學前端技術嗎?.mp4
058 Q6:專案協作上的常見問題.mp4

13 實戰演練:電商網站設計專案
001 掌握平台推薦機制與規則,不走彎路不入坑.txt
059 【小提醒】最終作業的設計細節.html
060 電商網站的設計細節.mp4
061 【小練習】主題發想.html
062 步驟_User Story Mapping 使用者故事對照.mp4
063 【小練習】撰寫使用者故事對照.html
064 步驟_Flow Chart 流程圖.mp4
065 flow-chart-example.drawio.zip
065 【小練習】新增功能流程.html
066 步驟_UI Flow 介面流程圖.mp4
067 ui-flow-example.drawio.zip
067 【階段作業】接續完成 UI Flow.html
068 步驟_Wireframe 線框稿.mp4
069 【階段作業】繪製響應式線框稿.html
070 步驟_Mockup 設計精稿.mp4
071 【階段作業】完成設計精稿.html
072 步驟_Prototype 原型設計.mp4
073 【階段作業】製作高擬真原型.html
074 步驟_Behance 作品整理技巧.mp4
075 【最終作業】透過 _Behance 展示你的作品.html

14 前往職場:設計師面試技巧
076 【小提醒】共筆文件.html
077 設計師這樣面試就對了 (上).html
078 設計師這樣面試就對了 (下).html


相關商品:
  • Udemy線上課程 UI 設計入門:畫出有程式邏輯的設計稿 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文版(DVD版)
  • Udemy線上課程 Adobe XD:網頁設計真容易(含教材) 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文版(DVD版)
  • Udemy線上課程 精通 Bootstrap 4 - 開發超強不解釋(含教材) 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文版(DVD版)
  • Udemy線上課程 Vue 出一個電商網站(含教材) 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文版(DVD版)
  • Udemy線上課程 使用 HTML、CSS 開發一個網站(含教材) 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文版(DVD版)


  • 站內搜索


    請輸入軟體名稱或編號
    購物車
    熱門關鍵字
    菊華 翁田山
    Morgan uni
    Wang 同捉
    慶明 Unity
    cai Congzhen
    Idea Jiping
    Zhang 亢少軍
    遍路文化 遊戲設計
    Johnny Tai
    Game Kirin
    Spring TongZhuo
    Unity2021 存在音樂
    阿彬 高薪啟蒙
    雪飛 喜樂君
    電腦 團隊