現(xiàn)在Photoshop的UI工具包是設(shè)計師們最喜愛的資源，收藏到一套好的組件包，常常是欣喜若狂呀。
包包們已經(jīng)成為web設(shè)計者迅速開發(fā)不可或缺的神兵利器，里面往往會放滿了網(wǎng)站所需要的一切組件，譬如：導(dǎo)航、翻頁、焦點圖、滾動條、按鈕、表格、菜單等等！
為了讓大家高興高興，特別整理收集了7個網(wǎng)站的組件包下載入口，是的！是入口！
里面藏著很多高質(zhì)量的免費(fèi)的UI組件包，優(yōu)設(shè)哥建議您把網(wǎng)址先收藏了，到了晚上夜深人靜的時候下載。

1、Dribbble

Dribbble 這里不只是一個看劉碧設(shè)計師和他們200*150小氣格子圖的地方，如果您夠細(xì)心，您將可以順藤摸瓜找到成堆有用的資源，那些免費(fèi)的PSD就像彩蛋一樣藏在任何一個地方。

隨便舉幾個栗子:

Hanna UI Kit

合理運(yùn)用素材，利用紋理繪制精美絕倫的網(wǎng)頁背景。

盡管極簡設(shè)計和扁平化不提倡使用紋理。但是設(shè)計無絕對，很多情況下，紋理的質(zhì)感，能讓整個網(wǎng)頁提升好幾個層次。
紋理能夠營造一種復(fù)古氛圍。本文收錄了20個網(wǎng)站，全部在紋理運(yùn)用上頗有心得，可以看看他們的設(shè)計細(xì)節(jié)。
趕緊整理整理你所下載的資源包，動手實驗一個吧！

Orchard Keepers

Postable

最近藍(lán)藍(lán)在設(shè)計軟件界面的時候，越來越多的遇到信息圖統(tǒng)計圖的表達(dá)問題，有一些不是像以前那樣通過調(diào)一下色彩就可以解決的，我們也在嘗試著一些新方法，如何更貼切、直觀的表達(dá)信息圖。在展示研究成果，績效指標(biāo)以及宣傳策略和商業(yè)模式等信息時，用信息圖這一獨(dú)特的手法來傳達(dá)統(tǒng)計數(shù)據(jù)和概念，更易被用戶所理解和消化。

信息圖是傳播統(tǒng)計數(shù)據(jù)和研究成果的有效方式，有好多的優(yōu)勢呢。容易理解容易吸收，美觀，可以分享。一圖勝千言。以數(shù)據(jù)說話。用視覺載體來解釋復(fù)雜的創(chuàng)意可以加速人的理解、引發(fā)討論，引導(dǎo)人們做出決策，這比僅僅得到書面報告更有價值。（在設(shè)計軟件界面中，有許多統(tǒng)計圖頁面都因為有大領(lǐng)導(dǎo)要看，所以被客戶要求重點設(shè)計）

網(wǎng)絡(luò)營銷中撰寫營銷文案也是非常重要的，網(wǎng)絡(luò)營銷不是寫一篇軟文發(fā)布到博客、論壇，投稿到門戶就OK了。網(wǎng)絡(luò)營銷也可以采取直銷的方式，利用郵件營銷工具、QQ群郵件給潛在用戶發(fā)送營銷信件。以及我們從B2B平臺時，有潛在客戶訪問了B2B平臺，我們可以主動給該用戶發(fā)送營銷信件，促使用戶下單（記錄到訪的潛在用戶需開通誠信通）。

銷售信就是直接向潛在用戶發(fā)送營銷信件，直接向潛在用戶傳達(dá)有什么產(chǎn)品，能幫助到用戶什么等一種直銷的方式。下面分享網(wǎng)絡(luò)營銷文案之銷售信是如何撰寫的。

開場白
開場白需要在簡短的1-2句話就調(diào)動潛在用戶的興趣，肯花時間繼續(xù)閱讀你的營銷信件內(nèi)容。也就是說在信件正文中第一段不能打動用戶，那么你的營銷信件就失敗。

表達(dá)意圖
引起用戶的興趣以后，就需要向用戶表達(dá)你的意圖是什么，能夠幫助到用戶什么。為什么可以幫助到用戶，可以舉例說明。

解決質(zhì)疑
分析用戶在使用這個產(chǎn)品之前會遇到一些哪些問題，針對于這些問題做出詳細(xì)的解答，解決用戶使用中遇到的疑難問題，減少用戶購買前顧慮。

今天這篇文章收集了20個新鮮出爐的用戶界面 PSD 源文件素材，你可以免費(fèi)下載使用。這些免費(fèi)素材不僅能幫助設(shè)計師們節(jié)省大量的時間，而且能有很好的效果。感謝那些很有才華的設(shè)計師分享它們的勞動成果，讓更多的人可以使用他們的創(chuàng)意設(shè)計。

Search UI

Any Color Vertical Ribbon

Labels

在任何領(lǐng)域,想要做好最重要的事情就是你應(yīng)該熟悉該領(lǐng)域的相關(guān)工具,設(shè)計領(lǐng)域的Adobe Photoshop是相當(dāng)完美的工具,因為你可以利用這個軟件很容易的創(chuàng)造許多圖象。不僅如此,你還可以在一個漂亮的理想的方式中管理文本,因為 Photoshop支持這類功能。我想說，文本和Photoshop工具可用于創(chuàng)建一些令人驚異的和創(chuàng)造性的圖象。如果你能夠在你的設(shè)計項目中呈現(xiàn)文本, 意味著你擁有真正專業(yè)的技能,現(xiàn)在通過以下文字效果教程你也可以很容易做到這一點。

網(wǎng)絡(luò)上有很多這種教程,但是這次是超乎尋常的Photoshop教程，使你的文本看上去更藝術(shù)。使用Photoshop文字效果可以在大部分的設(shè)計中很突出。文本效應(yīng)是最重要的一個要素,設(shè)計現(xiàn)在這個技巧的方法就在下面的教程中。

Create a Sports-Themed Text Effect in Photoshop Using Layer Styles

Purple Glow Text Effect

Ridiculously Realistic Scorching Fire Effect!

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   www.wtxcl.cn  )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源：http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，   請點這里

這是2013年度最佳 Photoshop 教程系列文章之文字篇！這些優(yōu)秀的 Photoshop 教程教大家如何制作各種精美的文字。這些教程是從眾多教程中精選出來的，如果你跟著教程一步一步的學(xué)些，能夠?qū)W到很多新技術(shù)，例如照片處理，文字效果和繪圖技巧等等，成為 Photoshop 高手。

使用 Photoshop 創(chuàng)建一個針織效果的文字

在本教程中，您將學(xué)習(xí)如何在 Photoshop 中制作精美的針織文字效果。查看教程

在 Photoshop CS6 中創(chuàng)建一個縫制牛仔的文本效果

在本教程中，您將學(xué)習(xí)如何結(jié)合 Photoshop 濾鏡、畫筆和矢量圖形創(chuàng)建一個縫制牛仔文本。查看教程

使用 Photoshop 創(chuàng)建精美的立體文字

本教程介紹如何使用 Photoshop 實現(xiàn)一種非常精美的立體文字。查看教程

在 Photoshop 中使用圖層樣式創(chuàng)建血淋淋的文字效果

在這個教程中，您將學(xué)習(xí)如何在 Photoshop 中使用圖層樣式創(chuàng)建血淋淋的文字效果。查看教程

在 Photoshop 中創(chuàng)建一個清脆的金屬文字效果

在這個教程中，您將學(xué)習(xí)如何創(chuàng)建一個清脆的金屬文字效果。查看教程

如何在 Photoshop 中創(chuàng)建磨制石器文字效果

本教程介紹如何使用多圖層樣式，漸變內(nèi)發(fā)光技巧和簡單的過濾器，創(chuàng)建有光澤的石頭文字效果。教程

在 Photoshop 中創(chuàng)建一個“可怕”的文字效果

在這個教程中，您將學(xué)習(xí)如何使用 Photoshop 中的圖層樣式創(chuàng)建一個“可怕”的文字效果。查看教程

在 Photoshop 中創(chuàng)建一個霓虹燈文字效果

在這里咱們就不多加討論字體的來源定義了，談?wù)勚谱魑淖诛@得更加直觀些。還有什么是比自己用photoshop制作文字更有前途的呢？吼吼~只需要有一點時間和精力，你就可以把幾乎所有創(chuàng)意變成美麗的作品！

嗯哼，所以，今天我要告訴你如何在photoshop中創(chuàng)建一個紡織面料類型的文字效果。來吧，就讓我們在有趣的工具和技術(shù)下做出我們想要的文字效果！let’s go！

在正式制作文字之前，這里先講一下資料包的使用（ps加載紋理和筆刷，熟練者請自覺繞過）：

一、在photoshop中如何添加下載的圖案紋理

本教程所需素材下載：
Fabric patterns by webtreats
Lace Brushes by Merrypranxter

解壓該文件得到一個文件夾，里面有一個.pat文件，在photoshop的油漆桶工具下，選擇油漆類型為”圖案“，在圖案面板的右邊設(shè)置圖標(biāo)下選擇”載入圖案“，把剛才的.pat文件復(fù)制過來，點擊”載入“就可以了。

二、在photoshop中如何添加下載的筆刷

和上面差不多，你已經(jīng)下載到了一個.abr文件，在photoshop的畫筆工具下載入畫筆，復(fù)制該文件到文件夾里，點擊”載入“，ok。

面包圈是一種用面粉做成的甜甜圈類型的面包。當(dāng)它們烤好又閃亮?xí)r，看上去真的可口解饞喲！

本教程將會向大家展示如何使用Photoshop強(qiáng)大的圖層樣式功能、以及一些筆刷和濾鏡來創(chuàng)作一些美味的面包圈（效果字體）。

這是最終效果圖。

注意：

*本教程中使用的Adobe Photoshop CS6，但是你也可以使用CS3以上任何一個版本。

*你可能想要檢查BasixPage 這一頁來了解一些關(guān)于Photoshop基本操作技巧的有用主題，例如加載色板和一些快捷鍵。

（譯者注：教程所用的紋理和字體已經(jīng)上傳，大家可以去下載哦 網(wǎng)盤下載）

注意：你可能需要加在本教程使用的等高線，所以可以查看這張圖片來了解如何操作。

第一步

新建1250×1250像素大小的文檔（你可以使用任何你想要的寬度值，但是請確保高度值不小于1250）。

選擇矩形工具，設(shè)置前景色為#d4d0c9，并拉一個眼神到文檔邊框外一點的矩形。

雙擊矩形形狀圖層，設(shè)置如下圖層樣式：

——斜面和浮雕

大小：3

勾選消除鋸齒

陰影模式：正片疊底—顏色# a89a86

HTML5如雨后春筍一般迅猛發(fā)展，用戶和開發(fā)者也漸漸熟悉了HTML5的環(huán)境，在游戲開發(fā)領(lǐng)域，HTML5更是比Flash更具吸引力。

HTML5在應(yīng)用開發(fā)、圖像、視頻方面，HTML5的優(yōu)勢凸顯，僅需原生代碼即可實現(xiàn)。

這里是30例創(chuàng)新十足、魅力無窮的HTML5游戲推薦，閑暇時間點開一個玩玩吧，同時別忘了借鑒一下經(jīng)驗，以后你做類似設(shè)計的時候可以作參考！

1) Sand Trap

想辦法往桶里面倒沙子，簡單又有趣，鼠標(biāo)點擊旋轉(zhuǎn)方塊來倒沙子。

2) Entanglement

容易上癮的益智游戲

六角拼圖，看似簡單做起來難，自己試試吧！

3) Galactic Inbox