第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 精选案例合集的更多相关文章

  1. APP设计尺寸规范大全,APP界面设计新手教程【官方版】(转)

    正值25学堂一周年之际,同时站长和APP设计同仁们在群里(APP界面设计 UI设计交流群,APP界面设计⑥群 APPUI设计③群58946771 APP设计资源⑤群 386032923欢迎大家加入交流 ...

  2. app界面设计字体规范

    通过对不同类型的app进行总结,总结出app的字体规范. 一.字体选择 1.IOS:苹果ios 9系统开始,系统最新的默认中文字体是:苹方.英文字体是: San Francisco 2.Android ...

  3. 26款能够吸引用户的 iPhone App 界面设计

    在这个移动互联网告诉的时代,众多的移动应用程序涌现出来.谁能抓住用户的注意力,谁就有可能成功.在下面这些移动 App 界面设计中,你可以看到不同创意类型的视觉效果,让你获得灵感. 您可能感兴趣的相关文 ...

  4. 最实用的APP界面设计知识,有温度的APP设计(转)

    在逛简书的时候,无意之间看到了这样的一篇非常有意思的app设计博文.顾25学堂的摘录了其中的一些关于移动端APP界面设计的精华.分享给25学堂的app设计师们. 当然,下面的这些app设计知识点是来自 ...

  5. [UI] APP界面设计流程

    此教程从交互开始进行APP界面设计,主要是一个流程,还是值得童鞋们学习一下的.包括:1.交互流程设计:2.风格定位:3.功能icon设计:4.界面视效整体优化:5.应用icon设计.

  6. APP界面设计 大概总结

    APP界面设计大概总结 首先,你得有个Android Studio 其次,你得学会有耐心的对它 最后,要适应它习惯它了解它 来看看APP的基本步骤 先有资源 再是界面布局 下来承载布局Activity ...

  7. [转载]HTML5开发入门经典教程和案例合集(含视频教程)

    http://www.iteye.com/topic/1132555 HTML5作为下一代网页语言,对Web开发者而言,是一门必修课.本文档收集了多个HTML5经典技术文档(HTML5入门资料.经典) ...

  8. 20款优秀的国外 Mobile App 界面设计案例

    在下面给大家分享的移动应用程序界面设计作品中,你可以看到不同创意类型的视觉效果.如果你想获得灵感,那很有必要看看下面20个优秀用户体验的移动应用 UI 设计.想要获取更多的灵感,可以访问移动开发分类, ...

  9. APP界面设计之页面布局的22条基本原则

    移动 APP 页面布局(Layout)是我们设计 app 界面的时候,最主要的设计任务.一个 app 的好与不好,很大部分取决于移动 APP 页面布局的合理性. 下图为 APP 最原始的布局模型. 页 ...

随机推荐

  1. MVC 使用Quartz.Net组件实现定时计划任务

    最近,项目中需要执行一个计划任务,组长就让我了解一下Quartz.net 这个组件,挺简单的一个组件,实现起来特别的方便,灵活,值得推荐给大家一起学习一下这个小工具.以前我有的时候是使用定时器Time ...

  2. CentOS系统下安装SVN及常用命令

    1.SVN的安装: yum install subversion 2.服务端命令 svnserver -- 控制svn系统服务的启动等 svnadmin -- 版本库的创建.导出.导入.删除等 svn ...

  3. node.js和JavaScript的关系

    node.js是一个基于 Chrome V8 引擎的 JavaScript 运行时环境. 一.类比JavaScript和java JavaScript java V8 JVM node.js JRE ...

  4. Unix Programming :文件IO

    文件描述符常量(unistd.h): STDIN_FILENO STDOUT_FILENO STDERR_FILENO 通常这些常量分别对应于数字0,1,2 文件操作需要头文件 fcntl.h ,一些 ...

  5. 小tip: 某简单的字符重叠与图形生成----张鑫旭

    引言 字符重叠不是什么稀奇的东西. 如1像素错位模拟阴影效果: 或者powerFloat中展示的带边框三角: 以及其他很多. 但是技术这东西不是豆腐,老了可以吃,臭了也可以吃:那我这里还拿着个说事作甚 ...

  6. CSS相对定位|绝对定位(五)之z-index篇——张鑫旭

    by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1855 补充于2016 ...

  7. 洛谷P4783 【模板】矩阵求逆(高斯消元)

    题意 题目链接 Sol 首先在原矩阵的右侧放一个单位矩阵 对左侧的矩阵高斯消元 右侧的矩阵即为逆矩阵 // luogu-judger-enable-o2 #include<bits/stdc++ ...

  8. 爬虫必备—Scrapy

    一.Scrapy简介 Scrapy是一个为了爬取网站数据,提取结构性数据而编写的应用框架. 其可以应用在数据挖掘,信息处理或存储历史数据等一系列的程序中.其最初是为了页面抓取 (更确切来说, 网络抓取 ...

  9. css边框颜色渐变

    在实际开发中,我们经常遇见边框需要背景渐变的实现要求,那么如何去实现呢,今天给大家分享依稀几种情况 1.直角的背景渐变 <!DOCTYPE html> <html lang=&quo ...

  10. 纯小白入手 vue3.0 CLI - 1 - npm 安装与初始化

    node 开发环境请先自行准备 npm install -g @vue/cli 安装完成之后命令行则存在 vue 命令 vue -V 查看本地 vue 版本 vue -h 输出帮助 vue creat ...