導(dǎo)讀：作為一個(gè)網(wǎng)頁設(shè)計(jì)師，還有什么比沒有創(chuàng)意、無法完成或結(jié)束設(shè)計(jì)項(xiàng)目感覺更糟糕的了。那令人沮喪，郁悶，并浪費(fèi)我們的收入。

現(xiàn)在，想象一下，如果有一種神奇的、萬無一失的技術(shù)，使我們在創(chuàng)意上的障礙立刻消失，并馬上使我們充滿創(chuàng)意和動手能力。

這真是太偉大了，不是嗎？哦，太糟了，因?yàn)闆]有這回事。設(shè)計(jì)師的障礙在我們每個(gè)人身上都出現(xiàn)過，而且也沒有什么簡單的方法解決。下面這些事情你可以嘗試一下。

1. 由內(nèi)而外開始

每一個(gè)嚴(yán)肅的網(wǎng)頁設(shè)計(jì)師都會告訴你，用精密的網(wǎng)格開始你的布局，做一些線框，看看文字在那些區(qū)塊和分欄中的擺放位置。然后設(shè)置配色方案和設(shè)計(jì)主題，最后在那些細(xì)節(jié)處下工夫。

換句話說，我們被教導(dǎo)說，從大處開始，一路下來，直到細(xì)節(jié)處。

但我們知道，事情并不總是（或者我應(yīng)該說，從不）這樣子來解決的。一整天都盯著單調(diào)乏味空洞的網(wǎng)格，并不會幫助你前進(jìn)一英寸。相反，那些充滿靈感的網(wǎng)站內(nèi)容會給我們許多好主意，讓我們知道這些主題如何在一家公司網(wǎng)站上實(shí)現(xiàn)的。客戶給我們的唯一的文字內(nèi)容，只是一些從隨處可見的網(wǎng)站上復(fù)制粘貼下來的“以人為本 用心服務(wù) 客戶至上 服務(wù)第一”（原文是Lorem ipsum dolor sit amet，無意義的拉丁語，印刷工人用于展示字體特點(diǎn)）。

為什么不打破所有的規(guī)則，然后由內(nèi)向外呢？設(shè)計(jì)一些小東西，比如一個(gè)表單按鈕或一個(gè)“閱讀更多”的鏈接。不要擔(dān)心顏色；你可以隨時(shí)更改?；蜻x擇一個(gè)從kuler或COLOURlovers拿來的調(diào)色板，做一些看上不錯(cuò)的東西；一些可以讓你一看的、可裝飾網(wǎng)站的東西。

首先嘗試設(shè)計(jì)一個(gè)關(guān)鍵的細(xì)節(jié)，然后接下來的設(shè)計(jì)部分可能隨之而來。

Dribbble，一個(gè)以設(shè)計(jì)項(xiàng)目中的小部件為特色的網(wǎng)站，向我們展示說，通過整體設(shè)計(jì)中的小部件而得到靈感是可能的，甚至我們不用看到整個(gè)布局。你可以把這作為你的工作原則，第一把焦點(diǎn)放在那些小東西上。

2. 解決問題第一

有時(shí)你找不到靈感有些很特殊的原因，你只需回頭看看網(wǎng)站相冊就能找到它。例如，你不能得到靈感是因?yàn)槟愕目蛻魶]有提供你任何內(nèi)容，你正在清除一些諸如“以人為本 用心服務(wù)”之類的文字?；蛘呖赡芸蛻舻腖OGO相當(dāng)可怕，搞的你在邊上無法設(shè)計(jì)任何好看的東西。

在這種情況下，最好承認(rèn)問題并首先解決它。長時(shí)間內(nèi)，我們都想看到自己作為設(shè)計(jì)超人出現(xiàn)，制作出來的東西都是好的。但是承認(rèn)我們輸出的質(zhì)量取決于我們得到并輸入的質(zhì)量并沒有什么錯(cuò)（眾所周知的“如果進(jìn)去的是垃圾，出來的還是垃圾”原則）

你該怎么設(shè)計(jì)一個(gè)網(wǎng)站，圍繞著這個(gè)LOGO？

如果內(nèi)容質(zhì)量較差或根本不存在，要求你的客戶雇傭網(wǎng)絡(luò)復(fù)制作家（web copy writers）。如果他們現(xiàn)有的LOGO看起來很可怕，提醒他們注意一點(diǎn)，如果你能提供專業(yè)的LOGO/商標(biāo)設(shè)計(jì)服務(wù)，還可提供額外的加價(jià)服務(wù)。

如果你不首先解決真正的問題，你就會冒著生成次品的風(fēng)險(xiǎn)，而且整個(gè)過程會非常令人沮喪。

3. 代碼第一，設(shè)計(jì)其次

在設(shè)計(jì)一個(gè)網(wǎng)站的復(fù)雜過程中，設(shè)計(jì)通常在代碼之前。像導(dǎo)航菜單或Javascript效果經(jīng)常是在設(shè)計(jì)完成之后的事。但如果你在第一件事上（設(shè)計(jì)）卡住了，剛好可以適時(shí)的改變這一慣例，即使是你在遭遇設(shè)計(jì)障礙的時(shí)候。

顛倒順序，從代碼開始，然后為代碼而設(shè)計(jì)，這可能不合常規(guī)。但是有條論據(jù)，這種方式能保證形式合乎功能，本來功能在可用性網(wǎng)站設(shè)計(jì)中就占據(jù)首位。

像解決一個(gè)迷宮，當(dāng)你從結(jié)果開始時(shí)，設(shè)計(jì)有時(shí)會更簡單。

有些實(shí)際的事情你可以做的是：

    在瀏覽器中設(shè)計(jì)，到下一步時(shí)才打開Photoshop。

    寫jQuery腳本，你知道你會用到的那些，或那些腳本會成設(shè)計(jì)的主要吸引力所在，如幻燈片。

    編寫“付款”表單代碼（不要擔(dān)心樣式），注重在用戶流程、信息架構(gòu)、錯(cuò)誤驗(yàn)證等等上面。

    開發(fā)自定義的WordPress主題，從模板頁開始（archives.php，author.php等等）

4. 從設(shè)計(jì)元素開始

一個(gè)獲得靈感最常見的方法是，簡單找一些酷的東西放到你的設(shè)計(jì)中。很多設(shè)計(jì)都是開始于設(shè)計(jì)師找到一個(gè)漂亮的新字體、一張?zhí)厥獾募y理圖案、一組有趣的圖標(biāo)，或一項(xiàng)他們很想用的新的設(shè)計(jì)技術(shù)。

同樣，這可能聽起來不和直覺，“正確”的方法是為你的項(xiàng)目找到適合的設(shè)計(jì)元素，而不是周圍其他方法。

字體選擇會對你的設(shè)計(jì)有很大的影響，也是一個(gè)靈感的大來源。

但事實(shí)是，我們通常在工作中只有一定的自由。我們不應(yīng)該害怕跟隨我們的直覺和創(chuàng)意走。一些最好和最原創(chuàng)的設(shè)計(jì)都發(fā)生在創(chuàng)作者不害怕跟隨他自己的靈感的時(shí)候，不管靈感在何處產(chǎn)生。

因此，組建一個(gè)字體、筆刷、紋理、照片的資料庫，下一次你卡住時(shí)看看它們。這是一種破除設(shè)計(jì)師障礙最有效率的方法。你也可以檢查下我的一個(gè)小項(xiàng)目，設(shè)計(jì)資源搜索引擎，它可以讓你搜索到150個(gè)設(shè)計(jì)資源網(wǎng)站（咦，該不是在寫軟文吧）。

5.在盒子外面思考（直譯）（原文如此，think outside the box，literally）

大多數(shù)創(chuàng)作/創(chuàng)意指南都會告訴你，當(dāng)你遇到障礙時(shí)，你應(yīng)該去Flickr看看落日和小熊貓的照片，或去散散步。雖然我最愛和小熊貓手牽著手在落日下散步，但我發(fā)現(xiàn)這是個(gè)困難的方法，對我的創(chuàng)作沒有多少幫助。

相反，這里有些可靠的方法可以看看：盒子。

包裝設(shè)計(jì)是靈感的一大來源。包裝已經(jīng)存在了幾個(gè)世紀(jì)，不管是藝術(shù)和科學(xué)的包裝都是未來幾年的網(wǎng)頁設(shè)計(jì)。任何谷物紙箱都要同另外50個(gè)包裝競爭，吸引商店主的注意，所以你知道不管多么小的細(xì)節(jié)，沒有哪個(gè)是憑運(yùn)氣來的。

像Dieline的博客就有大量的包裝例子。

所以，到你本地的超市走走，或者去看看這些優(yōu)秀的網(wǎng)站、博客和博客文章。

    The Dieline

    美國包裝博物館

    可愛的包裝

    包裝世界

    包裝設(shè)計(jì)（Creattica）

    漂亮的富有表現(xiàn)力的包裝設(shè)計(jì)（Smashing Magazine）

    50個(gè)漂亮的令人印象深刻的包裝設(shè)計(jì)（Webdesigner Depot）

    包裝設(shè)計(jì)靈感（Dzine Blog）

6. 復(fù)制（但不要偷竊）

現(xiàn)在在你開始給你的律師之前，讓我說清楚這點(diǎn)：我根本不是在提倡抄襲。這里的關(guān)鍵在于理解你要復(fù)制的東西。單純復(fù)制是不夠的；如果你想成功，你要分析原件之所以成立的小細(xì)節(jié)。

 不要復(fù)制粘貼，放大到像素級學(xué)習(xí)是最好的。

比方說，你想要復(fù)制一個(gè)閃亮的、“web 2.0”的按鈕（雖然我不建議加入這種已經(jīng)成千上萬的東西）。給頁面截圖，導(dǎo)入到Photoshop中，然后畫一個(gè)空白的矩形，嘗試近似的漸變、發(fā)光和陰影，直到你得到一樣的外觀。實(shí)驗(yàn)這些參數(shù)，當(dāng)你的新按鈕一點(diǎn)也不像原來的那個(gè)時(shí)，就有了原創(chuàng)的外觀和感覺。重建形成事物外觀的規(guī)則，而不是關(guān)心事物本身。鉆研技術(shù)，你可以從你的同事那兒學(xué)習(xí)，可能甚至?xí)仍瓉淼母谩?/p>

7. 切換到另一個(gè)項(xiàng)目

有時(shí)，不管你在某事上如何努力工作，就是不順利。這就是你應(yīng)該休息一下、再開始其他事情的時(shí)間了。

這就是結(jié)構(gòu)性拖延的精髓了：用“不想做”這種感覺為動力，做其他事情。有時(shí)，完成第二件事可以推動你，甚至刺激你做原來的任務(wù)！

8. 做一些讓你感覺良好的事

我答應(yīng)在這篇文章中不會提到新世紀(jì)和敏感的東西，但我要提醒：你的心情對你的創(chuàng)作有很重大的影響。

陽光明媚的白色沙灘。。。還有更多的陳詞濫調(diào)嗎？我相信你能找到比這更漂亮的照片。

如果你心情不好，去打球、做飯、看功夫電影——任何讓你快樂的事。這里的風(fēng)險(xiǎn)是，你可能更加心煩意亂，而不是集中注意力，所以我把這作為最后一個(gè)建議。

9. 得到反饋

這條建議并不真正適合那種你在一個(gè)空白舞臺上扮演主角的情況。但如果你發(fā)現(xiàn)你在設(shè)計(jì)過程后期遭遇障礙，問問其他人，他們對設(shè)計(jì)的當(dāng)前狀態(tài)有何想法。不管他們說什么，總會幫助你向前進(jìn)。

如果他們喜歡它，把這正面的反饋當(dāng)作動力，并作為一個(gè)你走在正確道路上的標(biāo)志。

如果他們不喜歡，問他們?yōu)槭裁?。歡迎批評，并用它提高你的工作。有時(shí)只花上10分鐘解決關(guān)鍵細(xì)節(jié)足夠創(chuàng)造出一個(gè)完全不同的印象，并改變某人對設(shè)計(jì)的想法。

10. 重新開始

設(shè)計(jì)師最大的一個(gè)缺陷是，有時(shí)我們在涉及到我們的設(shè)計(jì)時(shí)，會變得太重視和激動。

有時(shí)重新出發(fā)，在幾分鐘內(nèi)感到完全自由是你擺脫障礙所需要的，你會發(fā)現(xiàn)你甚至能使用部分或全部你已完成的工作，不管它是在這個(gè)或下一個(gè)項(xiàng)目中。所以不要害怕按下Ctrl+N（或Command+N）重新開始。如果新的設(shè)計(jì)也無法前進(jìn)你還可以回到你原來的——那你有什么損失呢？