如何做好按钮设计,分享一些不错的按钮设计模板

更新时间:2023-02-10 10:39:39

按钮做为设计师在设计界面时最常用、最重要的组件之一,也是易被忽略的元素之一。从我们有记忆认知开始,按钮就时刻在和我们打交道,墙上的电灯开关、电视机的调节按钮、遥控器的按钮等等,这些物理按钮不仅仅是当下 UI 按钮组件的前身,且不会消失,依然会有很多非数字化的产品及机器设备在持续延用,不管如何演变,基本不会脱离实物参考。


按钮最吸引我们的莫过于通过简单触摸就能轻松满足自己的行为需求,按钮设计的直观性及易用性会影响着人们完成一件事情的意愿及效率。除了实用性的考量,按钮作为 UI 界面中最常见的功能元素,我们大部分时候对于按钮的认识基本停留在视觉层面,一个圆角矩形搭配一句文案就能拼凑成一个最基础的按钮。视觉是一个观察的切入点,但仅停留在视觉层面还是不够的,比设计表现更重要的往往是背后支持设计的理由。


我想书读百遍,不如亲手开干,今天我就给大家带来一些免费可商用的按钮素材模板,种类丰富,不仅可以当作按钮素材的临摹素材,也可以在自己的实际设计项目中直接引用,都是一些开源的素材,所以也可以进行二次编辑哦~


以下资源均支持版权开放。所有开源作品将遵循 CC BY 4.0 等知识共享许可协议,任何人在符合并满足许可的基础上,都能自由地复制、修改并使用每一份开源作品,包括商业用途。


获取方法:

点击链接进入该案例页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。

如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。

按钮素材模板

游戏按钮

作者:藏一片海蓝


2.5D控制按钮

作者:哈哈也重名

卡通基础功能按钮图标

作者:远古时代 750ti

彩色web按钮

作者:阮童靴

按钮页面临摹分享

作者:ws122412

APP-音乐 UI 套件(含按钮)

作者:Patryk Pustol

由 Patryk Pustol 创作的一款音乐类UI套件包含了两种模式,白天模式和暗夜模式,您可以自由选择其中的组件应用到您的音乐类 APP 设计中,包含听歌界面、音量界面、日期界面、社区界面。还包括按钮和 ICON 您可以自由组合应用于您的设计中。

智能布局按钮

作者:zan 设计师