用户登录

选中这个符号以后,在 sketch 的右边栏这里会出现一些覆写选项 .. 这里我们可以给它选择一张图片 ... 在我们的项目里,我已经给你准备好了一些图片 .. 在 app .. images 目录的下面 .. 选中这个 range rover ..

然后是 header ... 揽胜 ...

sub header 是子标题 .. Range Rover

description 是描述 ... 无与伦比,世界顶级奢华SUV的极致巅峰

再输入一个 meta 内容 .. RMB 1,588,000 起

现在我们就实例化了一个 card symbol ..

我们可以再复制一个,把它放在页面的小尺寸移动设备画板里 ..

使用 craft 插件的复制功能,你可以复制一些 ... 垂直的数量是 2 .. 距离是 30 , 水平是 3 ,距离是 30 ..

选中这里的 card 符号 .. 你可以一个一个的去覆写符号里的东西 .. 这里我已经做好了,你可以把项目切换到一个特定的标签上,就可以看到做好之后的样子了 ..

打开命令行 .. 进入到项目所在的目录 .. 执行一下 git checkout v8.1.2

重新再打开项目的设计文档 ..

这里你会看到我们设计好的完整的卡片列表 ..

使用 Sketch 的 Symbol《 网页设计案例:卡片组件 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点