原文：30分鐘搞定后臺登錄界面（103個后臺PSD源文件、素材網站）
去年八月時要做一個OA系統為了后臺界面而煩惱，后來寫了一篇博客（《后臺管理UI的選擇》）介紹了選擇過程與常用后臺UI，令我想不到的時竟然有許多開發者與我一樣都為這個事情而花費不少時間，最后界面效果還是不佳；還好這個OA系統已經基本交付給客戶在使用了，但登錄界面還是非常難看，這幾天花時間修改了一下，感覺還行，在網上下載了不少的資源，現在將PSD、圖片與常用網址分享給大家，希望對大伙也有幫助。在網頁設計過程中，如果有現成的 PSD 素材可以使用，那么可以事半功倍，因為PSD文件是Photoshop的源文件，可以直接打開后修改，比圖片要好處理多了。作為網站不可或缺的部分，登錄表單的設計經常都讓設計師們頭疼。今天這篇文章和大家分享的103個完美設計的 PSD 登錄表單模板能夠幫上設計師們的大忙，可以從這些優秀的設計中獲取靈感。
看了一下共有103個PSD文件，先看幾張常用的再逐個介紹：
一、界面預覽
OA登錄界面：
管理信息系統登錄界面：
管理信息系統后臺界面：
二、PSD源文件預覽
后臺UI源文件效果預覽1.jpg
后臺UI源文件效果預覽2.jpg
后臺UI源文件效果預覽3.jpg
后臺UI源文件效果預覽4.jpg
后臺UI源文件效果預覽5.jpg
后臺UI源文件效果預覽6.jpg
后臺UI源文件效果預覽7.jpg
后臺UI源文件效果預覽8.jpg
后臺UI源文件效果預覽9.jpg
后臺UI源文件效果預覽10.jpg
后臺UI源文件效果預覽11.jpg
后臺UI源文件效果預覽12.jpg
后臺UI源文件效果預覽13.jpg
后臺UI源文件效果預覽14.jpg
后臺UI源文件效果預覽15.jpg
后臺UI源文件效果預覽16.jpg
后臺UI源文件效果預覽17.jpg
后臺UI源文件效果預覽18.jpg
后臺UI源文件效果預覽19.jpg
后臺UI源文件效果預覽20.jpg
后臺UI源文件效果預覽21.jpg
后臺UI源文件效果預覽22.jpg
后臺UI源文件效果預覽23.jpg
后臺UI源文件效果預覽24.jpg
后臺UI源文件效果預覽25.jpg
后臺UI源文件效果預覽26.jpg
后臺UI源文件效果預覽27.jpg
后臺UI源文件效果預覽28.jpg
后臺UI源文件效果預覽29.jpg
后臺UI源文件效果預覽30.jpg
后臺UI源文件效果預覽31.jpg
后臺UI源文件效果預覽32.jpg
后臺UI源文件效果預覽33.jpg
后臺UI源文件效果預覽34.jpg
后臺UI源文件效果預覽35.jpg
后臺UI源文件效果預覽36.jpg
后臺UI源文件效果預覽37.jpg
后臺UI源文件效果預覽38.jpg
后臺UI源文件效果預覽39.jpg
后臺UI源文件效果預覽40.jpg
后臺UI源文件效果預覽41.jpg
后臺UI源文件效果預覽42.jpg
后臺UI源文件效果預覽43.jpg
后臺UI源文件效果預覽44.jpg
后臺UI源文件效果預覽45.jpg
后臺UI源文件效果預覽46.jpg
后臺UI源文件效果預覽47.jpg
后臺UI源文件效果預覽48.jpg
后臺UI源文件效果預覽49.jpg
后臺UI源文件效果預覽50.jpg
后臺UI源文件效果預覽51.jpg
后臺UI源文件效果預覽52.jpg
后臺UI源文件效果預覽53.jpg
后臺UI源文件效果預覽54.jpg
后臺UI源文件效果預覽55.jpg
后臺UI源文件效果預覽56.jpg
后臺UI源文件效果預覽57.jpg
后臺UI源文件效果預覽58.jpg
后臺UI源文件效果預覽59.jpg
后臺UI源文件效果預覽60.jpg
后臺UI源文件效果預覽61.jpg
后臺UI源文件效果預覽62.jpg
后臺UI源文件效果預覽63.jpg
后臺UI源文件效果預覽64.jpg
后臺UI源文件效果預覽65.jpg
后臺UI源文件效果預覽66.jpg
后臺UI源文件效果預覽67.jpg
后臺UI源文件效果預覽68.jpg
后臺UI源文件效果預覽69.jpg
后臺UI源文件效果預覽70.jpg
后臺UI源文件效果預覽71.jpg
后臺UI源文件效果預覽72.jpg
后臺UI源文件效果預覽73.jpg
后臺UI源文件效果預覽74.jpg
后臺UI源文件效果預覽75.jpg
后臺UI源文件效果預覽76.jpg
后臺UI源文件效果預覽77.jpg
后臺UI源文件效果預覽78.jpg
后臺UI源文件效果預覽78.jpg
后臺UI源文件效果預覽80.jpg
后臺UI源文件效果預覽81.jpg
后臺UI源文件效果預覽82.jpg
后臺UI源文件效果預覽83.jpg
后臺UI源文件效果預覽84.jpg
后臺UI源文件效果預覽85.jpg
后臺UI源文件效果預覽86.jpg
后臺UI源文件效果預覽87.jpg
后臺UI源文件效果預覽88.jpg
后臺UI源文件效果預覽89.jpg
后臺UI源文件效果預覽90.jpg
后臺UI源文件效果預覽91.jpg
后臺UI源文件效果預覽92.jpg
后臺UI源文件效果預覽93.jpg
后臺UI源文件效果預覽94.jpg
后臺UI源文件效果預覽95.jpg
后臺UI源文件效果預覽96.jpg
后臺UI源文件效果預覽97.jpg
后臺UI源文件效果預覽98.jpg
后臺UI源文件效果預覽99.jpg
后臺UI源文件效果預覽100.jpg
后臺UI源文件效果預覽101.jpg
后臺UI源文件效果預覽102.jpg
后臺UI源文件效果預覽103.jpg
三、工具分享
批量PSD轉JPG，103個PSD（Photoshop源文件）如果要一個個用Photoshop查看比較麻煩，該工具可以批量導出，Photoshop自動功能也可以做到但失敗率很高，該工具親測好用。在下載區域可以下到。該工具綠色免費，不需要安裝只有一個可執行文件。
批量文件改名，批量將文件名修改成自己指定的，可以按數字字母等多種方式，我使用的是好壓中的工具，也可上網下載靈者更名等一些工具軟件，如果需要提供的請留言。
四、資源說明
所有的PSD文件均來自互聯網，每一個文件都可以正常使用，我都打開過
有一些字體需要您自己安裝，安裝的方法是下載對應缺少的字體后在控制面板中找到字體，復制進去即可
PhotoshopCS5以后的版本編輯時穩定性要高很多，不容易崩潰
該PSD僅供學習使用，請謹慎用于商業項目，如果您是PSD文件的作者，可以隨時聯系我刪除相關文件，同時也感謝您的無私奉獻
五、素材下載網站
下面這些網站是我找模板、素材、圖標、圖片等資源常用到的，希望對大家有用，有好的也不要忘記推薦，我會及時添加到博客末尾的，謝謝。
http://588ku.com 千庫網
http://sc.chinaz.com/psd/ 站長素材
http://www.uimaker.com/ ui制造者
http://color.koya.io/ 扁平化配色
http://www.iconfont.cn/ 阿里巴巴圖標庫
http://www.iconarchive.com/ IconArchive
https://www.iconfinder.com/ ICONFINDER
http://www.easyicon.net/ Easyicon
http://findicons.com/ Findicons
https://500px.com/ 500px
https://pixabay.com/ Pixbay
http://www.vcg.com/ 視覺中國
http://pngimg.com/ 找png圖片
http://image.baidu.com 百度圖片搜索
http://uigradients.com 在線漸變色
中間也有一些是收費的，當然多數是收費與免費結合的。有時候你去網盤搜索或國外一些素材網站也會有驚喜的。
六、下載
后臺UI源文件效果圖打包下載：http://download.csdn.net/detail/zhangguo5/9786673
后臺UI源文件效果圖打包下載：https://pan.baidu.com/s/1qYNMAIC 密碼: vs12
精美后臺管理系統模版html+PSD：https://pan.baidu.com/s/1bpCbRQn 密碼: ae2t
后臺UI PSD源文件1-55：http://download.csdn.net/detail/zhangguo5/9786789
后臺UI PSD源文件56-103：http://download.csdn.net/detail/zhangguo5/9786794
批量導出PSD文件圖片工具：https://pan.baidu.com/s/1eSacdf8 密碼: crj3
在CSDN下載資源如需要積分，如果沒有積分的朋友請留下您的郵箱我統一打包發送給您。
有好資源與建議希望推薦，我及時更新，謝謝！
文章列表
留言列表
