• 課程介紹
  • 課程目錄

UI設計是什么

用戶界面設計——讓產品有品位,讓操作更舒適。

  • 用戶體驗設計

    了解用戶期望、用戶習慣,構架產品設計,從用戶角度,實現產品可操作性。

  • 界面設計

    通過ICON設計、LOGO設計、圖標設計等界面設計,實現產品構架界面展示。

  • 交互設計

    結合用戶需求,實現產品界面交互,讓界面優美動起來。

立即報名

UI前景就業如何

UI前景就業如何

UI學完后能做什么

電商
設計
淘寶
裝修
手機UI
網頁
設計
VI
平面
設計
移動
交互
電商
設計
照片
美化
APP

麥子如何讓你成為兩年以上工作經驗的UI設計師

  • 1對1教學

    采用師徒制,1位專屬導師全面負責你的教學工作,手把手帶你制定目標,考核,批改作業,學習答疑 。

  • 每周直播

    專業老師每周安排直播課,帶領學員一起復習每周學習的知識點,提高學習效率 。

  • 名師指導

    導師多為國內外知名互聯網公司8年以上的企業經驗大牛,也許你的老師就是Facebook,Google,BAT的大牛。

專業的LPS(學習過程系統) 重塑學習過程,學習足跡完全數字化 什么是LPS?

看看麥子的老師們,選擇他們拜師吧,1對1指導

  • 劉昊琛
    劉昊琛
    高級UI設計師、《火影忍者》 設計主創之一

    畢業于日本九州產業大學,專注移動產品及智能交互終端的UI設計,曾參與多個知名企業的大型項目視覺設計、APP設計等。

    跟老師聊聊
  • Riva
    Riva
    高級視頻交互設計師

    全球設計公司visual&interaction designer,任職于palo alto美國總部, 熟悉硅谷軟件產品的開發及最新科技流行趨勢。

    跟老師聊聊
  • 邢天博
    邢天博
    高級UI設計師

    前百度UI資深設計師, 7年UI設計經驗。17年的美術功底,獲取各類競賽獎項達47次, 4A設計公司任職設計總監。

    跟老師聊聊
  • 馬??青?
    馬??青?
    資深畫師

    前騰訊TgameUI設計師、索尼首席UI設計師,擅長界面設計、傳統美術繪畫,作品多次發表于國內權威雜志。

    跟老師聊聊

課程大綱

視覺營銷創意設計,人機交互設計原則,UI設計交互與流程,以開發視角讓做好設計

  • 01
    視覺設計基礎篇

    掌握UI設計工具的使用后,通過學習素描光影關系、色彩原理與搭配及構圖原理,打好成為UI設計師的美術造型基礎和樹立色彩審美意識,并能利用色彩原理進行相關案例設計與制作。

  • 02
    UI設計師入門篇

    樹立設計師意識,了解UI發展規律及就業前景,并通過本階段的學習能獨立完成圖標作品設計、平面作品設計及手繪作品設計等。

  • 03
    多平臺界面設計篇

    基于用戶界面設計準則和移動新特征,了解UI設計流程和學習后,能獨立完成移動端框架設計和產品界面設計。

  • 04
    交互設計思維篇

    通過對產品設計思維的掌握和原型圖、腦圖設計學習后,充分了解用戶體驗的重要性,學習觸摸式設計和界面優化設計,成為一名真正懂交互的UI設計師。

  • 05
    Html5學習篇

    基于web端知識的學習,在個人能力的基礎上進一步提高,并能獨立完成PC端及移動端的各種響應式網站制作。

  • 06
    動效設計及項目實戰

    學習AE在UI交互過程中的動態效果設計方法和把握動畫節奏。并以實戰項目來進階工作經驗,讓你快速成長為全能的UI設計師 。

查看完整課程大綱

學員作品

  • LOGO設計
    LOGO設計
  • 界面設計
    界面設計
  • 網頁設計
    網頁設計
  • 圖標設計
    圖標設計
  • 網頁設計
    網頁設計
  • 界面展示
    界面展示
  • 網頁設計
    網頁設計
  • 界面設計
    界面設計

以上為學員臨摹作品,最終解釋權歸其所有,若原作者有任何疑問,請致電官方聯系:4008628862

除了線上還可以選擇線下學習

【互聯網工廠】模式,讓你在互聯網公司上班一樣學習

傳統線下培訓
學習環境

學習環境差,50人擠在一個小屋里

教學模式

1個老師對50個學生

傳統授課

傳統授課,所有人聽一樣的內容

開班時間

傳統授課,所有人聽一樣的內容

師資團隊

老師水平參差不齊

項目實戰

含金量一般的項目練習

VS
?麥子線下培訓
學習環境

互聯網公司環境,寬敞明亮辦公室和麥子員工一起辦公

教學模式

4個老師對1個學生(專業老師、教務老師、項目老師、就業老師)

傳統授課

因材施教,根據個人進度1對1指導

開班時間

隨到隨學

師資團隊

8年以上的一直在企業實操的工程型老師

項目實戰

有機會直接參與互聯網公司商業項目

咨詢線下課程

強大的校企合作就業服務體系

麥子學院攜手linkedin、拉勾、智聯招聘、獵聘等一線招聘平臺,實現實習就業權威保障!

在中國,你叫的上名字的互聯網公司幾乎都有我們學生

與拉勾,獵聘,智聯招聘接口打通 ,并且與超過1000家A輪融資后互聯網公司建立輸送關系

  • 陳龍-月薪10k入職賽爾互聯
    陳龍

    月薪10K,賽爾互聯

  • 黃青青-月薪8k入職聚簇云網絡
    黃青青

    月薪8K,聚簇云網絡

  • 黃子楷-月薪12k入職麥盛
    黃子楷

    月薪12k,入職麥盛

  • 王欣晨-月薪10k入職環球網
    王欣晨

    月薪9.3K,環球網

  • 王子強-月薪12k入職明與簡科技
    王子強

    月薪12k,明與簡科技

  • 薛馨予-月薪10k入職愛客
    薛馨予

    月薪10K,入職愛客

  • 趙田生-月薪9.5k入職知名互聯網公司
    趙田生

    月薪9.5K,入職知名醫藥互聯網

  • 周文語-月薪10k入職上海知名互聯網公司
    周文語

    月薪10k,入職上海知名互聯網公司

就業, 底薪,0元入學,0風險

簽訂保就業,保底薪協議,
未達到高底薪就業全額退款
了解詳情

媒體報道

合作企業

合作院校

榮譽獎項

  • 麥子學院-最具口碑影響力在線教育機構
  • 麥子學院-領軍企業
  • 麥子學院-中國最具創新在線教育品牌
  • 麥子學院-2015年度影響力在線教育品牌
  • 麥子學院-中國品牌價值在線教育機構
  • 麥子學院-2015年最具影響力教育品牌
  • 麥子學院-2013年度金金牌合作機構
  • 麥子學院-特色職業教育品牌
現在行動,參加麥子學院五周年助學紅包瘋搶計劃!
立即報名

填寫表單領取紅包

* 報名成功后,麥子工作人員將在24小時內與您聯系
姓名不能為空
請填寫正確的電話號碼
填寫表單領取紅包
  • 1

    視覺設計基礎篇

    視覺設計基礎篇 掌握UI設計工具的使用后,通過學習素描光影關系、色彩原理與搭配及構圖原理,打好成為UI設計師的美術造型基礎和樹立色彩審美意識,并能利用色彩原理進行相關案例設計與制作。

      • 01
        Photoshop應用
        1. · 控制面板
        2. · 圖像編輯
        3. · 圖像合成
        4. · 校色調色
        5. · 功能色效
        6. · 色彩設定
      • 02
        Illustrator應用
        1. · 描邊繪圖
        2. · 上色
        3. · 藝術畫筆
        4. · 矢量圖形處理功能
        5. · 貝賽爾曲線的使用
      • 03
        素描光影關系
        1. ·黑-白-灰
        2. · 光源及高光
        3. · 亮面及暗面
        4. · 明暗交界線
        5. · 光照射物體的明暗變化
        6. · 反光
      • 04
        色彩原理與搭配
        1. ·光色原理
        2. · 三原色
        3. · 光的反射
        4. · 如何考核
        5. · 光源色
        6. · 物體色
        7. · 暗面和固有色
      • 05
        構圖原理
        1. ·構圖的基本法則
        2. · 水平式
        3. · 垂直式及S形
        4. · 三角形及圓形
        5. · 長方形
        6. · 西方構圖
  • 2

    UI設計師入門篇

    樹立設計師意識,了解UI發展規律及就業前景,并通過本階段的學習能獨立完成圖標作品設計、平面作品設計及手繪作品設計等。

      • 01
        UI簡述
        1. · UI的工作內容
        2. · UI設計師的職責
        3. · 從事UI行業的人群
        4. · 執行命令
        5. · UI設計師在工作中扮演的角色
      • 02
        設計美術
        1. · 設計色彩
        2. · 設計構成
        3. · 設計手繪
        4. · 美術基礎提升
        5. · 項目實戰
      • 03
        圖標設計
        1. · 剪影圖標實訓
        2. · 扁平圖標實訓
        3. · 擬真圖標實訓
        4. · 卡通圖標風格實訓
        5. · 復古圖標風格實訓
      • 04
        現代UI設計
        1. · Windows磁片設計
        2. · Google紙片設計
        3. · 聲音檢測案例剖析
        4. · 扁平化起緣
        5. · 扁平化變革
  • 3

    多平臺界面設計篇

    基于用戶界面設計準則和移動新特征,了解UI設計流程和學習后,能獨立完成移動端框架設計和產品界面設計

      • 01
        移動新特征
        1. · 用戶基本類型及特征
        2. · 用戶隱私及平臺差異
        3. · 智能家居與穿戴設備
        4. · 云與應用攝像頭
        5. · 硬件交互方式環境
        6. · 響應式Web設計
      • 02
        用戶界面設計準則
        1. · GUI 設計原則
        2. · 同行準則
        3. · WIN設計原則
        4. · IOS設計原則
        5. · UI的問題
        6. · NUI設計原則
      • 03
        設計流程
        1. · ID與團隊合作
        2. · 細節及其建議
        3. · 開始設計
        4. · 后期工作
        5. · 設計流程前期工作
      • 04
        框架設計
        1. · 框架是什么
        2. · 框架與信息
        3. · 手機信息架構
        4. · 深度與廣度
        5. · APP架構設計
        6. · 導航設計模
      • 05
        平臺規范
        1. · IOS
        2. · IPHONE
        3. · IPAD
        4. · iWATCH
        5. · ANDROID
        6. · WINDOWS PHONE
  • 4

    交互設計思維篇

    交互設計思維篇 通過對產品設計思維的掌握和原型圖、腦圖設計學習后,充分了解用戶體驗的重要性,學習觸摸式設計和界面優化設計,成為一名真正懂交互的UI設計師。

      • 01
        產品設計思維
        1. · 設計方法論
        2. · 需求分析
        3. · 產品案例分析
        4. · 設計思維
        5. · 設計邏輯
        6. · 編寫需求文檔
      • 02
        原型紙本
        1. · 什么是原型
        2. · 原型的分類及意義
        3. · 線框原型圖與手繪
        4. · 紙本手工思考
      • 03
        用戶體驗
        1. · 什么是用戶體驗
        2. · 用戶體驗基本特征
        3. · 用戶體驗構成要素
        4. · 信息流與任務流
        5. · 如何設計好的用戶體驗
        6. · 用戶體驗層次
      • 04
        觸摸式設計
        1. · 觸摸
        2. · 合理設置操作區
        3. · 拇指操作區
        4. · 觸摸式界面設計手法
        5. · 觸覺與手勢
        6. · 手指特征以內容為主導
      • 05
        界面優化設計
        1. · 頁面布局
        2. · 柵格系統
        3. · 信息扁平化
        4. · 動態數據可視化
        5. · 橫豎屏切換設計
        6. · 精細的視差
  • 5

    Html5學習篇

    Html5學習篇 基于web端知識的學習,在個人能力的基礎上進一步提高,并能獨立完成PC端及移動端的各種響應式網站制作。

      • 01
        HTML + CSS 實現網頁布局
        1. · 表單控件
        2. · CSS選擇器及屬性
        3. · DIV+CSS盒子模型
        4. · 瀏覽器調試工具
        5. · PC端網頁布局
      • 02
        Javascript 腳本編程
        1. · Javascript簡介
        2. · m變量和數據模型
        3. · 表達式和運算符
        4. · 兼容性問題
        5. · 正則表達式及表單驗證實戰
      • 03
        HTML5
        1. · html5新標簽
        2. · html5新的網頁結構
        3. · Html5新特性
        4. · html5新事件
        5. · html5+css3的應用前景
      • 04
        CSS3及響應式設計
        1. · CSS3新增選擇器
        2. · CSS3新增動畫效果
        3. · media queries響應式
        4. · 兼容性問題
        5. · 移動端響應式網站設計
  • 6

    動效設計及項目實戰

    動效設計及項目實戰 學習AE在UI交互過程中的動態效果設計方法和把握動畫節奏。并以實戰項目來進階工作經驗,讓你快速成長為全能的UI設計師 。

      • 01
        After Effects應用
        1. · 圖形視頻處理
        2. · 路徑功能特技控制
        3. · 多層剪輯
        4. · 關鍵幀編輯
        5. · 動態效果設計
        6. · 渲染
      • 02
        動效提案設計
        1. · 動效原則
        2. · 提案方式設計
        3. · 動效設計方法
        4. · 動畫節奏把控
        5. · 交互設計提案準備
      • 03
        移動UI實戰項目
        1. · 項目模擬
        2. · 界面設計
        3. · 交互思維
        4. · 項目成品
        5. · 效果圖提案展示
        6. · 互聯網行業設計規范
      • 04
        UI行業項目
        1. · 面試技巧
        2. · 簡歷制作
        3. · 項目材料準備
        4. · 了解公司
        5. · 面試準備
綜合評分
10.00
  • 課程質量 10.00
  • 老師滿意度 10.00
  • 簡潔易懂 10.00
全部評價
  • 周安偉
    45分鐘前
    作為一個剛入門的前端工程師,用這個視頻教程作為學習 Vue 真是太好了,主要之前沒怎么接觸過模塊化設計,網上對將這些方面的又不是很多。這個教程很 nice。1 天半看了 1/3 了,毫無難度,通俗易懂。唯一的一點不足就是這不是 Vue 2.0 的,有些不一樣的地方我還得翻官方文檔去改。但總的來說很好。點贊!
    老師回復:感謝支持~ 能學會使用 Vue 開發實戰項目就是本門課的宗旨~由于課程錄制時間比較早選擇的是 1.0 的。
  • 周安偉
    45分鐘前
    作為一個剛入門的前端工程師,用這個視頻教程作為學習 Vue 真是太好了,主要之前沒怎么接觸過模塊化設計,網上對將這些方面的又不是很多。這個教程很 nice。1 天半看了 1/3 了,毫無難度,通俗易懂。唯一的一點不足就是這不是 Vue 2.0 的,有些不一樣的地方我還得翻官方文檔去改。但總的來說很好。點贊!
  • 周安偉
    45分鐘前
    作為一個剛入門的前端工程師
  • 周安偉
    45分鐘前
    作為一個剛入門的前端工程師,用這個視頻教程作為學習 Vue 真是太好了,主要之前沒怎么接觸過模塊化設計,網上對將這些方面的又不是很多。這個教程很 nice。1 天半看了 1/3 了,毫無難度,通俗易懂。唯一的一點不足就是這不是 Vue 2.0 的,有些不一樣的地方我還得翻官方文檔去改。但總的來說很好。點贊!
    老師回復:感謝支持~ 能學會使用 Vue 開發實戰項目就是本門課的宗旨~由于課程錄制時間比較早選擇的是 1.0 的。
  • 周安偉
    45分鐘前
    作為一個剛入門的前端工程師,用這個視頻教程作為學習 Vue 真是太好了,主要之前沒怎么接觸過模塊化設計,網上對將這些方面的又不是很多。這個教程很 nice。1 天半看了 1/3 了,毫無難度,通俗易懂。唯一的一點不足就是這不是 Vue 2.0 的,有些不一樣的地方我還得翻官方文檔去改。但總的來說很好。點贊!
    老師回復:感謝支持~ 能學會使用 Vue 開發實戰項目就是本門課的宗旨~由于課程錄制時間比較早選擇的是 1.0 的。
  • 周安偉
    45分鐘前
    作為一個剛入門的前端工程師,用這個視頻教程作為學習 Vue 真是太好了,主要之前沒怎么接觸過模塊化設計,網上對將這些方面的又不是很多。這個教程很 nice。1 天半看了 1/3 了,毫無難度,通俗易懂。唯一的一點不足就是這不是 Vue 2.0 的,有些不一樣的地方我還得翻官方文檔去改。但總的來說很好。點贊!
    老師回復:感謝支持~ 能學會使用 Vue 開發實戰項目就是本門課的宗旨~由于課程錄制時間比較早選擇的是 1.0 的。
  • 周安偉
    45分鐘前
    作為一個剛入門的前端工程師,用這個視頻教程作為學習 Vue 真是太好了,主要之前沒怎么接觸過模塊化設計,網上對將這些方面的又不是很多。這個教程很 nice。1 天半看了 1/3 了,毫無難度,通俗易懂。唯一的一點不足就是這不是 Vue 2.0 的,有些不一樣的地方我還得翻官方文檔去改。但總的來說很好。點贊!
    老師回復:感謝支持~ 能學會使用 Vue 開發實戰項目就是本門課的宗旨~由于課程錄制時間比較早選擇的是 1.0 的。
  • 加載更多評論

© 2012-2016 www.jvbprd.live

蜀ICP備13014270號-4 Version 5.0.0 release20160127

新課上線,優惠大禮包領取

客服熱線 400-862-8862

回到頂部

彩票安徽25选5