作為網(wǎng)頁設(shè)計(jì)師，我們知道，我們的任務(wù)就是與用戶對(duì)話。這就是為什么我們能夠從容的著手眼前的工作。我們選擇顏色、字體，以及要使用的網(wǎng)頁布局，甚至編寫CSS的方式，所有的東西看起來都那么有目的性。

正如我們精心制作設(shè)計(jì)時(shí)，我們會(huì)意識(shí)到結(jié)果會(huì)透露出一些關(guān)于我們，設(shè)計(jì)師的內(nèi)容。然而這些我們所設(shè)計(jì)東西并不是總能很好道出我們的初衷。

所以每當(dāng)你正在進(jìn)行一個(gè)網(wǎng)站的設(shè)計(jì)，問自己：我們?nèi)绾谓o用戶更好的關(guān)懷感？

浮動(dòng)窗口廣告 = 金錢比UX和內(nèi)容更重要

因此，很多網(wǎng)站都選擇了浮動(dòng)窗口或者遮罩層廣告，這似乎是現(xiàn)代形式的彈出窗廣告。

就像他們的前輩，彈出窗口廣告 ，浮動(dòng)窗口的廣告很煩人。

浮動(dòng)窗口廣告是非常具侵?jǐn)_性的策略，從而影響并且中斷用戶體驗(yàn)。

想「廣告」與「用戶體驗(yàn)」二者兼得的同學(xué)推薦閱讀：網(wǎng)站廣告和用戶體驗(yàn)的平衡之道

 

如果你的用戶非常艱難的才能訪問到你的網(wǎng)站上的內(nèi)容，那么你一定有些地方做錯(cuò)了。你的設(shè)計(jì)應(yīng)該展示給用戶的最優(yōu)先事項(xiàng)是它的體驗(yàn)，當(dāng)然也要說明網(wǎng)站的內(nèi)容也是十分重要的一方面。

通過中斷，延遲，或者別的什么方式讓用戶千辛萬苦地才能了解到您的內(nèi)容，那么你是在告訴他們，用戶的價(jià)值低于金錢。

同樣，任何強(qiáng)迫用戶注冊(cè)，登錄，填寫郵箱等方式才能訪問到內(nèi)容，都應(yīng)重新考慮是否涉及欠妥。

試想一下這種情況：由于你當(dāng)前的主機(jī)無法滿足現(xiàn)有需求，于是你拼命尋找一個(gè)新的主機(jī)。它只是不斷崩潰，而這是在告訴你，你已經(jīng)超越了當(dāng)前解決方案（PS：順便祝賀你站點(diǎn)的成長(zhǎng)）。

如同很多科技的創(chuàng)業(yè)者們，你最初的解決問題的行動(dòng)是用谷歌搜索一臺(tái)新的主機(jī) 。

你偶然在Quora看見了一條線索，一個(gè)很多如同你一樣的創(chuàng)業(yè)者們經(jīng)常光顧的站點(diǎn)。

成為dA（deviantart）的忠實(shí)用戶有很多理由——dA是最大的藝術(shù)社區(qū)；成為dA用戶簡(jiǎn)直是設(shè)計(jì)新手的必經(jīng)之路。但是，這些都不妨礙你加入其他專業(yè)的網(wǎng)站來展現(xiàn)你的才華。

創(chuàng)立于12年前的dA現(xiàn)在擁有最多的藝術(shù)愛好者受眾。然而，最近有人說dA有太多的作品只有在你腦補(bǔ)能力超強(qiáng)的時(shí)候才能稱之為”藝術(shù)”。用戶太多了，所以各種批評(píng)的聲音也紛至沓來！不管怎樣，不管你喜歡與否，dA是一個(gè)很棒的藝術(shù)社區(qū)，不過，加入其他藝術(shù)網(wǎng)站也會(huì)讓你受益良多。

今天，我們來了解七個(gè)主要的可作為dA替補(bǔ)的藝術(shù)社區(qū)來激勵(lì)設(shè)計(jì)師和有創(chuàng)意的藝術(shù)家。

1.Behance

與dA不同，Behance是為那些專業(yè)藝術(shù)家，那些以藝術(shù)謀生或者將藝術(shù)作為一個(gè)非常嚴(yán)肅的愛好的人建立的。由于嚴(yán)格規(guī)定和高標(biāo)準(zhǔn)，Behance正在成為一個(gè)高級(jí)的專業(yè)網(wǎng)站。

Behance的網(wǎng)站看上去很直觀，很有條理：作品按小組，類別，甚至國(guó)家來分類。用戶可以根據(jù)愛好，專業(yè)水平或者正在一起做的項(xiàng)目來建立朋友圈或合作伙伴圈。如果你想找這個(gè)網(wǎng)站的亮點(diǎn)，那就看看招聘版塊和交互系統(tǒng)吧。在Behance，藝術(shù)家們能得到一致的作品集系統(tǒng)來按照步驟展示工作流程和項(xiàng)目進(jìn)度。雖然一堆大手的名字會(huì)嚇到新手，但是Behance可能是唯一能與藝術(shù)家和設(shè)計(jì)師分享你的經(jīng)驗(yàn)和知識(shí)并且獲得專業(yè)反饋的地方。

今天，我們繼續(xù)分享Photoshop CS6教程技巧。在這篇文章中，您可以學(xué)會(huì)怎樣創(chuàng)建一些有范兒的黑暗騎士風(fēng)格的海報(bào)，還有很多酷炫的字體設(shè)計(jì)教程。如果很久沒有學(xué)習(xí)新的ps技巧，那么，今天的17個(gè)教程，對(duì)于您練手來說，將再適合不過了。
在Photoshop中創(chuàng)建一個(gè)鋼鐵文字效果

在Photoshop CS6的泰坦之怒

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

1、Dribbble

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

隨便舉幾個(gè)栗子:

Hanna UI Kit

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

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

Orchard Keepers

Postable

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

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

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

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

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

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

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

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

Search UI

Any Color Vertical Ribbon

Labels

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

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

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è)計(jì)(   sillybuy.com  )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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