Sketch: Creating Responsive SVG 中文字幕
Sketch:创建响应式SVG 中文字幕Sketch: Creating Responsive SVG
可缩放矢量图形(SVG)格式的独特之处在于它可以包含自己的CSS,允许它响应其显示尺寸
在这个简明的课程中,学习如何使用Sketch和CSS创建响应式SVG文件
Chris Converse演示了如何组合各种版本的图形以最大化其对各种屏幕尺寸的影响,以及如何从Sketch导出SVG文件
他还展示了如何添加一些CSS并通过包含媒体查询来使图形响应
完成课程后,您将掌握如何创建单个SVG文件,该文件可根据其屏幕大小进行更改和自我调整
- [Chris]嗨,我是Chris Converse,我想欢迎您参加这个关于使用Sketch和CSS创建响应式SVG文件的简短课程。
现在网上有一些响应式图像技术,但是,SVG的独特之处在于它可以在文件内部包含自己的CSS。
这意味着图形本身可以响应不同的尺寸。
为了探索这种可能性,我们将使用Sketch构建一个徽标文件,使用图层复合和符号,然后我们将为导出的SVG文件添加几行CSS,以便我们针对不同的屏幕尺寸优化我们的徽标。
并且所有成员都可以使用本课程的练习文件,因此请下载文件的副本,然后开始使用。
本课程视频下载地址:Sketch:创建响应式SVG