UI 設計入門:畫出有程式邏輯的設計稿 這門課程將會帶你完整跑過一次設計流程,從設計準則、常用版型、元件繪製觀念到與工程師協作,並將理論導入實作,完成自己的作品。udemy線上課程 影音教學 中文發音

加入書籤: 商品編號: DUE0482 商品名稱: UI 設計入門:畫出有程式邏輯的設計稿 這門課程將會帶你完整跑過一次設計流程,從設計準則、常用版型、元件繪製觀念到與工程師協作,並將理論導入實作,完成自己的作品。udemy線上課程 影音教學 中文發音 商品分類: Udemy線上課程綜合教學 語系版本: 繁體中文字幕版 官方網站: https://www.udemy.com/course/ui-ux-beginner/ 運行平台: 官方原版畫質MP4檔,沒有任何平台限制,終身使用 更新日期: 2020-02-01 光碟片數: 1片DVD光碟 銷售價格: $200元 熱門標籤: 並將理論導入實作  設計入門  常用版型  UI 設計入門:畫出有程式邏輯的設計稿 這門課程將會帶你完整跑過一次設計流程,從設計準則、常用版型、元件繪製觀念到與工程師協作,並將理論導入實作,完成自己的作品。udemy線上課程 影音教學 中文發音 繁體中文字幕版(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 相關商品: 輕鬆跨入SEO(含教材)udemy線上課程 影音教學 中文發音 繁體中文字幕版(DVD版) Spring Boot從入門到高級實戰課程 Spring Boot框架進階、Spring Boot框架之JPA的實戰課程 udemy線上課程 影音教學 中文發音 中文字幕版(DVD版) 沒有辦公室的人生策略長 — 從紫微,看人生(第一講)紫微斗數的基本介紹 udemy線上課程 影音教學 中文發音 繁體中文字幕版(DVD版) After Effects高手之路—初學者課程 udemy線上課程 影音教學 中文發音 中文字幕版(DVD版) 從頭到腳說健康 : 乳房與乳癌 乳房的健康,預防乳癌,調理乳癌 udemy線上課程 影音教學 中文發音 中文字幕版(DVD版)

我是站長