第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

简单实用!七步学会用 Sketch 搭建复杂表格(2)

时间:2018-02-02 09:10来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
我们创建两个相同大小的 Symbol,置入不同的分割样式。再把设置完的分割方式放入第三步准备好的单元格中,我们得到一个可以改变分割样式,颜色和粗

  我们创建两个相同大小的 Symbol,置入不同的分割样式。再把设置完的分割方式放入第三步准备好的单元格中,我们得到一个可以改变分割样式,颜色和粗细的 Symbol。当然,背景颜色也是可以改变的。

  

简单实用!七步学会用 Sketch 搭建复杂表格

  第六步,字色

  我制作的表格中会用到六种颜色的文字,如果用颜色 Symbol,采用 Screen 叠加的方式会比较便捷,但是当切换单元格背景色后,这个方法会带来问题。于是我们这里使用一个比较笨拙的方法。

  

简单实用!七步学会用 Sketch 搭建复杂表格

  此时我们得到一个可以改变文字颜色的单元格。

  

简单实用!七步学会用 Sketch 搭建复杂表格

  七步,整理命名

  此时的 Cell 已经可以使用,但是复写项标题非常的乱,不便于操作。所以我们需要整理一下产生元素的命名。整体过程比较繁琐,不在这里演示了,大家可以参考我给出的学习资料。tip:

  整个 Symbol 的名称会出现在 Overrides 里某一项的下拉选框中。

  Layer (Text 或 Symbol)的名称会成为 Overrides 中某一项的名称。

  

简单实用!七步学会用 Sketch 搭建复杂表格

  另外,这时大家会发现 Symbol 里面选项太多,很多只是辅料,所以我们需要插件 Rename It 将用不到的 Symbol 装起来。

  

简单实用!七步学会用 Sketch 搭建复杂表格

  文章总结

  做了这次设计工具的沉淀,希望在下一次处理涉及表格的需求时能够兵来将挡,无往不利。至于设计资源共享,笔者之前写过相关教程,请点击https://zhuanlan.zhihu.com/p/29008906。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕