去年八月时要做一个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

三、工具分享