UI最常用质感按钮画法，就两步！保姆教程存起来！

2025/08/05评论有奖阅读 1.1w

简单两步就可以绘制出这样一个质感按钮！
跟大家分享一个ui界面中常用到的按钮绘制技巧，其实很简单，只需要简单两步！

技巧经验 B端按钮 UI设计按钮设计设计技巧设计教程设计灵感

菜心¹

人气 57.9w 文章 83

+关注 主页小红书

收藏 31干货满满

点赞 53

你可能还喜欢

深度解析：B端与C端设计的5点本质区别！

推荐

简单 5 个动作，视觉 banner 优化后效果翻倍！

推荐阅读 2.4w

提示词灵感！AI生成的8组Apple Vision Pro虚拟购物界面！

推荐

UI 设计新手攻略！必须了解的 6 个关键设计步骤！

推荐阅读 9.3k

😘 立即查看 >

下一篇 一键生成国风茶饮海报！5组AI关键词+分层技巧！

如何设计B端按钮？来看这篇高手总结！

立即查看 B端按钮的解决方案

如何设计B端按钮？来看这篇高手总结！

B端按钮 B端设计阅读 4.7w

查看详情

发评论！每天赢奖品

点击登录后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助联系我们

本期奖品

AI辅助海报设计101例

已累计诞生 753 位幸运星

查看获奖名单

发表评论为下方 1 条评论点赞，解锁好运彩蛋

{{ moreBtnTxt }}

以上留言仅代表用户个人观点，不代表优设立场

评论就这些咯，让大家也知道你的独特见解立即评论

阅读相关文章

竹笋集

2023/03/09

阅读 2.9w

UI设计

写给大家看的视觉基础知识（四）：光效设计

今天我们继续讲渐变和光效的高级使用，如何灵活运用光效给画面增加丰富的质感。

UI设计光效设计

1分钟阅读

陈子木

2016/07/05

阅读 4.4w

UI设计

绝对专业！超全面的UI界面字体选取与使用指南

编者按：不论是UI设计师还是网页设计师，每天都在同字体与文本打交道，可是我们真的了解文本/字体对于界面的意义和功能么？Viljami Salminen 今天就来帮你刨根问底...

UI设计字体排版

15分钟阅读

姬小光

2015/09/29

阅读 3.5w

教程

为什么页面跟设计稿差距这么大？是啊！为毛啊？

@姬小光：在互联网产品的研发流程中，页面的视觉还原是很重要的一个步骤，也往往是问题最多的一个环节。如果一些细节问题在这个环节没有被有效地发现并解决，那么后续流程中再去解决这...

UI设计经验分享

7分钟阅读

程远

2014/09/14

阅读 4.4w

教程

交互基础知识科普！带你认识最热门的12种导航模式

@网秦UEC ：在本文中，Chris Bank将与您探讨导航设计模式的重要意义，并以当下最热门的几个移动应用为例详细进行讲解——在UXPin的免费电子书《移动UI设计模式20...

UI设计导航栏设计

15分钟阅读

程远

2015/01/05

阅读 1.9w

教程

术业有专攻！响应式导航有哪几类设计方式？

在大屏幕上，导航置顶或导航居左是两种典型的设计模式，然而，这两种模式在小屏幕上却遭遇挑战。在响应式设计日渐流行的今天（译者注：其实已经流行了好几年了），我们更有必要重新审视针...

UI设计导航栏设计

10分钟阅读

{{comTitle}} {{comSubtitle}}

- 今天的广告长这样戳进来很精彩 -

😘 您已经看完啦^_^

你即将学会 AIGC 的相关知识

一键生成国风茶饮海报！5组AI关键词+分层技巧！

AIGC AI生图

查看下一篇 >

热门频道

设计灵感

支持与服务

官方社群
优设官方微信群
01优设AIGC自学交流群
02优设小红书个人IP交流群
03优设设计师交流群
04优设UI设计师交流群
05优设交互设计师交流群
06优设电商交流群
07优设私单群

08优设硬件种草交流群
09优设同城搭子群
10优设大学生交流群
11优设插画师交流群
12优设平面品牌设计师交流群
13优设3D设计师交流群
14优设摄影剪辑爱好者交流群
微信扫码添加管理员招财

微信号：扫码添加

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微博

@
优设AIGC
400W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注

优优教程网

优设大课堂

设计师导航