1. 程式人生 > >App界面設計利器Sketch 精選案例合集

App界面設計利器Sketch 精選案例合集

復制 symbol 單位 新的 模塊 窗口 首頁 好玩 維護

第1章 課程介紹
主要介紹課程的安排及你將學到哪些使用技巧
1-1 課程介紹

第2章 sketch 實例及相關工具
本節課你將學到鋼筆工具的使用、漸變及填充、投影的使用,體會並觀察實際中物品的光影與材質;模糊工具、柵格化工具、輔助線的應用,體會到界面排版及構圖的重要及頁面設計中存在的節奏感;剪切蒙版的使用和兩種添加方式,體會到選圖之於設計的重要性;切圖工具使用技巧,體會團隊配合中溝通的重要性;symbol模版工具的使用...
2-1 Outline風格icon作品(上)
2-2 Outline風格icon作品
2-3 漸變色
2-4 陰影
2-5 擬物化徽章繪制實例
2-6 模糊工具
2-7 插畫實例(上)
2-8 插畫實例(下)
2-9 一款電商H5頁面的設計實例(上)
2-10 一款電商H5頁面的設計實例(下)
2-11 海報設計中的字體選用(1)
2-12 海報設計中的字體選用(2)
2-13 如何交付設計好的界面(1)
2-14 如何交付設計好的界面
2-15 即時通訊界面實例(1)
2-16 即時通訊界面實例(2)
2-17 Resize自動尺寸適用功能

第3章 sketch在工作中實用技巧
你將學到Sketch預制了哪些界面尺寸,以及iOS、Android的設計規範,ppi、dpi、sp、pt、dp等單位的區別;圖層的整理、隱藏及鎖定,學到如何管理設計版本方便後續修改和協作;sketch的新特性以及如何創建和維護一套設計規範
3-1 熟悉各平臺的設計規範
3-2 在手機端實時預覽你的作品
3-3 sketch新特性Libraries的使用

第4章 sketch功能拓展
本章節你將學到sketch plugin插件擴展,了解不斷出現好玩的工具學習新的插件使用;自動標註神器,分分鐘解放雙手;craft的使用特性:如何快速復制元件、填充文本、填充圖片;以及圖標字體的使用技巧,常用圖標不再需要繪制
4-1 sketch measure+zeplin自動標註工具
4-2 Craft自動填充工具_音頻.mp4
4-3 iconfont圖標字體插件

第5章 美食APP“Muru”綜合實戰
本章節將結合前面所學的知識,綜合練習美食APP“Muru”案例,將知識點融入實際操作中,讓你的技能更加純熟
5-1 案例簡介
5-2 確認設計規範
5-3 icon繪制
5-4 狀態欄與底部tab
5-5 標題欄navgation bar
5-6 首頁主體區塊搭建
5-7 首頁甜點模塊內容填充
5-8 首頁最受歡迎菜品模塊內容填充
5-9 登錄界面
5-10 商品詳情頁
5-11 彈出窗口-菜單欄(1)
5-12 彈出窗口-菜單欄(2)

第6章 課程總結
本章主要總結課程涉及到的技能點以及技巧
6-1 課程總結

下載地址:百度網盤下載

App界面設計利器Sketch 精選案例合集