當前位置︰平面設計學院 > UI設計系統教程
 

170899次 66條 259次
講師︰MICU設計
課級︰高級拓展
時長︰26.7小時
單價︰¥1990元 助學價︰¥398元
年會員︰¥1800元/年 今日促銷:¥399元 平面設計學院所有教程免費學
分享到︰

  《UI設計系統教程》是一套系統講解UI設計的課程,由知名UI設計大咖王鐸老師傾心打造。課程涵蓋知識點全面,從基礎到高級,理論結合實戰,帶你一步步從UI入門到高手進階,適合所有想學習UI設計的學員學習。

  課程從圖形語言開始講解,到深入的界面設計,通過理論性的講解與實際案例操作結合,帶你快速掌握UI設計中所用到的知識點。課程內容包括圖標制作、APP形象制作、iOS 及Android的設計規範、各個類型的界面設計、切圖標注、活動頁面、設計題案流程、面試技巧等,並包含大量前沿的實戰案例。

  整套課程共20章,章節安排合理,內容貼合實際應用,系統性強,是有意向從事UI設計工作的同學必修課。通過這套課程的學習,你能快速掌握實用的UI技能,實現0基礎到UI大神的完美蛻變!

 
第一章 UI設計的基本定義和設計趨勢

本節課主要介紹UI設計的基本定義和設計趨勢,通過工作流程介紹,分析UI設計的發展前景。

本節課主要介紹UI在職設計師應該具備哪些素質,掌握哪些知識,了解設計行業的團隊分類及公司規模。

第二章 圖形語言與布爾運算的使用

本節課主要介紹UI設計中圖形語言圖標的定義與作用,以及圖形創意的創意思路與方向。

本節課主要詳細介紹圖標從形式劃分具體有哪些表現形式,以及不同表現形式的應用。

本節課主要結合軟件操作介紹布爾運算的基本操作,以及在做布爾運算時需要注意的問題。

本節課主要通過實戰案例詳細介紹布爾運算的運用,同時通過圖標的繪制和細節的處理,知道如何把握形狀圖形的一致性,了解圖形語言在界面中的重要性。

第三章 線性圖形設計思路及制作

本節課主要講解利用創意草圖將圖形具象化的創意技法,了解繪制草圖的目的是什麼,以及如何進行創意思維練習的三種方法。

本節課主要利用布爾運算和圖形語言的知識,繪制一套天氣類的圖標,通過本節課的學習,初步掌握圖形創意的方法,以及在繪制的過程中如何發散設計思維。

本節課主要介紹如何使用形狀工具,以及描邊繪制線性圖標的基本方法。

本節課主要介紹圖標創意的技巧,通過發散思維提高原創能力,並利用實戰案例進行演示讓大家更好的了解一個圖標的創作過程。

第四章 系統級圖標制作

本節課主要介紹什麼叫系統級圖標,以及系統級圖標的設計規範與特性,在APP設計中系統圖標具有什麼樣的功能。

本節課主要通過實例操作講解系統功能圖標制作技巧的基本規範,以及在設計制作中的具體繪制方法和需要注意的事項。

本節課接著上節課繼續完成系統圖標的繪制,並對系統圖標進行上色,通過本章的學習,理解系統圖標的制作規範,開拓圖標創意的思維和制作能力。

第五章 微質感圖標制作技法

本節課主要帶大家了解微質感圖標的特性,針對表現成面進行練習,提高大家的深入能力,從而能更好的運用在工作的各個維度中。

本節課主要演示一個微質感相機圖標的具體繪制方法,著重講解如何通過對顏色和投影的處理提高物體的體感。

本節課主要結合PS和AI軟件演示了一個人物化圖標的具體繪制方法,重點講解圖標體感塑造的基本思路。

本節課主要演示一個小書包圖標的具體繪制方法,通過多個案例的演示,加深大家對微質感圖標繪制的理解以及處理技巧。

本節課主要演示從一張草圖到質感圖標繪制的具體操作步驟,著重介紹草圖的摳圖技巧以及圖標紋理質感的表現。

第六章 表情圖標制作技法

本節課主要介紹表情圖標和禮物圖標的概念,以及基礎表情包和定制表情包的區別與功能,並通過一組基礎表情包的設計與繪制,講解表情包不同表情的創意思路和表現。

本節課繼續完成趣味性表情包的繪制,通過實例演示,讓大家迅速掌握不同表情的創意思路與繪制技巧,以及表情包在放大或縮小之後,如何處理細節,使表情包更易識別和使用。

本節課主要對禮物圖標進行實戰操作,從表現形式上讓大家擴充自己的設計表現形式,讓想法變的具象化。

本節課主要著重演示一個玫瑰禮物圖標的繪制,通過該案例的講解,提高大家對復雜圖案結構的理解,以及光影層次關系的處理方法,加強大家的繪圖能力。

本節課主要演示蛋糕與戒指禮物圖標的繪制,通過本章的學習,讓大家迅速掌握不同禮物圖標的繪制方法,以及不同材質禮物細節與明暗對比關系的處理。

第七章 APP品牌LOGO

本節課主要介紹如何運用illustrator來完成品牌與app主logo的設計,分析logo草圖繪制的設計思路,以及在設計的過程中如何統一平衡字體。

本節課主要演示APPlogo設計中圖形圖標的制作,以及文字與圖形不同的組合方式和處理方法。

第八章 角色化APP形象設計

本節課主要介紹產品延展角色設計,以及角色設計在產品界面和情景中的功能與作用,並通過案例演示,講解角色繪制的具體思路和步驟。

本節課主要講解如何運用ai軟件對角色形象進行描邊和上色,以及具體的處理方法和操作技巧。

本節課在上節課的基礎上,繼續延展不同神態和動作的角色,通過本節課的實例演示,提高大家對角色設計與繪制的理解,熟練軟件操作。

第九章 iOS設計原則及基礎規範

本節課主要介紹隻果界面設計的發展變化,詳細介紹iOS的基本設計原則,以及iOS系統不同設備的具體設計尺寸。

本節課繼續講解iOS設計的層級性和易操作兩大基本原則,通過對設計原則的了解,提高ui設計的功能性和實用性,同時詳細介紹了iOS系統中界面尺寸及控件的規範,包括狀態欄、導航欄、標簽欄的規範等等。

本節課主要根據iOS的設計規範來演示一款app界面的設計,在設計的過程中,教會大家如何通過一個品牌的logo來確定整個設計的色調,根據品牌特性確定設計的風格,以及如何把iOS的設計規範和原則落實到具體設計中。

本節課主要講解案例中Banner與分類模塊的制作,以及如何根據分類名稱設計圖形圖標,豐富模塊內容,並通過小元素的表現加強氛圍的營造。

本節課接著講解案例中任務內容的具體繪制方法,以及設計稿在不同設備上的適配方法和具體操作。

第十章 Android設計規範

本節課主要介紹的Android設計規範,包括Material design的核心理念,設計規範中的作用與視覺體系,Android的控件設計規範,並詳細介紹了設計中的尺寸和單位,通過本節課的學習,讓大家了解Android的具體設計規範和尺寸,以及in、pt、px、dpi、dp不同單位的定義。

本節課主要通過一個金融界面的實例演示,來講解如何結合Android設計規範的知識來表現畫面。

第十一章 Watch設計規範

本節課分別介紹了Android wear 與apple watch不同產品的設計風格與功能,以及apple watch的具體設計規範。

本節課主要通過watch界面設計實例演示,讓大家快速的理解apple watch的具體設計規範和具體操作技巧。

第十二章 界面類型及產品流程設計分析

本節課主要介紹界面的類型,以及不同類型具體包括哪些內容和頁面,並結合圖文講解,分析不同界面的功能與定義,我們在經後的設計中要注意什麼?

第十三章 界面的圖版率

本節課主要介紹界面中圖版率的概念,以及提高界面圖版率的方式和方法。

本節課主要通過實例操作演示,講解如何把圖版率的相關知識運用到界面設計中,以及大塊色彩在界面中的運用。

第十四章 元素在界面中的運用

本節課主要講解元素在界面設計中的運用,常用的元素有哪些,以及如何更好的運用元素,通過什麼樣的技巧來提升畫面的設計感。

本節課通過實戰演練讓大家更好的理解元素在設計中的運用,教會大家如何運用同一種元素貫穿整個設計的思路和技巧,統一整體設計風格。

本節課主要演示首頁界面的設計,重點講解如何通過ai軟件快速制作統一規範的圖形圖標,以及AI軟件路徑與形狀工具的使用技巧。通過本節課的學習,教會大家如何思考,並通過字體、顏色、形狀、細節的處理統一界面整體調性與風格。

本節課主要介紹個人主頁界面的設計,通過本節課的學習,教會大家如何在簡潔的畫面中去豐富內容,統一配色,加強層級的表現。

第十五章 界面字體及間距使用

本節課主要講解在界面排版設計中如何正確的使用字體和字體的間距,確保字體樣式與色調氛圍相匹配,提高界面的版式率和閱讀性。同時著重給大家介紹了界面文字的使用規則和常用字體。

本節課主要通過一個app界面的延展,來演示標簽彈窗頁面的設計,通過本節課的學習,提高字體與字間距的排版使用,加強界面文字使用規則的理解。

本節課繼續延展首頁風格繼續繪制動態頁面,在設計的過程中,主要講解排版中文字與文字之間的關系,文字與內容之間的關系,根據內容的不同功能去表現文字與圖標

本節課在前面幾節課的基礎上,繼續繪制發現頁面,重點介紹大色塊背景的繪制方法,以及作品輸出的表現技巧和操作。

第十六章 直播類APP界面設計

本章主要針對火爆的直播類APP進行實戰演練,,這節課主要完成直播app首頁導航欄與底部標簽欄的制作,通過本節課的學習,提高大家對頁面的排版能力,以及圖標的繪制技巧。

本節課主要詳細演示直播頁面icon的具體操作以及配色技巧。

本節課繼續繪制直播頁面內容板塊的制作,通過本節課的學習,讓大家了解直播界面的排版方式,掌握圖片與文字之間的處理技巧。

本節課主要詳細演示直播app直播頁的具體繪制技巧,綜合前面所學知識,鞏固圖形圖標繪制的相關知識,以及禮物圖標在界面中運用的表現方式。通過實戰演練,本章從一個產品的功能圖標到界面的布局進行了完整的演示,讓大家更深入的了解直播界面。

第十七章 APP引導頁及市場圖的設計

本節課主要講解APP引導頁及市場圖的概念與作用,以及引導頁具體有哪些類

本節課主要通過實例操作給大家演示app市場圖的設計思路與具體制作,教會大家如何通過對主題文字與軟件界面的表現,來突出軟件的核心特點。

第十八章 地圖軟件繪制實例

本章通過一個地圖軟件實例來逐步講解頁面設計中一級、二級、三級頁面的設計思路和具體操作,本節課主要針對項目首頁進行設計,演示不同功能圖標的繪制。

本節課主要綜合本套課程所學知識,繼續繪制項目的結果頁面,通過一個完整案例的演示,鞏固UI設計相關理論知識與軟件操作,提高大家對界面設計的理解與表現。

第十九章 界面切圖及標注

本節課主要介紹界面中的切圖與標注的定義,以及常用的切圖軟件有哪些,在操作的過程中要注意什麼,如何規範的命名,並通過實例演示教大家具體的切圖步驟,以及Android與ios不同的命名方法。

本節課主要通過實例演示講解標注的具體操作步驟和方法,以及.9文件的概念與作用。通過操作進行詳細的了解輸出的過程及需要輸出的內容。從而在工作中更好的去對接一個APP的設計。

第二十章 面試與提案

本節課主要講解了作品集和面試技巧,通過作品集的演示讓大家更清楚的將學習成果更好的展示,最終進行工作面試的檢驗。通過了解面試中常會提到的問題,更好的分析自己的不足和注意事項。

本節課主要介紹UI設計的提案技巧,通過多個項目的演示講解,教大家如何樹立正確的提案思路,提高過稿率。

 
MICU設計 主攻︰UI設計、LOGO設計 簡介︰王鐸 MICU設計創始人,先後就職騰訊、奇虎360、今日頭條等公司;人民網特邀講師/站酷推薦設計師;《如何搞定界面設計》系列作者。參與項目︰手機QQ、360兒童衛士、360空氣淨化器、360防丟衛士、老虎地圖、內涵段子、車到加油等數個產品。榮獲多項榮譽︰中國綠化基金會“綠色愛心設計師”稱號/中國之星設計藝術大獎/中國包裝創意設計大賽優秀獎/創意紫峰優秀作品獎。
作品:
 
  • 1.1 UI設計介紹
  • 1.2 UI設計師應該具備哪些素質
  • 2.1 圖形語言中的圖標
  • 2.2 圖形語言中的圖標
  • 2.3 布爾運算的使用
  • 2.4 布爾運算案例實操
  • 3.1 圖標創意技法
  • 3.2 天氣類圖標繪制
  • 3.3 形狀工具與描邊的運用
  • 3.4 線性圖標創意實例
  • 3.4.1 線性圖標創意實例
  • 4.1 系統級圖標的定義與規範
  • 4.2 系統圖標制作
  • 4.3 系統圖標制作
  • 5.1 微質感圖標的定義
  • 5.2 相機圖標的繪制
  • 5.3 小丑圖標的繪制
  • 5.4 小書包圖標繪制
  • 5.5 草圖圖標的繪制
  • 6.1 表情及禮物圖標定義與功能
  • 6.1.1 表情及禮物圖標定義與功能
  • 6.2 表情圖標繪制
  • 6.3 禮物圖標繪制
  • 6.3.1 禮物圖標繪制
  • 6.4 禮物圖標繪制
  • 6.5. 禮物圖標繪制
  • 6.5.1 禮物圖標繪制
  • 7.1 APPlogo制作
  • 7.2 APPlogo圖標制作
  • 7.2.1 APPlogo圖標制作
  • 8.1 角色形象設計-描邊繪制
  • 8.2 角色形象設計-上色
  • 8.3 角色形象設計-上色
  • 9.1 iOS基礎設計原則
  • 9.2 iOS基礎設計規範
  • 9.3 實例操作-導航欄與標簽欄
  • 9.4 實例操作-banner與分類
  • 9.5 實例操作-任務內容
  • 9.5.1 實例操作-任務內容
  • 10.1 Android設計理論講解與設計規範
  • 10.2 Android-金融界面實操
  • 10.2.1 Android-金融界面實操
  • 11.1 Watch界面設計
  • 11.2 Watch界面設計案例操作
  • 11.2.1 Watch界面設計案例操作
  • 12.1 APP界面類型介紹
  • 13.1 什麼是界面中的圖版率
  • 13.2 運動APP界面設計
  • 13.2.1 運動APP界面設計
  • 14.1 元素在界面中的運用與設計技巧
  • 14.2 搜索框和標簽欄的制作
  • 14.2.1 搜索框和標簽欄的制作
  • 14.3 首頁制作
  • 14.3.1 首頁制作
  • 14.4 個人中心頁面制作
  • 15.1 界面字體及間距對齊
  • 15.2 標簽彈窗頁面
  • 15.3 動態頁面和詳情頁面設計
  • 15.4 發現頁面
  • 15.4.1 發現頁面
  • 15.4.2 發現頁面
  • 16.1 直播頁面-首頁圖標
  • 16.2 分類圖標制作
  • 16.3 內容模塊制作
  • 16.4 直播頁制作
  • 16.4.1 直播頁制作
  • 17.1 APP引導頁與市場圖的定義
  • 17.2 APP引導頁與市場圖設計
  • 17.2.1 17.2 APP引導頁與市場圖設計
  • 18.1 地圖軟件首頁設計
  • 18.2 篩選頁面設計
  • 18.2.1 篩選頁面設計
  • 18.2.2 篩選頁面設計
  • 18.2.3 篩選頁面設計
  • 19.1 切圖與標注
  • 19.1.1 標注及.9文件的輸出
  • 19.2 切圖與標注
  • 19.2.1 標注及.9文件的輸出
  • 20.1 面試與作品集
  • 20.2 提案
  • 本套教程單價︰¥1990元 助學價︰¥398元 
  • 平面設計學院年會員︰¥1800元/年 今日促銷︰¥399元 可學習所有教程+新增教程 
  • 本學院已有106 套教程 總計 1208 個小時 查看詳情

學員評價 鼠標移到評論上可暫停滾動

    • 木子茶
      對我來說,去實體培訓班的費用是比較高的,也受時間地點的限制。在勤學網學習就比較自由,費用也相對少很多,課程經過剪輯化繁為簡,學習效率更高,是工作之余提升的好網站。
      站在你左邊
      買了勤學網的課程以後,受益很大,比在學校學習的內容更貼近實際工作,有疑問的時候,老師能耐心解答,在這樣一個良好的環境下,我相信自己能越學越好。
      藍方
      在勤學網學習有段時間了,感覺確實很棒,講課的老師本身就是設計大師,傳授經驗毫無保留,好多好多的干貨啊,花這點兒錢,實在是太值了!絕對行業的良心!
      我愛機器貓
      在網上學過很多教程,免費的收費的,相比之下,勤學網的教程是最系統專業的,從完善的基礎理論到豐富的高端案例實戰,能一站式滿足我的學習需求,省心省力。
    • 大海的魚
      我本來準備辭掉工作去大城市參加培訓班的,現在有了勤學網,不用辭掉現在的工作,也免去了高昂的學費和食宿費,還學到了更尖端的課程,實在太好了!
      繁星點點
      在勤學網學習非常靈活自由,隨時登錄隨時學習,沒有觀看次數限制,課程精編高效,讓我用最少的時間學習到最有用的知識。
      黑羽
      加入勤學網後感覺就像撿了個寶,這里的教程完全勾起了我的學習欲望,吸引著我不停地學習,這種每天都在快速進步的感覺真是好!
      火烈鳥
      與網上大部分只講軟件基礎應用的教程不同,勤學網的教程延展性很強,很多教程直接深入商業案例,能學到最前沿的案例實操經驗,學起來很過癮。
    • 暗之天使
      勤學網的教程非常清晰,課程剪輯很好,知識點餃接有序,學習過程中還有問答環節,學起來生動有趣,收效甚快。
      一生何求
      比去培訓班省錢,而且還能按照自己的時間和進度去安排學習,教程也很牛,幫上我大忙了。
      秋天的風
      我是完全零基礎,但感覺勤學網的教程很合我的胃口,課程由淺入深,富有邏輯性,學起來輕松自如。感謝勤學網,讓我實現設計師夢想變得如此容易。
      與或非
      課程安排很有針對性,很多都是實戰教學,市面上是很少看到這麼實用的教學內容的,老師授課也很有經驗,非常適合設計師們自我修煉。
    • 莉莉雅
      購買之前擔心內容與宣傳不符,所以問了很多問題,客服一直非常耐心地解答。看了課程覺得內容比介紹的還豐富,老師講得好,案例多,視頻高清,音質好。對勤學網很滿意。
      棒棒糖女孩
      勤學網的教程非常實用,針對性也很強,能學到實實在在與工作相關技巧,快速提升自己的競爭力。
      Dr熊
      根據我多年工作和學習經驗推測,勤學網絕對是全網性價比最高的學習網站,學習模式、課程質量、服務態度都沒得說,大力支持!
      龍海
      在勤學網到了很多高級技法,眾多設計大師的先進設計理念和經驗給我許多啟發。現在做設計感覺思路更廣,靈感也更豐富,作品更加有feel了。

    我們都在勤學網查看更多評論>>

    136355922:

    剛發現勤學網,咨詢了老師好多天,一直很糾結,不敢相信這麼多教程幾百塊錢是不是真的。再看看網...[更多]

    羅登煒:

    我是一名在校大學生,學習的專業是室內設計,算是個過來人吧,在一次查找學習資源的時候我看到了...[更多]

    韭菜1993:

    我是一名大四的學生,我學習的專業是數字媒體藝術,範圍很廣,涉及的內容也特別的復雜!我喜歡平...[更多]

    小玲丫頭0904:

    我是一名大學生,由于高考的失誤,沒有考上室內設計專業,如今自己想好好走室內設計方向,曾經試...[更多]
    購買了該教程的同學
    aec
    liuyaqian
    小趙姑娘
    主恩
    502423609
    145615063
    sunny00
    印刷小子
    立欣
    qwe5555
    laosi
    郭大丑
    小哥007
    俞富城
    百練成仙
    3dxiongren
    cyh570
    xxw2016
     
    您可能感興趣的課程
     
    講師︰笨叔
    21637次15條29次
     
    講師︰賈斌
    94042次31條92次
     
    講師︰江遙
    240055次205條447次
     
    講師︰開心老師
    423176次197條409次
     
    講師︰Gordan
    223183次113條295次
     
    講師︰胡飛虎
    302624次207條705次
     
    講師︰陳志文
    284067次221條181次
     
    講師︰田婧
    2089931次1270條1129次
     
     
    800135999