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源文件+工具与相关资料的朋友请留下您的邮箱!

第一批已发送

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

转载于:https://www.cnblogs.com/smileberry/p/6592815.html

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

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

相关文章

FFMpeg中apiexample.c例子分析——解码分析

FFMpeg中apiexample.c例子分析——解码分析 收藏 我们直接从 video_decode_example() 函数开始讲,该函数实现了如何去解码一个视频文件,以 .mpeg 文 件为例。 ( 1 )将缓存的末尾清 0 ,从而确保读操作不会越界导致破…

FFMpeg中apiexample.c例子分析——编码分析

FFMpeg中apiexample.c例子分析——编码分析apiexample.c例子教我们如何去利用ffmpeg库中的api函数来自己编写编解码程序。 (1)首先,main函数中一开始会去调用avcodec_init()函数,该函数的作用是初始化libavcodec,而我们…

Access2010打开系统表MSysObjects的控制权限

一、显示系统表 第一步:单击左上角【文件】页签,点击【选项】打开选项对话框,如图所示 第二步:在【Access选项】对话框中,选择【当前数据库】,在【导航】栏下,点击【导航选项】打开【导航选项】…

与 OpenCV 1 同时使用

与 OpenCV 1 同时使用 目的 对于OpenCV的开发团队来说,持续稳定地提高代码库非常重要。我们一直在思考如何在使其易用的同时保持灵活性。新的C接口即为此而来。尽管如此,向下兼容仍然十分重要。我们并不想打断你基于早期OpenCV库的开发。因此&am…

机器学习(machine learning)之AdaBoost算法

转自:http://blog.csdn.net/haidao2009/article/details/7514787 浅谈 Adaboost 算法 机器学习是利用一些方法来使机器实现人的学习行为,以便获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。 AdaBoost全名“adaptive B…

使用CodeFirst创建并更新数据库

本文主要介绍如何使用CodeFirst模式来新建并更新数据库 在使用Entity Framwork的三种方式(ModelFist、DBFirst、CodeFirst)中,CodeFirst方式书写的代码最为干净。 至于CodeFist方式的详细优缺点请各位读者自行搜索,这里不多赘述。…

浅析人脸检测之Haar分类器方法

由于工作需要,我开始研究人脸检测部分的算法,这期间断断续续地学习Haar分类器的训练以及检测过程,在这里根据各种论文、网络资源的查阅和对代码的理解做一个简单的总结。我试图概括性的给出算法的起源、全貌以及细节的来龙去脉,但…

利用微软平台生成报表,线性图,柱形图

说来惭愧,以前的工作中一直借助第三方dll进行报表制作,比如线性图,柱形图. 因为现在工作的这家公司不允许随便引入第三方dll,听同事说起可以建rdl类型文件进行引入到winform窗体中,窗体上使用reportViewer控件进行关联展示.下面是我今天摸索3个小时的结果分享. 第一步. 首先找到…

opencv 模板匹配(cvMatchTemplate)

opencv 模板匹配(cvMatchTemplate) 模板匹配是通过在输入图像上滑动模板图像块对实际的图像块和输入图像进行匹配,并且可以利用函数cvMinMaxLoc()找到最佳匹配的位置。例如在工业应用中,可以锁定图像中零部件的位置,并根据具体的位置&…

[BZOJ1880] [Sdoi2009] Elaxia的路线 (SPFA 拓扑排序)

Description 最近,Elaxia和w**的关系特别好,他们很想整天在一起,但是大学的学习太紧张了,他们 必须合理地安排两个人在一起的时间。Elaxia和w**每天都要奔波于宿舍和实验室之间,他们 希望在节约时间的前提下&#xff0…

用OPENCV视觉解数独

用OPENCV视觉解数独 2010-06-29 看到增强视觉网站上介绍老外用视觉解SUDOKU(http://www.cvchina.info/2011/05/29/video-sudoku-solver/),觉得应该不难,于是用OPENCV和训练好的数字分类器,也试着做一个,纯属娱乐 基本思路如下&…

第三次毕业设计任务书

一. 进度计划 时间 计划进度 3.24-3.30 尝试将kdd数据预处理用代码实现 3.31-4.6 将kdd数据预处理用代码实现以及与aprior算法的结合 二. 课题需求 2.1 数据预处理的功能和主要方法 在现实中,由于数据的来源、组织、存储等的多样性,海量的原始数据中一般都很难避免“脏数据…

JMS-activMq与spring进行整合

对JMS做了一个简要介绍之后,接下来就讲一下Spring整合JMS的具体过程。JMS只是一个标准,真正在使用它的时候我们需要有它的具体实现,这里我们就使用Apache的activeMQ来作为它的实现。所使用的依赖利用Maven来进行管理,具体依赖如下…

CSS层叠样式表

HTML主要控制内容 CSS主要控制格式。 样式表是用来指定样式信息的句法机制。 之所以将CSS称为层叠样式表,是因为它可以在3个层次上进行定义。 内联样式表 内联样式表位于开始标签中,其设置只对该元素起作用 文档样式表 文档样式表位于文档的头部区域&…

对X264/FFMPEG架构探讨---感觉不错

3. FFMPEG架构分析FFMPEG是目前被应用最广泛的编解码软件库,支持多种流行的编解码器,它是C语言实现的,不仅被集成到各种PC软件,也经常被移植到多种嵌入式设备中。使用面向对象的办法来设想这样一个编解码库,首先让人想…

如何快糙好猛的使用Shiqi.Yu老师的公开人脸检测库(附源码)

前言 本次编写所用的库为于仕祺老师免费提供的人脸检测库。真心好用,识别率和识别速度完全不是Opencv自带的程序能够比拟的。将其配合Opencv的EigenFace算法,基本上可以形成一个小型的毕业设计。(我是学机械的啊喂!!&a…

Maven理解

2019独角兽企业重金招聘Python工程师标准>>> Maven概念 参考maven入门 冰河winner Maven作为一个构建工具,不仅能帮我们自动化构建,还能够抽象构建过程,提供构建任务实现;它跨平台,对外提供了一致的操作接口&#xff0…

C# FileSystemWatcher 在监控文件夹和文件时的用法

********************************************************************************** 第一个文章: ********************************************************************************** 概述 最近学习FileSystemWatcher的用法,它主要是监控一个文件夹,当文件夹内的文件要…

比微软kinect更强的视频跟踪算法--TLD跟踪算法介绍

TLD (Tracking-Learning-Detection)是英国萨里大学的一个捷克籍博士生在其攻读博士学位期间提出的一种新的单目标长时间( long term tracking )跟踪算法。该算法与传统跟踪算法的显著区别在于将传统的跟踪算法和传统的检测算法相结合来解决被跟踪目标在被…

一张图看懂混合云数据同步一站式解决方案

摘要: 针对不同数据库间数据实时同步难的问题,日前,阿里云宣布推出混合云数据同步一站式解决方案,便于广大云产品用户实现实时数据同步的混合云支持,更为方便的是,该功能让本地Oracle也能实现与云上数据库的…