Sketch3最新指南

1 课时 时长:12:10

分享至:
收藏

免费

课程简介

本课程将带领大家熟悉Sketch 3界面设计软件有哪些新功能。通过讲解,你会发现,相较于Sketch 2,Sketch 3的UI有了细微的变化:

有了新的icon和工具栏

增加了更快捷调整参数的入口……

同时,文字排版也创建了一系列样式,例如:标题、副标题、章节标题、正文等。

接下来,Rafael讲师一一为我们示范。


学习获益

熟悉Sketch 3的一些新功能

新的logo

20160304101123185.jpg

新的布局样式
20160304101134759.jpg

重画了所有的界面图标,颜色更加艳丽,虽然都是 32px 但新版本的 icon 有了内边距。

20160304101148600.jpg
新功能和改进

Symbol 支持:共享元素,一次编辑,所有共用的地方全部生效,就像是 Photoshop 里的智能对象?生效范围仅在每一个 .sketch 文件编辑中。
更加强力的导出功能:早年的版本仅可以导出 1x 和 2x 两个版本的尺寸,而新版可以导出 0.5x、1x、2x、3x、512W 和 512H 的版本,同时还可以自定义不同尺寸的后缀。
改善了位图编辑功能:之前的位图编辑几乎等于没有,新的版本增加了两个选区工具(魔术棒和选择工具)、反选、裁剪、矢量填充和直接填充。
Artboard 添加背景色:可以为每一个 Artboard 添加背景色,同时导出的时候可以选择是否包含该背景色。
像素编辑支持全像素对齐:妈妈再也不用担心像素对不齐了!

20160304101213046.jpg

20160304101244482.jpg
新的颜色选择器:不用像以前那样在很多地方选择是纯色填充还是渐变填充了,方便了很多。但依旧不支持不同的颜色配置(不同配置的画板)。

内置了 4 套模板:iOS App Icon、iOS UI Design、Mac App Icon、Web Design,App icon 模板会自动生成全尺寸的 icon Artboard,可以方便的导出全尺寸 icon。iOS UI Design 内置了知名的
Teehan+Lax iOS 7 GUI for Sketch ,而 Web Design 则默认是 Sketch Wireframing Kit,可以直接使用这些元素更快的做出可用原型。

Mirror 也顺便从 1.0.1 更新到了 1.1……



推荐人群

具有一定 Photoshop 使用经验的开发者,热爱从事设计的设计师

免费

0人打赏

讲师机构简介

Rafael Conde

Rafael Conde

SketchCasts

Designer

SketchCasts Designer

来自葡萄牙设计团队创作的 Sketch 教学视频,从基础到进阶。

Meia(美啊)致力搭建创意设计与时尚美学教育平台,与国内外顶级企业、权威机构和专业院校协作,为你提供海量优质在线课程和线下活动,聚集全球精彩的创意设计、交互设计、工业设计、服务设计、设计思维及时尚美学等类别的课程。通过不断打造实践型教与学模式,为你带来更愉悦的学习体验,助你在无边学海中乘风破浪!实现你内心那成为艺术家的梦想!

4000-2233-85