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

出处:http://www.cnblogs.com/best/p/6582294.html

目录

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

批量导出PSD文件图片工具:https://pan.baidu.com/s/1eSacdf8 密码: crj3

需要PSD源文件+工具与相关资料的朋友请留下您的邮箱!

第一批已发送

没有收到的朋友请留言我将再次发送给大家。

时间: 2024-08-12 00:11:53

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

c#.net快学系列一之30分钟搞定代码生成

哇咔咔,离上次写文又有几个月了.不过上次写的<这些开源项目,你都知道吗?(持续更新中...)[原创]>受到广大读者的赞赏和推荐,也使得自己更有动力去写技术文章.好了,废话不多说,直接切入正题. 前方高能预警,由于此篇博文适合初学者入门或者各种大牛老男孩怀念那些年我们一起写过的代码生成器,所以请各路时间宝贵的大神慎重查看此篇博文,误入者后果自负!!! 一.前言背景(3分钟) 博主清晰的记得,大三的时候,老师会布置各种课外作业,不过大多是基于数据库增删改查的XX管理系统.此类系统,想必大家伙都懂,

项目实战:iOS极光推送集成(30分钟搞定)

推送有非常多,如个推.友盟.融云和极光等等.在这里就讲下怎样使用极光推送. 主要内容是将官方文档资料详细汇总并一步一步集成到项目中,您也能够直接去官方文档阅览. 极光推送SDK下载 直接打开官方文档下载最新的SDK 极光网创建APP并上传证书 一.制作推送证书和描写叙述文件:须要注意要制作两个证书,一个是測试证书,一个是公布证书,详细看官方文档截图:点击查看证书制作 直接看<iOS 证书 设置指南>其它的不用看了,废话太多 二.在极光推送官网注冊你的APP吧. bundle id要和你项目一直

30分钟搞定yii的gridview,你可能只看这一篇就够了 (包含基本配置,下拉筛选,多选删除)

view代码 <?php /* @var $this yii\web\View */ /* @var $form yii\bootstrap\ActiveForm */ /* @var $model \common\models\LoginForm */ use yii\helpers\Url; use yii\helpers\Html; use common\helps\Helps; use common\helps\ArrayHelper; use yii\grid\GridView; us

30天搞定大数据爬虫项目

详情请交流  QQ  709639943 00.30天搞定大数据爬虫项目 00.零基础实战机器学学习 00.企业级实战 Spark离线和实时电影推荐系统 00.三大项目掌握Storm流计算 00.道路交通实时流量监控预测系统 00.基于Spark2.x新闻网大数据实时分析可视化系统 00.小码哥Java大神班五期 任小龙SSM Spring5 Mybatis SpringMVC 00.Python玩转人工智能框架 TensorFlow 00.web开发级mysql颠覆实战课程 00.微信小游戏入

一分钟搞定AlloyTouch图片轮播

一分钟搞定AlloyTouch图片轮播 轮播图也涉及到触摸和触摸反馈,同时,AlloyTouch可以把惯性运动打开或者关闭,并且设置min和max为运动区域,超出会自动回弹.除了一般的竖向滚动,AlloyTouch也可以支持横向滚动,甚至任何属性的运动,因为它的设计的本质就是属性无关,触摸可以反馈到任何属性的运动.所以AlloyTouch制作各种各样的轮播组件还是得心应手. 第一种轮播图如上图所示.下面开始实现的过程. 第0秒 <div id="carousel-container&quo

HDFS-异常大全-《每日五分钟搞定大数据》

点击看<每日五分钟搞定大数据>完整思维导图以及所有文章目录 问题1:Decomminssioning退役datanode(即删除节点) 1.配置exclude: <name>dfs.hosts.exclude</name> <value>/data/hadoop/excludes</value> 在/data/hadoop/excludes文件添加要退役的节点ip(可同时退役多个,一个一行) 2.配置完后刷新节点 # $HADOOP_HOME/b

Spring Boot 返回 XML 数据,一分钟搞定!

Spring Boot 返回 XML 数据,前提必须已经搭建了 Spring Boot 项目,所以这一块代码就不贴了,可以点击查看之前分享的 Spring Boot 返回 JSON 数据,一分钟搞定!. 你所需具备的基础 什么是 Spring Boot? Spring Boot 核心配置文件详解 Spring Boot 开启的 2 种方式 Spring Boot 自动配置原理.实战 Spring Boot 2.x 启动全过程源码分析 更多请在Java技术栈微信公众号后台回复关键字:boot. 如

基于bootstrap后台登录界面代码

分享一款基于bootstrap后台登录界面代码.这是一款基于基于bootstrap和css3实现的自适应移动端优先的登录界面代码.实现的效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="signin"> <div class="signin-head"><img src="images/test/head_120.png" alt="" class=&qu

一篇文章搞懂DataSet、DataFrame、RDD-《每日五分钟搞定大数据》

1. 三者共性: 1.RDD.DataFrame.Dataset全都是spark平台下的分布式弹性数据集,为处理超大型数据提供便利 2.三者都有惰性机制,执行trainform操作时不会立即执行,遇到Action才会执行 3.三者都会根据spark的内存情况自动缓存运算,这样即使数据量很大,也不用担心会内存溢出 4.三者都有partition的概念,如 var predata=data.repartition(24).mapPartitions{       PartLine => {