一个签到按钮，让我掉了三根头发！

让我们带着这个问题，和黑马哥一起卷起袖子开干吧！

1.1、纯文字形式

1.2、按钮形式

1.3、文字加图标形式

1.4、微动效的形式

1.5、特殊造型形式

小结

UI设计师拿到这个需求都会觉得：这个也太简单了。于是就会快速的做出几个样式，虽然毫无设计感可言，但是老板喜欢就可以啦！不过，如果老板不喜欢呢，有没有思考过如何留有后手。

2.1、分析总结

无论需求的大小，个人都会先进行一些简单的分析和总结。要知道别人做出来都是啥样式，然后再总结这些设计都有什么方法论。也就是本文开篇总结的一样，虽然很简短，但是总结有助于让自己更有把握。

2.2、梳理关键词

关键词梳理可以打开我们的思路，虽然只是一个按钮，但是我们也可以通过关键词发散出更有意思的设计表达。比如充电桩这个产品我们可以梳理出哪些关键词呢？

2.3、绘制草图

2.4、确定思路

通过草图我们可以发散思维，选择出几个具有代表性的方案进行电脑绘制。这里黑马哥选择了电池这个表达作为示意，不仅可以体现充电的概念，也能体现出设计差异。

2.5、绘制初步造型

2.6、初步配色

确定造型后进行了初步的配色，利用大色块把整体的配色关系体现出来，这里也要思考动态表达的色彩关系。

2.7、质感深入

很多设计师都只是进行简单的层级表达，缺少质感深入的技巧。我们要通过色彩变化体现出造型的结构特征，也要通过光影处理把电池的质感强化出来。

2.8、字体处理

2.9、最终效果

本文观点仅作为个人经验表达，如果觉得不错我们互相进步，如有不足欢迎大家留言补充。

该文观点仅代表作者本人，增长科学平台仅提供信息存储空间服务。