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.pswp.cn/news/255044.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/255044.shtml
英文地址,請注明出處:http://en.pswp.cn/news/255044.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Linux 查看服務器開放的端口號

在討論這個問題前,我們先來了解一下物理端口、邏輯端口、端口號等計算機概念。 端口相關的概念: 在網絡技術中,端口(Port)包括邏輯端口和物理端口兩種類型。物理端口指的是物理存在的端口,如ADSL Modem、集…

VC的文件路徑為什么要用雙斜杠

在編程時,打開文件的路徑在用單斜杠時,會出現問題,例如: image cvLoadImage("C:\Users\lyb\Documents\Visual Studio 2013\Projects\smooth\Debug\pic.png", 0);這樣的寫法在編譯時,不會出現編譯錯誤&#…

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

FFMpeg中apiexample.c例子分析——解碼分析 收藏 我們直接從 video_decode_example() 函數開始講,該函數實現了如何去解碼一個視頻文件,以 .mpeg 文 件為例。 ( 1 )將緩存的末尾清 0 ,從而確保讀操作不會越界導致破…

[轉]整理一些好的開源項目

首先說明,要想找開源項目,當然是Github! 另外oschina上面也可能有你要的,這個是分類的鏈接:http://www.oschina.net/project/tags,比如這個是一個Python的相關開源資源:http://www.oschina.net/…

android是32-bit系統還是64-bit系統

轉自:http://www.cnblogs.com/pengwang/archive/2013/03/11/2954496.html 電腦CPU分32位和64位,這個我們都知道。用了這么長時間的android手機,突然有個疑問:android OS運行在多少位的CPU上呢? android應用程序是基于D…

海爾系列報道之一:海爾“小微”怎么玩

海爾去年裁了1.6萬人,今年上半年裁了5000人,這2.1萬人去了哪?除了被淘汰的部分,他們中的大多數去了169家小微公司. 從今年年初開始,海爾集團品牌總監范建斌就帶著海爾品牌部的兩個姑娘開始籌劃做一個文化小微公司&…

FFMpeg中apiexample.c例子分析——編碼分析

FFMpeg中apiexample.c例子分析——編碼分析apiexample.c例子教我們如何去利用ffmpeg庫中的api函數來自己編寫編解碼程序。 (1)首先,main函數中一開始會去調用avcodec_init()函數,該函數的作用是初始化libavcodec,而我們…

.net 常見異常及其翻譯

System.Exception//所有異常的基類型System.ApplicationException//發生非致命應用程序錯誤時引發的異常System.SystemException//為System命名空間中的預定義異常定義基類System.SystemException//異常根類System.AccessViolationException//在試圖讀寫受保護內存時引發的異常…

Access2010打開系統表MSysObjects的控制權限

一、顯示系統表 第一步:單擊左上角【文件】頁簽,點擊【選項】打開選項對話框,如圖所示 第二步:在【Access選項】對話框中,選擇【當前數據庫】,在【導航】欄下,點擊【導航選項】打開【導航選項】…

抓屏的各種方法(http://www.codeproject.com/KB/dialog/screencap.aspx)

文章翻譯自 P.GopalaKrishna 的 Various methods for capturing the screen 一文,原版地址見下面。本文章版權歸原作者所有。 如果轉載該譯文 , 請保證文章的完整性,并注明來自 www.farproc.com 袁曉輝 2005/6/12 原版地址&…

與 OpenCV 1 同時使用

與 OpenCV 1 同時使用 目的 對于OpenCV的開發團隊來說,持續穩定地提高代碼庫非常重要。我們一直在思考如何在使其易用的同時保持靈活性。新的C接口即為此而來。盡管如此,向下兼容仍然十分重要。我們并不想打斷你基于早期OpenCV庫的開發。因此&am…

第五周 Leetcode 99. Recover Binary Search Tree (HARD)

Leetcode99 給定一個 二叉搜索樹,其中兩個節點被交換,寫一個程序恢復這顆BST. 只想到了時間復雜度O(n)空間復雜度O(h) h為樹高的解法,還沒想到空間O(1)的解法。 交換的情況只有兩種&…

Fedora15安裝NVIDIA顯卡驅動全過程

Fedora安裝N卡驅動全過程 Fedora安裝NVIDIA顯卡全過程,經過自己親自安裝 折騰了一個上午,搞定了N卡驅動安裝,現將安裝步驟整理如下: 1、首先訪問Nvidia官網下載最新的Linux驅動:http://www.nvidia.cn/Download/index…

板鄧:wordpress自定義登錄頁面實現用戶登錄

首先檢查用戶是否已經登錄&#xff0c;如果已經登錄就返回info目錄下的頁面。 <?phpglobal $current_user;$loginuserid $current_user->ID;if($loginuserid){//如果已經登錄header("Location:".get_bloginfo(url)."/info/"); exit;} 如果用戶未登…

機器學習(machine learning)之AdaBoost算法

轉自&#xff1a;http://blog.csdn.net/haidao2009/article/details/7514787 淺談 Adaboost 算法 機器學習是利用一些方法來使機器實現人的學習行為&#xff0c;以便獲取新的知識或技能&#xff0c;重新組織已有的知識結構使之不斷改善自身的性能。 AdaBoost全名“adaptive B…

交換兩個整形變量的數值

課堂問題一: #include<stdio.h>void swap(int *p,int *q) {int *m;printf("m%d\n",m);printf("%s\n",*m);*m*p;*p*q;*q*m; } int main(){int a,b;scanf("%d,%d",&a,&b);swap(&a,&b);printf("a%d b%d\n",a,b);re…

使用CodeFirst創建并更新數據庫

本文主要介紹如何使用CodeFirst模式來新建并更新數據庫 在使用Entity Framwork的三種方式&#xff08;ModelFist、DBFirst、CodeFirst&#xff09;中&#xff0c;CodeFirst方式書寫的代碼最為干凈。 至于CodeFist方式的詳細優缺點請各位讀者自行搜索&#xff0c;這里不多贅述。…

fedora 15怎么修改運行級別?

inittab改了已經在fedora15中&#xff0c;你vim它就可以看到更改說明&#xff0c;就是說都改到/etc/systemd/system/default.target這里了&#xff0c;就是缺省的設置。如果你要改變缺省值就把對應的runlevel移動過去覆蓋了。 To 3 字符 [root15 system]# rm -rf /etc/systemd…

淺析人臉檢測之Haar分類器方法

由于工作需要&#xff0c;我開始研究人臉檢測部分的算法&#xff0c;這期間斷斷續續地學習Haar分類器的訓練以及檢測過程&#xff0c;在這里根據各種論文、網絡資源的查閱和對代碼的理解做一個簡單的總結。我試圖概括性的給出算法的起源、全貌以及細節的來龍去脈&#xff0c;但…

利用微軟平臺生成報表,線性圖,柱形圖

說來慚愧,以前的工作中一直借助第三方dll進行報表制作,比如線性圖,柱形圖. 因為現在工作的這家公司不允許隨便引入第三方dll,聽同事說起可以建rdl類型文件進行引入到winform窗體中,窗體上使用reportViewer控件進行關聯展示.下面是我今天摸索3個小時的結果分享. 第一步. 首先找到…