我和sketch的小秘密——怎么样让你的按钮更加多变-经验/观点-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

我和sketch的小秘密——怎么样让你的按钮更加多变

0.0°

2017-06-23 自译外文 经验/观点 原作者： Wolfram 举报 1774 3 4 1

早茶夜铭关注

使用nested Symbols and 和 Button Plugin

Image title

无论我们设计一个小的app或者是一个成熟的网站，按钮是无处不在的。幸运的是我们可以使用符号使得我们的工作流程更加流畅。但是，及时我们有三个不同类型的按钮，如果考虑他们不同的颜色和状态，我们最后可能会有30个不一样的符号，你们难道不想所有的按钮只有一个符号吗？

下面你需要准备四个图层

1：文字层：这个是按钮的标签（这是一个符号）

2：状态图层：Normal, Hover, Pressed, Focused, Disabled 等等（这是一个符号）

3：颜色图层：主色，辅助色

4：基础图层：（这是一个符号），这个主要是图层形状的蒙版，控制按钮的形状

下面是几个步骤图

1：绘制颜色符号图层（红绿蓝黄）

Image title

2：绘制状态图层

Image title

3：合成图层（形状-颜色-状态）

Image title

4.创建样式图层

Image title

5.添加文字

Image title

效果演示

Image title

配合relable插件使用

更新：2017-06-23

3人已收藏

早茶夜铭

每天一个设计小经验，提升工作效率

5

作品
8

粉丝
4

关注

猜你喜欢

2017-06-23 自译外文 经验/观点 原作者： Wolfram 举报 1774 3 4 1

我和sketch的小秘密——怎么样让你的按钮更加多变

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2017年06月23日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得