30分钟搞定后台登录界面(103个后台PSD源文件、素材网站)

news/2024/5/10 2:06:03/文章来源:https://blog.csdn.net/zhangguo5/article/details/64124057

去年八月时要做一个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://www.redocn.com/ 红动中国

http://www.uisdc.com/ 优设

http://www.58pic.com 千图网

http://huaban.com 花瓣

http://www.sccnn.com/ 素材中国

http://sc.chinaz.com/psd/ 站长素材

http://699pic.com 摄图网

http://www.uimaker.com/ ui制造者

http://sucai.zcool.com.cn/ 站酷

http://color.koya.io/ 扁平化配色

http://www.ooopic.com/ 我图网

http://www.nipic.com/ 昵图网

http://www.51yuansu.com 觅元素

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://card.qdsay.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下载资源如需要积分,如果没有积分的朋友请留下您的邮箱我统一打包发送给您。

有好资源与建议希望推荐,我及时更新,谢谢!

 http://www.cnblogs.com/best/p/6582294.html 作者:张果

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_794067.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

关于提高网站性能的几点建议

2019独角兽企业重金招聘Python工程师标准>>> 最近在学习《高性能网站建设指南》这本书,本文算是一个学习笔记,将学到的东西进行整理一下,方便后面查看。 性能黄金法则(Performance Golden Rule)解释了只有10%~20%的最终…

如何免费把网站从http升级到https

预备知识: 1.什么是https, 相对于https有什么优势/劣势?2.升级https需要准备的文件? 如何升级? 3.ssl证书类型? (EV/OV/通配符证书....)4.如何选择ssl证书? 如何选择供应商? (推荐一家:godaddy比较便宜,Versign/GlobalSign等都比较偏贵)5.如何免费获取信任的…

【运维小分享】记个人博客网站受针对xmlrpc.php的暴力破解***

起因:今天忽然打开个人blog,就发现打开很慢,然后出现了下图的反馈:服务器服务不可用!waht?刷新了几次都不行,赶紧登陆服务器后台查看情况。确认***:登陆后台后通过netstat发现连接数…

网站下面的文件找不到_老师傅个人珍藏3年的资源网站,就没有找不到的资源,请珍惜使用...

俗话说的好:靠人不如靠自己,自己动手丰衣足食,还是得自己搜索资源,但是苦于没有给力的资源搜索网站,不用担心啦!下面分享几个老师傅个人珍藏3年的资源网站,在网上就没有这几款网站找不到的资源&…

seo管理php源码_linux可视化管理工具-旗鱼云梯

对于经常操作linux的人来说,一款可视化管理工具是一个最好的选择,但是国内外这么多可视化工具,很多运维人员还是觉得外国的月亮圆,还是坚持用国外的插件工具,在这里我要说的是,你看看国内现在的网络环境&am…

ios12完美深色模式插件_让所有网站开启深色模式,试试这个浏览器插件

打从我第一次在用于开发的 IDE(Integrated Development Environment,集成开发环境)中了解并使用一个暗黑的主题之后,我就完完全全变成了 Dark Scheme 的死忠粉。尽管大众对程序员群体形成了「穿格子衫」的刻板印象;但在代码的世界里&#xff…

nextcloud网站不安全_nextcloud安装后常见问题及解决方法

系统:CentOS 7WEB环境:LNMP搭建问题一:PHP 的设置似乎有问题, 无法获取系统环境变量. 使用 getenv(\”PATH\”) 测试时仅返回空结果.解决方法:在PHP-FPM配置文件:/usr/local/php/etc/php-fpm.conf 最后加上一句&#x…

利用Kali linux中的Dirbuster对网站进行渗透描目录

请自觉遵守网络安全法 1.进入kali linux,的Dirbuster 在URL中输入进行扫描的网站 工作方式选择自动切换 可以将Number of Threads的数值进行调节,在硬件允许的条件下‘ 在File with list of dirs/liles中找到相应的字典进行爆破 导入相应的字典文件 选择开启的方…

PyCharm开发Django网站搜索功能教程

搜索 搜索可以使用最原始的like的方式进行搜索。当然这种搜索方式对于一些小量的数据是非常合适的。但是随着数据量越来越大。这时候我们就需要使用搜索引擎了。搜索引擎会将所有需要搜索的数据使用算法做一个索引,以后搜索的时候就只需要根据这个索引即可找到相应的…

使用WebDeployment Project改善VS2005发布网站问题 (三) 常见问题

一、发布后网站浏览时出现乱码(http://www.cnblogs.com/chy710)如果页面编码是gb2312,可能会有此问题,请使用utf-8编码,vs2005中打开页面切换到HTML视图,选择[文件] / [高级保存选项],选择utf-8,保存,OK。二、发现不明…

Django搭建博客网站(1)

一、前言1.1.环境python版本:3.6Django版本:1.11.61.2.预览效果最终搭建的blog的样子,基本上满足需求了。框架搭好了,至于CSS,可以根据自己喜好随意搭配。二、建立博客应用2.1.建立项目和应用创建工程blogprojectdjang…

什么是最好的网站学习如何使用Linux系统?

2019独角兽企业重金招聘Python工程师标准>>> 其实不是很难使用Linux,由于有关系统的大量技术信息加上现在网上的信息鱼龙混杂,各种信息让我们分不清是真是假,您可能会被愚弄,但毕竟真的不是那么困难。为了给你一个开始…

Apache设置禁止访问网站目录

Apache默认在当前目录下没有index.html入口就会显示网站根目录,让网站目录文件都暴露在外面,是一件非常危险的事,例如:数据库密码泄露,隐藏页面暴露等严重安全问题! 例如,访问米扑网站根目录: h…

米扑科技的开源项目:sitemap-php 自动生成网站地图

米扑科技旗下的产品,近期正在做SEO网站优化,其中子需求之一是调研实现了网站地图(sitemap.xml) 封装简化了许多功能模块,现在分享出来,源代码可在Github上下载,有简单的示例。Github 开源网址&a…

十大免费SSL证书:网站免费添加HTTPS加密

SSL证书,用于加密HTTP协议,也就是HTTPS。随着淘宝、百度等网站纷纷实现全站Https加密访问,搜索引擎对于Https更加友好,加上互联网上越来越多的人重视隐私安全,站长们给网站添加SSL证书似乎成为了一种趋势。 给自己的网…

十大免费SSL证书:网站免费添加HTTPS加密

SSL证书,用于加密HTTP协议,也就是HTTPS。随着淘宝、百度等网站纷纷实现全站Https加密访问,搜索引擎对于Https更加友好,加上互联网上越来越多的人重视隐私安全,站长们给网站添加SSL证书似乎成为了一种趋势。 给自己的网…

网站域名、备案、七牛云图床重新搭建与博客整理

最近碰上了一个问题,七牛云开始回收测试域名,结果导致我的图床有些失灵、一些软件资源都无法下载。其实这个问题在前一段不蒜子统计修改的博客里已经有兆头了。不过当时没注意。最后还是被逼得只能购买了域名,各类备案,重新搭建图…

python模拟用户浏览器登陆网站

2019独角兽企业重金招聘Python工程师标准>>> 【前置条件】 Python 2.7.13 |CentOS release 6.5 方案一:使用urllib2库 首先使用自己的账号和密码在浏览器登录,然后通过抓包拿到cookie,再将cookie放到请求之中发送请求即可&#xf…

LAMP架构部署和动态网站环境的配置

实验环境: 操作系统:centos 7.5 服务器IP:192.168.10.5 运行用户:root 连接工具:xshell工具 web环境:Linuxapachephpmariadb(LAMP架构) 大型动态应用系统平台主要是针对于大流量、高…

10个帮助你优化网站的 .htaccess 技巧

“.htaccess”文件旺旺被网页设计师们忽略。假如你还不知道什么是htaccess的话,你可以去查一下wikipedia。它是目录级别的配置文件,有常用的网页服务器支持这种配置,例如Apache。下面我将列出10条有用的.htaccess配置技巧。 1. 反盗链 那些盗…