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 课程总结

下载地址:百度网盘下载

原文地址:https://www.cnblogs.com/lmf123/p/9551690.html

时间: 2024-11-13 06:45:27

App界面设计利器Sketch 精选案例合集的相关文章

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

在下面给大家分享的移动应用程序界面设计作品中,你可以看到不同创意类型的视觉效果.如果你想获得灵感,那很有必要看看下面20个优秀用户体验的移动应用 UI 设计.想要获取更多的灵感,可以访问移动开发分类,里面有很多移动应用程序的 UI 设计,让你惊叹. 您可能感兴趣的相关文章 创意设计:折叠效果在移动App中的应用 45套新鲜出炉的精美 PSD 网页设计素材 分享15套免费的扁平化界面设计素材下载 设计前沿:30款超级精美的iOS图标欣赏 40款 iPhone 和 iPad 应用程序图标设计 Nap

APP设计利器Sketch

APP设计利器Sketch,这几天的练习作业. 玻璃杯牛奶.png 灵感星球.png 注:灵感星球造型来自游戏Walkr. 水滴.png 水滴依然不会画,画得不通透,求指教. 晚上照着图片画,水滴没画出心得,倒是找到一个画鸡蛋黄的方法,我也是醉了... 水滴2.png Icon 这是在简书上找的教程画的,可以直接搜索:<Sketch 练习 - iOS 图标> 从此看到不爽的UI可以直接自己调整了,爽! Branch UI设计

app界面设计字体规范

通过对不同类型的app进行总结,总结出app的字体规范. 一.字体选择 1.IOS:苹果ios 9系统开始,系统最新的默认中文字体是:苹方.英文字体是: San Francisco 2.Android:英文字体:Roboto,中文字体:Noto 二.案例分析 1.以今日头条界面为例,导航主标题字号为40px,正文标题为36px,辅助性说明文字为24px,小字(视频长短,标题栏按钮名)为20px,头像名为28px.字体大小代表的层级关系一目了然. 2.正文部分,导航栏标题文字为36px,内容标题为

APP界面设计就该那么美妙!

如今手机屏幕的尺寸越来越放大化,但却始终很有限,因此,在APP的界面设计中,精简是一贯的准则.这里所说的精简并不是内容上尽可能的少量,而是要注重重点的表达.在视觉上也要遵循用户的视觉逻辑,用户看着顺眼了,才会真正的喜欢. 以下是AnyForWeb为大家精心挑选的APP界面设计,供大家欣赏评论. 1.第一个案例在背景上完全没有任何的修饰成分,在色彩上也只是比较传统的使用方法,它的特别之处就在于字体的变化上.如果想把一个APP做的尽量简洁化,大多数设计师会选择借助于简单的颜色或清晰的布局,很少设计师

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

在这个移动互联网告诉的时代,众多的移动应用程序涌现出来.谁能抓住用户的注意力,谁就有可能成功.在下面这些移动 App 界面设计中,你可以看到不同创意类型的视觉效果,让你获得灵感. 您可能感兴趣的相关文章 创意设计:折叠效果在移动App中的应用 45套新鲜出炉的精美 PSD 网页设计素材 分享15套免费的扁平化界面设计素材下载 设计前沿:30款超级精美的iOS图标欣赏 40款 iPhone 和 iPad 应用程序图标设计 设计来源 设计来源 设计来源 设计来源 设计来源 设计来源 设计来源 设计来

[UI] APP界面设计流程

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

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

http://www.iteye.com/topic/1132555 HTML5作为下一代网页语言,对Web开发者而言,是一门必修课.本文档收集了多个HTML5经典技术文档(HTML5入门资料.经典)以及游戏开发案例以及教学视频等,帮助同学们掌握这门重要的技术. 资源名称                                资源地址 WEB新技术:HTML5介绍 http://down.51cto.com/data/385440 HTML5跨平台游戏开发 http://down.51c

App界面设计

虽然用过很多好的App,但是自己写的实在很丑,所以收集一些认为好的界面设计,以作参考 PS: 1.下面说的向上向下都是指的手指操作的方向,向上指手指向上滑动 列表 1.顺丰快递 行为分析: 1.当点击'投诉建议'旁边的按钮的时候,会有一个旋转的动画,同时操作条从下弹出,但是并没有将下面的Item的内容向下挤,而是直接覆盖了;此外,操作条下面有阴影,但是上面没有,然后此时点击这个界面的响应都是隐藏操作条 1)说明并不是改变Item的样式,而是直接在整个界面上面加上了一层View,上部分是完全透明,

app界面设计流程

完整的流程,分层次设计,自下而上去完成 1.策略层,定义产品使命.价值.目标人群 2.愿景/功能层:定义核心场景.功能列表 3.结构层:做流程图.信息架构,确定主导航.主菜单 4.框架层:梳理每一个主界面的内容.布局 5.表现层:视觉设计,涉及图标.配色.切图. 产品经理主要关注1~2,在去找设计师之前,请先问自己以下几个问题,以保证需求明确: 产品给用户带来的价值是什么? 竞品有什么?我们做这个有什么优势? 为什么样的用户而做? 用户会在什么样的场景下使用这个产品? 要完成这个产品,最大的瓶颈