App界面设计利器Sketch 精选案例合集

〖课程介绍〗:

随着移动端设计的行业趋势演进，Sketch 这类轻量型软件，成为越来越多设计师的选择。本课程基于此情况，采用基础理论与实战案例相结合的教学方式，由浅入深，增进大家对Sketch的认识，让大家在实际工作中更加得心应手。

〖课程目录〗:

第1章 课程介绍1 节 | 9分钟

主要介绍课程的安排及你将学到哪些使用技巧

• 视频：1-1 课程介绍 (08:02)

第2章 sketch 实例及相关工具 试看17 节 | 216分钟

本节课你将学到钢笔工具的使用、渐变及填充、投影的使用，体会并观察实际中物品的光影与材质；模糊工具、栅格化工具、辅助线的应用，体会到界面排版及构图的重要及页面设计中存在的节奏感；剪切蒙版的使用和两种添加方式，体会到选图之于设计的重要性；切图工具使用技巧，体会团队配合中沟通的重要性；symbol模版工具的使用…

• 视频：2-1 Outline风格icon作品（上） (16:06)
• 视频：2-2 Outline风格icon作品 (17:33)
• 视频：2-3 渐变色 (05:59)
• 视频：2-4 阴影 (02:06)
• 视频：2-5 拟物化徽章绘制实例 (19:01)
• 视频：2-6 模糊工具 (01:31)
• 视频：2-7 插画实例(上) (18:02)试看
• 视频：2-8 插画实例(下) (13:49)试看
• 视频：2-9 一款电商H5页面的设计实例（上） (12:27)
• 视频：2-10 一款电商H5页面的设计实例（下） (19:08)
• 视频：2-11 海报设计中的字体选用（1） (11:21)
• 视频：2-12 海报设计中的字体选用（2） (11:44)
• 视频：2-13 如何交付设计好的界面（1） (12:26)
• 视频：2-14 如何交付设计好的界面 (14:21)
• 视频：2-15 即时通讯界面实例（1） (08:23)
• 视频：2-16 即时通讯界面实例（2） (15:20)
• 视频：2-17 Resize自动尺寸适用功能 (16:19)

第3章 sketch在工作中实用技巧3 节 | 19分钟

你将学到Sketch预制了哪些界面尺寸，以及iOS、Android的设计规范，ppi、dpi、sp、pt、dp等单位的区别；图层的整理、隐藏及锁定，学到如何管理设计版本方便后续修改和协作；sketch的新特性以及如何创建和维护一套设计规范

• 视频：3-1 熟悉各平台的设计规范 (06:37)
• 视频：3-2 在手机端实时预览你的作品 (03:37)
• 视频：3-3 sketch新特性Libraries的使用 (08:05)

第4章 sketch功能拓展3 节 | 31分钟

本章节你将学到sketch plugin插件扩展，了解不断出现好玩的工具学习新的插件使用；自动标注神器，分分钟解放双手；craft的使用特性：如何快速复制元件、填充文本、填充图片；以及图标字体的使用技巧，常用图标不再需要绘制

• 视频：4-1 sketch measure+zeplin自动标注工具 (11:57)
• 视频：4-2 Craft自动填充工具_音频.mp4 (13:12)
• 视频：4-3 iconfont图标字体插件 (04:53)

第5章 美食APP“Muru”综合实战12 节 | 113分钟

本章节将结合前面所学的知识，综合练习美食APP“Muru”案例，将知识点融入实际操作中，让你的技能更加纯熟

• 视频：5-1 案例简介 (03:10)
• 视频：5-2 确认设计规范 (09:49)
• 视频：5-3 icon绘制 (15:11)
• 视频：5-4 状态栏与底部tab (12:02)
• 视频：5-5 标题栏navgation bar (07:28)
• 视频：5-6 首页主体区块搭建 (07:34)
• 视频：5-7 首页甜点模块内容填充 (08:09)
• 视频：5-8 首页最受欢迎菜品模块内容填充 (11:14)
• 视频：5-9 登录界面 (11:13)
• 视频：5-10 商品详情页 (04:22)
• 视频：5-11 弹出窗口-菜单栏（1） (15:05)
• 视频：5-12 弹出窗口-菜单栏（2） (06:55)

第6章 课程总结1 节 | 9分钟

本章主要总结课程涉及到的技能点以及技巧

• 视频：6-1 课程总结 (08:15)

〖视频截图〗: