切换开关按钮从iPhone出现开始流行起来,因为它设计美观,使用简单,而且能提升用户体验,所以很多软件、APP应用以及网页设计都喜欢使用切换按钮样式。这种开关按钮的实现方法不难,难点就是在样式上的美化,软件可以用拟物化的风格,在Web上可以用扁平化设计,直接用CSS3样式和动画属性即可实现漂亮的开关按钮。
今天我们整理了90个免费切换开关按钮PSD设计文件,从这90个设计源文件中,可以看出切换按钮是样式是可以有很多的,拟物化、平面的等等,如果你需要制作开关按钮,我想这里不仅仅是素材,也是你的设计灵感来源。
开关按钮PSD
Red on / off switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062317Bd0.jpg)
进入下载页
Rocker Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062317gju.jpg)
进入下载页
Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/06231854x.jpg)
进入下载页
Switch Buttons
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062319xsH.jpg)
进入下载页
Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062319GeB.jpg)
进入下载页
Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062320ACY.jpg)
进入下载页
Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062320zjH.jpg)
进入下载页
Rocker wip
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0623215V0.jpg)
进入下载页
Black & White Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062321yrY.jpg)
进入下载页
Checkbox
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0623221vg.jpg)
进入下载页
Power Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0623221AL.jpg)
进入下载页
Switch Freebie
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062323KFZ.jpg)
进入下载页
Light Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062323jPC.jpg)
进入下载页
Electrical Switch and Socket
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062324Wgk.jpg)
进入下载页
UI Toggle Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0623247Uf.jpg)
进入下载页
切换按钮PSD
Psd Toggle Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062325s6S.jpg)
进入下载页
Flat Toggles and Sliders
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0623267X8.jpg)
进入下载页
Slick on/off switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0623269w8.jpg)
进入下载页
Night/Day Slider
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0623272cD.jpg)
进入下载页
Essential Switches & Toggles
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062327yqE.jpg)
进入下载页
On/Off Switches and Toggles
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062328lJM.jpg)
进入下载页
Simple Toggle Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062328BDc.jpg)
进入下载页
Web elements
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062329aX4.jpg)
进入下载页
Toggle Buttons
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062329rPc.jpg)
进入下载页
Light GUI Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062330NfJ.jpg)
进入下载页
Buttons And Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062330a07.jpg)
进入下载页
Checkboxes
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062331fp1.jpg)
进入下载页
Sort Switches / Toggles
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062332GDk.jpg)
进入下载页
Toggle Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062332uTh.jpg)
进入下载页
Switches!
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062333Ia4.jpg)
进入下载页
On/Off Switches and Toggles
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062333kfn.jpg)
进入下载页
Sweet Little On/Off Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/06233449v.jpg)
进入下载页
Toggle Buttons
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062338Tyu.jpg)
进入下载页
UI Elements
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062342C89.jpg)
进入下载页
Rounded On/Off Toggle
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0623547Up.jpg)
进入下载页
Switches – Sky UI Kit
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062404FV8.jpg)
进入下载页
Toggle Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0624066TT.jpg)
进入下载页
Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062411ZSS.jpg)
进入下载页
Greene Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0624124FK.jpg)
进入下载页
Matte Toggle Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062413plh.jpg)
进入下载页
Midnight Toggle Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062414Df2.jpg)
进入下载页
iOS7 UI Kit
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062415X3v.jpg)
进入下载页
Raindrop iOS Toggle
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0624174kp.jpg)
进入下载页
Metal Toggle Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062417v56.jpg)
进入下载页
Toggle Switch Variations
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062418eDS.jpg)
进入下载页
Super sweet UI
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062423jiJ.jpg)
进入下载页
Switch Buttons
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062424qFA.jpg)
进入下载页
On/Off Toggle Switch GUI
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062424Jl6.jpg)
进入下载页
Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062426ggT.jpg)
进入下载页
Toggle switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062427sUY.jpg)
进入下载页
Toggle Buttons
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062428gK6.jpg)
进入下载页
Dark Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062429qf0.jpg)
进入下载页
Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062432PVV.jpg)
进入下载页
Toggle
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0624329ab.jpg)
进入下载页
Fancy PSD Slider + Toggles
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062433ymi.jpg)
进入下载页
Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/06243465s.jpg)
进入下载页
On/Off Button
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062435hc0.jpg)
进入下载页
Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062436gOP.jpg)
进入下载页
Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062438cTM.jpg)
进入下载页
Iron Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062443NKE.jpg)
进入下载页
Dark glowing toggles
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062447qzH.jpg)
进入下载页
iOS7 Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062447x8Y.jpg)
进入下载页
Switch Icon
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062448N3Q.jpg)
进入下载页
Dark Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062448fg8.jpg)
进入下载页
Login Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062449VDK.jpg)
进入下载页
Free Blured Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062450BNF.jpg)
进入下载页
Toggle Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0624507qH.jpg)
进入下载页
Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0624510NC.jpg)
进入下载页
Super Shiny Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0624514Fq.jpg)
进入下载页
Switch & Slider
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0624520fd.jpg)
进入下载页
Flat Toggles
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062453Q3d.jpg)
进入下载页
Asset enable/disable switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062453aJg.jpg)
进入下载页
Dark Essential Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062454J4i.jpg)
进入下载页
Buttons, Lights & Shadows
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062454TIx.jpg)
进入下载页
Clean Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062455cE3.jpg)
进入下载页
Glowing Volume Knob & Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062456n9u.jpg)
进入下载页
Easy Toggle
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062456NpR.jpg)
进入下载页
Brushed Metal Dials
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062457KC9.jpg)
进入下载页
Slider Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062458tMB.jpg)
进入下载页
Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062458ZKH.jpg)
进入下载页
Retina Essential Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0624591IM.jpg)
进入下载页
Creamy GUI
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062500cxp.jpg)
进入下载页
On/Off
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062500Ovn.jpg)
进入下载页
On/Off Switch Buttons
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062501yYK.jpg)
进入下载页
Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062502CME.jpg)
进入下载页
On/Off Sliders
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062502g2C.jpg)
进入下载页
Metal switcher
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/0625032mM.jpg)
进入下载页
IOS Toggle
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062504eyB.jpg)
进入下载页
Switch
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062505whl.jpg)
进入下载页
Social Switches
![设计达人 - 漂亮的切换开关按钮PSD 90个免费漂亮的切换开关按钮PSD素材](http://images.shejidaren.com/wp-content/uploads/2014/03/062505kE7.jpg)
进入下载页