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


  • 站內搜索


    請輸入軟體名稱或編號
    購物車
    熱門關鍵字
    慕課 癮科技
    肌內效 黃帝內經
    Andrew Wong
    中國針灸學 針灸
    普羅米修士 親子天下
    洛飛南 遊皓雲
    chao Chung
    Huang Prometheus
    zhou 恆偉
    威廉 英語會話
    配穴法 馬叔叔
    徐純 病理
    景文 開發
    嘉瑗 課程
    寬裕 臨床診治