本篇UI教程跟大家分享如何設計一枚旋轉風格的開關按鈕，主體由灰白色組成，簡單漂亮，想學UI設計的同學就跟著練習一下吧。

我們來看看最終效果：

老規矩，先來分析一下。這里我們主要分為二個部分：底座、內圓、其它問題都不大，主要是內圓部分、需要用到多個圖層及圖層樣式，來表現圖標的立體感，騷年分析完已經成功一半了，離成功還會遠么，噢耶！！！

步驟一：

首先新建畫布1000px*1000px畫布，命名為播放圖標，為其添加漸變疊加圖層樣式。

步驟二：

我們最先來繪制底座吧，使用圓角矩形工具、繪制一個500px*500px圓角半徑90px的底座，并為它添加圖層樣式。

步驟三：

高逼格的底座一下就出來了，有木有！！！現在來繪制下裝飾部分，繪制兩個360px的正圓，將填充數值都設置為0。