Sketch: Creating Responsive SVG Sketch:创建响应式SVG Lynda课程中文字幕

Sketch: Creating Responsive SVG 中文字幕

Sketch:创建响应式SVG 中文字幕Sketch: Creating Responsive SVG

Alt
可缩放矢量图形(SVG)格式的独特之处在于它可以包含自己的CSS,允许它响应其显示尺寸
在这个简明的课程中,学习如何使用Sketch和CSS创建响应式SVG文件
Chris Converse演示了如何组合各种版本的图形以最大化其对各种屏幕尺寸的影响,以及如何从Sketch导出SVG文件
他还展示了如何添加一些CSS并通过包含媒体查询来使图形响应
完成课程后,您将掌握如何创建单个SVG文件,该文件可根据其屏幕大小进行更改和自我调整

Alt
Alt
Alt
Alt
Alt

  • [Chris]嗨,我是Chris Converse,我想欢迎您参加这个关于使用Sketch和CSS创建响应式SVG文件的简短课程。
    现在网上有一些响应式图像技术,但是,SVG的独特之处在于它可以在文件内部包含自己的CSS。
    这意味着图形本身可以响应不同的尺寸。
    为了探索这种可能性,我们将使用Sketch构建一个徽标文件,使用图层复合和符号,然后我们将为导出的SVG文件添加几行CSS,以便我们针对不同的屏幕尺寸优化我们的徽标。
    并且所有成员都可以使用本课程的练习文件,因此请下载文件的副本,然后开始使用。
    本课程视频下载地址:Sketch:创建响应式SVG
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值