【Udemy線上課程】UI 設計入門：畫出有程式邏輯的設計稿 這門課程將會帶你完整跑過一次設計流程，從設計準則、常用版型、元件繪製觀念到與工程師協作，並將理論導入實作，完成自己的作品。完整版(1片裝DVDD)
--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
軟體名稱: UI 設計入門：畫出有程式邏輯的設計稿 這門課程將會帶你完整跑過一次設計流程，從設計準則、常用版型、元件繪製觀念到與工程師協作，並將理論導入實作，完成自己的作品。(Udemy線上課程綜合教學)
語系版本: udemy線上課程中文版
光碟片數: 1片裝
破解說明: 直接安裝即可!
系統支援: Windows 7/8/8.1/10/PC電腦/平板手機
軟體類型: 教育軟體/課程/教學
更新日期: 2020.04.10
相關網址:
中文網站: 官方原版畫質MP4檔
軟體簡介: (https://www.udemy.com)
--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
內容說明:


這門線上課程將會帶你完整跑過一次設計流程，讓你了解在每個流程當中需要產出什麼樣的文件或內容。
課程還會提供常見的排版版型，並且運用一些設計準則讓排版更加靈活。
此外更透過原子設計與 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
--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=