锐客网

  1. 首页 > 睿知 > it技术 > >

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

IT知识sketch设计界面设计

胸怀万里世界， 放眼无限未来。这篇文章主要讲述App界面设计利器Sketch 精选案例合集相关的知识，希望能为你提供帮助。
第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 精选案例合集】下载地址:百度网盘下载












































    推荐阅读


    上一篇：分享自己写的基于Dapper的轻量级ORM框架~

    下一篇：假设web应用的文档根目录为MyApp，那么可以从哪里找到database.jar文件。