當開始進行新項目時，一般都會起步于線框圖。本文收集了大量的線框圖設(shè)計工具和套件。
交互設(shè)計師必備哦！

推薦閱讀：
《推薦！交互細節(jié)中的那些變形金剛》 
《iOS用戶體驗設(shè)計：如何構(gòu)建交互模式》 
《20個專為無線端設(shè)計提供靈感的資源站》

在線設(shè)計模板

Wirefy

以內(nèi)容優(yōu)先為原則的線框圖在線設(shè)計工具。允許你運用標準元素設(shè)計出響應(yīng)式線框圖。

Lumzy

網(wǎng)頁設(shè)計和界面設(shè)計的原型設(shè)計工具。

Mockup Builder

自動化對每個設(shè)計師的工作來說是很有用的。它可以在重復(fù)的任務(wù)上節(jié)省寶貴的時間，還能夠幫我們更快捷、更容易的解決一系列問題。

你可以使用photoshop的動作來使工作流程自動化，這是很流行的，大多數(shù)人都知道并且已經(jīng)在使用的方法。今天，我們將介紹給你一種高級的自動化技巧：腳本語言。所有的這一切僅僅需要你有一點點關(guān)于JavaScript的基本知識，這對于我們中的一些網(wǎng)頁設(shè)計師往往都是具備的。

我很多年前就知道Photoshop的腳本語言，但是我?guī)讉€月前才開始決定研究它。我忽視了它是因為我認為那是聰明的具有數(shù)學思維能力的程序員的領(lǐng)域。但是我錯了，今天我將要來告訴大家，盡管它需要一些基本的程序技巧，腳本語言并不是那么難掌握。

但是，一開始，我們得回答以下這幾個明顯的問題：

為什么我們需要腳本語言？

為什么我們在Photoshop已經(jīng)有了很棒的動作之后還要需要學習腳本語言？答案是交互性！當你使用動作時，你不能真正的控制它在不同情況下的表現(xiàn)，就像錄像帶不停的一遍又一遍的播放而沒有任何改變。

一個腳本語言更靈活，它表現(xiàn)形式的改變?nèi)Q于你輸入的參數(shù)或者是應(yīng)用程序的內(nèi)容。聽起來很有用？不是么？

要求

你不需要是一個會寫腳本語言的高級的程序員。我就僅僅是一個平面設(shè)計師，就像你們大多數(shù)人一樣。但是你需要對JavaScript至少有一個基本的了解,以及一些屬性和方法的經(jīng)驗去領(lǐng)悟這篇文章的大部分內(nèi)容。

如果你對JavaScript一點都不了解，別害怕！有很多地方你可以了解程序的一些基本知識。例如：Codecademy，有很棒的完整的交互式課程。

大概一年前，我們還在預(yù)測視差滾動能否成為趨勢，現(xiàn)在，視差滾動網(wǎng)站已經(jīng)紛繁多樣了，到處都有它的影子，除了新奇的體驗，網(wǎng)站的縱深感也令人置身其中。在5月份的時候，優(yōu)設(shè)推薦了一篇視差滾動指南，當下是讓它真正大展身手的時候了，對這個技術(shù)感興趣的同學移步：《滾動視差設(shè)計指南》閱讀學習，同時誠摯推薦這《11個超炫的視差滾動網(wǎng)站》，先感受一下它的魅力何在。

今天推薦的視差滾動網(wǎng)站有點特別，是縱橫向兼有的，還包括了flickr、tumblr、bahance等知名網(wǎng)站，希望你能在這里找到靈感，創(chuàng)建一個自己的視差滾動網(wǎng)站 : ）

Fendi Life

Twibfy

The Girl Effect

今天藍藍設(shè)計跟您分享一組免費的扁平化圖標，共有48個，包含了辦公，社交和旅行三種風格，由Vecteezy設(shè)計。老規(guī)矩，讀完readme后使用更放心哦！

微盤下載

原文鏈接：webdesignerdepot

得力于互聯(lián)網(wǎng)的進步，電影宣傳網(wǎng)站也成為提升電影格調(diào)的重要方面，還記得《少年派的奇幻漂流》官方網(wǎng)站就令人贊不絕口，甚至有人因此選擇進電影院觀看。現(xiàn)在，有很多設(shè)計師也在為電影宣傳作努力，在國內(nèi)，這是一個新興的宣傳方式，設(shè)計師必須在網(wǎng)站中平衡好視覺表現(xiàn)和信息傳遞，對經(jīng)驗不足的設(shè)計師來說，可能還沒有頭緒，那么這里有30個熱門電影（饑餓游戲、了不起的蓋茨比、金剛狼2等）的優(yōu)秀宣傳范例，你可以學習借鑒一下  : ）

說到電影，推薦這10部：《設(shè)計師應(yīng)該看的10部電影》，找電影資源可以到這兒：《90%的人都不知道的電影資源下載站》，大多數(shù)是高清版唷。

The Hunger Games

The Heat

We’re The Millers

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

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

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

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

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

激發(fā)行動
用戶看到這個地方的時候，是有意向的用戶。我們必須將用戶采取行動的步驟，使用不好又該如何操作等處理流程詳細寫清楚。

隨著PC端、平板、智能手機等終端的發(fā)展，設(shè)備環(huán)境（系統(tǒng)平臺、屏幕尺寸、屏幕分辨率等）更加復(fù)雜，網(wǎng)頁展示需要考慮到各個終端的具體差異。

因此，響應(yīng)式網(wǎng)頁設(shè)計受到了大家的推崇。通過文中的9個免費的響應(yīng)式網(wǎng)頁設(shè)計模板，希望能幫大家了解這種技術(shù)以及提高工作效率。

1、TXT

這個模板有一個主頁頁面以及一個博客頁面。可分為一列或兩列，你可以根據(jù)自己的意愿進行設(shè)定。側(cè)邊欄的個數(shù)也可以自己自由設(shè)定。（演示 | 下載）

2、VERTI

一個基于HTML5和CSS3的模板。可以分列，同時提供博客和主頁的模板。（演示 | 下載）

如果我說要給你看一個3D flash網(wǎng)站，那么你腦海中想到的第一個關(guān)鍵字會是神馬呢？酷！炫！亮瞎？是的，這些似乎已經(jīng)約定俗成成了flash網(wǎng)站的夸獎詞。Flash可以用于web頁面組件的設(shè)計，同時也能開發(fā)互聯(lián)網(wǎng)應(yīng)用。Flash設(shè)計可以看作一種藝術(shù)形式，由于它具有其驚人的設(shè)計及動畫表現(xiàn)。除了坑爹的網(wǎng)速會詬病外，但它本身絕對是讓人無法抗拒的。那么今天就讓我們來欣賞20個引人注目的3D Flash網(wǎng)頁設(shè)計。

1. 2Brand:

2. Coca Cola:

如何選擇一種最恰當?shù)木W(wǎng)頁背景是網(wǎng)站設(shè)計中最常見的問題之一。 通常網(wǎng)站設(shè)計者都已準備好網(wǎng)站內(nèi)容，而且版面布局大多也基本敲定。但背景要么是令人厭煩，要么是讓人眼花繚亂，讓設(shè)計者遲遲不能確定。

今天，我們將介紹幾個實際網(wǎng)站來啟發(fā)你的靈感，看看如何設(shè)計趣味而又令人感興趣的網(wǎng)頁背景。收藏本文，當你再次閱讀時，你定會被某一個背景設(shè)計所迷戀。

1. 素描設(shè)計

這種設(shè)計在幾年前就變得比較流行，而且一直持續(xù)到現(xiàn)在。這靈感來源于在筆記本上的涂鴉亂畫，就像你十幾歲時在英文課上所作的那樣。每一部分都是些粗糙的素描表現(xiàn)，頁面看似是非常隨意的創(chuàng)意集合，而它們都以不同的旋轉(zhuǎn)方式散布在頁面各處。NotchStudio就是很好地應(yīng)用了這種創(chuàng)意，并且以非常柔緩的方式表現(xiàn)出來。

即使你本人不善長繪畫，這種創(chuàng)意也是相當容易實現(xiàn)的，是因為這些涂鴉通常都是些非常基本的設(shè)計。如果擁有一部Wacom或iPad平板電腦，你就可以相當容易地描繪出你自己的圖片或者某種意義上能夠反映此類風格的書寫文本。還有很多免費字體如Pointy，可以幫你不費吹灰之力就可實現(xiàn)讓人贊不絕口的素描。

2. 精細文稿設(shè)計風格

紙張的質(zhì)地紋理總能激起設(shè)計者的激情，而且為所有年齡所適用。目前這種創(chuàng)意已不像幾年前那樣風靡，但是它還是會帶給你一種非常微妙的效果：如果你沒有看到它，那會讓你非常地想念。

你注意到Beautiful Type所用的紋理設(shè)計，它既沒有偏離主題也沒有過分夸張，而是將一個原本看起來就很好的網(wǎng)站更是錦上添花。

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

盡管極簡設(shè)計和扁平化不提倡使用紋理。但是設(shè)計無絕對，很多情況下，紋理的質(zhì)感，能讓整個網(wǎng)頁提升好幾個層次。

紋理能夠營造一種復(fù)古氛圍。本文收錄了20個網(wǎng)站，全部在紋理運用上頗有心得，可以看看他們的設(shè)計細節(jié)。

趕緊整理整理你所下載的資源包，動手實驗一個吧！

相關(guān)推薦：
《9月優(yōu)設(shè)筆刷+紋理+字體+界面組件干貨大集合》
《超贊！上千套華麗麗的點、線、面紋理大集合》
《10大創(chuàng)意教你玩轉(zhuǎn)網(wǎng)站背景設(shè)計》

Orchard Keepers

Postable