【转】后台模板,登陆界面,素材网站

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

目录

  • 一、界面预览
  • 二、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://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 在线渐变色

国外设计网站:
http://dribbble.com/

http://reeoo.com/

http://www.behance.net/

http://tympanus.net/codrops/

http://www.e-interactive.es/#axzz2uOyjyyNn

http://www.designboom.com/

国内ui设计网站:
http://www.xiaoketang.net/
http://www.guimobile.net/
http://ui.cn/
http://www.iconfans.com/index.php#
http://www.woxihuan.com/
http://www.xueui.cn/
http://www.uimaker.com/
http://www.uisheji.com/
http://www.chinaui.com/
http://opus.arting365.com/
http://www.visionunion.com/interface.jsp
http://www.design63.com.cn/

图标素材:
http://icomoon.io/app/#/select

配色网站:
http://colorschemedesigner.com/
https://kuler.adobe.com/explore/newest/

素材网站大全:

PIXABAY:http://pixabay.com/
素材中国:http://www.sucai.com.cn 
天天素材:http://www.ttcnn.com/ ;
素材中国:http://www.sccnn.com/ ;
素材世界:http://www.sssccc.net/ ;
图酷:http://www.tucoo.com/ ;
懒人图库:http://www.lanrentuku.com/ ;
三联:http://www.3lian.com/ ;
素材天下:http://www.sucaitianxia.com/ ;
联盟素材:http://sc.68design.net/ ;
艺雅中国:http://www.yiyacn.com/ ;
韩国设计网:http://www.krwz.com/ ;
all-free-down:http://all-free-download.com/ ;
齐爱素材网:http://www.72sc.com/ ;
设计无限:http://www.sj00.com/ ;
牛图网:http://niutuku.com/ ;
千图网:http://www.58pic.com 
vector4free:http://vector4free.com/ ;
fordesigner:http://www.fordesigner.com/ ;
SMASHING:http://www.smashingmagazine.com/
16素材网:http://www.16sucai.com/fla/
站长素材:http://sc.chinaz.com 
闪秀:http://www.flash34.com/ ;
花瓣:http://www.duitang.com/ ;
堆糖:http://www.duitang.com/ ;
黄蜂网:http://woofeng.cn/
致设计:http://www.zhisheji.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

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=

原文链接:http://www.cnblogs.com/best/p/6582294.html

时间: 2024-10-08 18:30:27

【转】后台模板,登陆界面,素材网站的相关文章

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

出处:http://www.cnblogs.com/best/p/6582294.html 目录 一.界面预览 二.PSD源文件预览 三.工具分享 四.资源说明 五.素材下载网站 六.下载 去年八月时要做一个OA系统为了后台界面而烦恼,后来写了一篇博客(<后台管理UI的选择>)介绍了选择过程与常用后台UI,令我想不到的时竟然有许多开发者与我一样都为这个事情而花费不少时间,最后界面效果还是不佳:还好这个OA系统已经基本交付给客户在使用了,但登录界面还是非常难看,这几天花时间修改了一下,感觉还行,

30个经典的后台模板

下载地址:http://download.csdn.net/album/detail/1439 1.简单的绿色后台登录模板 2.简单清爽橙色后台模板 3.国外简单后台模板[5] 4.国外简单后台模板[4] 5.多风格多功能后台管理模板 6.专业银行结算系统后台模板 7.超漂亮的电子商务管理平台模板 8.dedecms绿色后台html版 9.一款不错的网络办公系统登录页面 10.网站管理系统后台模板 11.汽车美容连锁网站管理系统模板 12.网站后台管理系统模板 13.蓝色干净简洁的后台模板 14

dede后台登陆又返回登陆界面怎么办

dede后台登陆又返回登陆界面......网上说的DATA等文件夹都有写入权限,试过好几种方法都不行! 其实最有可能的原因就是data文件夹的权限问题.大家可以通过FTP看下data文件的权限是否是775,也就是全部都有可读可写可执行的权限.记得把data文件的权限和sessions文件夹的权限改成777,用8Uftp软件进去以后,右键更改文件属性就可以了! 修改完这些以后记得用火狐或者遨游浏览器再登录下看看,360和IE记得要清空浏览器的缓存.第一步才是最重要的. .如果上面两步还不行的话就清

一些网站后台模板源码分析

1 灰色简洁企业后台管理模板 效果: 看下项目结构: 它使用了modernizr, Modernizr-专为HTML5和CSS3开发的功能检测类库 Modernizr是一个开源的JS库,它使得那些基于访客浏览器的不同(指对新标准支持性的差异)而开发不同级别体验的设计师的工作变得更为简单.它使得设计师可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发,同时又不会牺牲其他不支持这些新技术的浏览器的控制. 当你在网页中嵌入Modernizr的脚本时,它会检测当前浏览器是

最新的建站(小说站)分享(一)--后台模板及网站配置

最近老板叫我们自己写一个站,练练手.不能让我们闲着...我想到底该些什么呢,想到自己平时挺喜欢看小说的,就决定写一个小说站了. 不多说,想好就立即行动,开始没什么头绪,想了半天不知道该怎么写.于是乎就在网上搜了好多相关的资料,和我们技术总监讨论了好久,现在终于有点眉目了,下面就开始向大家介绍一下我写小说站的经历,只能作为新手参考,大神轻点喷! 小说站说难不难,说简单也没辣么简单.挺适合练手的,小说站整体来说要比企业站难一点,里面的分类是重头戏,小说种类太多,要分很多类,这里的分类以后再说. 这里

phpcmsV9后台登陆界面去掉验证码

第一步 找到文件phpcms\modules\admin\index.php注释掉第33行到第36行 $code = isset($_POST['code']) && trim($_POST['code']) ?trim($_POST['code']) : showmessage(L('input_code'), HTTP_REFERER); if ($_SESSION['code'] != strtolower($code)) { showmessage(L('code_error'),

基于Bootstrap的网站后台模板Unicorn - Admin Template最新无错版下载

Unicorn - Admin Template Unicorn - Admin Template 是一款支持视网膜屏幕.完全响应式布局,可用于任何应用程序的管理模板.该面板适应任何宽度的设备.无论是智能手机.平板电脑或桌面浏览器都能完美适应.最新版本基于 Bootstrap 3 构建. 使用LESS编译 响应式设计,支持任何的PC或MAC系统,智能手机和平板电脑.Responsive Design, support any PC or MAC systems, phones and table

jquery开发网站后台模板源代码下载

原文:jquery开发网站后台模板源代码下载 源代码下载地址:http://www.zuidaima.com/share/1550463634934784.htm 这效果怎么样????

分享10个超棒的设计素材网站

对于设计师来说,在工作中遇到的最糟糕的情况,莫过于灵感枯竭.而解决这个问题最好的方式,就是多逛设计素材网站.通过这种方式,不仅可以欣赏其他设计师们的作品,让自己脑洞大开,而且还能收获丰富的资源,为你的设计作品锦上添花. 今天小摹为大家推荐10个优秀的设计素材网站,包含平面设计素材.UI素材.样机模板.网页模板等大量免费资源,希望对小伙伴们有所帮助~ 搜图导航https://www.91sotu.com/ 如果想要远离乱七八糟的收藏书签栏,那你一定需要搜图导航.有了它,你再也不用看到一个素材网站就