web規(guī)劃師最重要的無(wú)非就是創(chuàng)意，沒(méi)有了創(chuàng)意作品就沒(méi)有了任何含義，那么多的作品，創(chuàng)意來(lái)自那里？作為一個(gè)規(guī)劃師來(lái)說(shuō)也不是很簡(jiǎn)略的作業(yè)！

1. 由內(nèi)而外開(kāi)端

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

換句話說(shuō)，咱們被教導(dǎo)說(shuō)，從大處開(kāi)端，一路下來(lái)，直到細(xì)節(jié)處。

但咱們知道，作業(yè)并不總是（或許我應(yīng)該說(shuō)，從不）這樣子來(lái)處理的。一整天都盯著單調(diào)乏味空泛的網(wǎng)格，并不會(huì)幫助你行進(jìn)一英寸。相反，那些充滿創(chuàng)意的網(wǎng)站內(nèi)容會(huì)給咱們?cè)S多好主意，讓咱們知道這些主題如安在一家公司網(wǎng)站上實(shí)現(xiàn)的�？蛻艚o咱們的唯一的文字內(nèi)容，只是一些從隨處可見(jiàn)的網(wǎng)站上仿制粘貼下來(lái)的“以人為本 用心服務(wù) 客戶至上 服務(wù)榜首”（原文是Lorem ipsum dolor sit amet，無(wú)含義的拉丁語(yǔ)，印刷工人用于展現(xiàn)字體特點(diǎn)）。

為什么不打破一切的規(guī)矩，然后由內(nèi)向外呢？規(guī)劃一些小東西，比方一個(gè)表單按鈕或一個(gè)“閱覽更多”的鏈接。不要憂慮色彩；你能夠隨時(shí)更改�；蛱暨x一個(gè)從kuler或COLOURlovers拿來(lái)的調(diào)色板，做一些看上不錯(cuò)的東西；一些能夠讓你一看的、可裝飾網(wǎng)站的東西。

首先測(cè)驗(yàn)規(guī)劃一個(gè)要害的細(xì)節(jié)，然后接下來(lái)的規(guī)劃部分或許隨之而來(lái)。

Dribbble，一個(gè)以規(guī)劃項(xiàng)目中的小部件為特征的網(wǎng)站，向咱們展現(xiàn)說(shuō)，經(jīng)過(guò)全體規(guī)劃中的小部件而得到創(chuàng)意是或許的，乃至咱們不必看到整個(gè)布局。你能夠把這作為你的作業(yè)準(zhǔn)則，榜首把焦點(diǎn)放在那些小東西上。

2. 處理問(wèn)題榜首

有時(shí)你找不到創(chuàng)意有些很特別的原因，你只需回頭看看網(wǎng)站相冊(cè)就能找到它。例如，你不能得到創(chuàng)意是因?yàn)槟愕目蛻魶](méi)有供給你任何內(nèi)容，你正在清除一些比如“以人為本 用心服務(wù)”之類(lèi)的文字�；蛟S或許客戶的LOGO相當(dāng)可怕，搞的你在邊上無(wú)法規(guī)劃任何好看的東西。

在這種狀況下，最好承認(rèn)問(wèn)題并首先處理它。長(zhǎng)時(shí)間內(nèi)，咱們都想看到自己作為規(guī)劃超人出現(xiàn)，制作出來(lái)的東西都是好的�？墒浅姓J(rèn)咱們輸出的質(zhì)量取決于咱們得到并輸入的質(zhì)量并沒(méi)有什么錯(cuò)（眾所周知的“假如進(jìn)去的是垃圾，出來(lái)的仍是垃圾”準(zhǔn)則）。

你該怎樣規(guī)劃一個(gè)網(wǎng)站，圍繞著這個(gè)LOGO？

假如內(nèi)容質(zhì)量較差或根本不存在，要求你的客戶雇傭網(wǎng)絡(luò)仿制作家（web copy writers）。假如他們現(xiàn)有的LOGO看起來(lái)很可怕，提示他們注意一點(diǎn)，假如你能供給專(zhuān)業(yè)的LOGO/商標(biāo)規(guī)劃服務(wù)，還可供給額定的加價(jià)服務(wù)。

假如你不首先處理真實(shí)的問(wèn)題，你就會(huì)冒著生成次品的危險(xiǎn)，并且整個(gè)進(jìn)程會(huì)非常令人懊喪。

3. 代碼榜首，規(guī)劃其次

在規(guī)劃一個(gè)網(wǎng)站的復(fù)雜進(jìn)程中，規(guī)劃通常在代碼之前。像導(dǎo)航菜單或Javascript效果經(jīng)常是在規(guī)劃完結(jié)之后的事。但假如你在榜首件事上（規(guī)劃）卡住了，剛好能夠當(dāng)令的改動(dòng)這一慣例，即使是你在遭受規(guī)劃妨礙的時(shí)分。

顛倒次序，從代碼開(kāi)端，然后為代碼而規(guī)劃，這或許不合慣例�？墒怯袟l論據(jù)，這種方式能確保方式符合功用，本來(lái)功用在可用性網(wǎng)站規(guī)劃中就占有首位。

像處理一個(gè)迷宮，當(dāng)你從結(jié)果開(kāi)端時(shí)，規(guī)劃有時(shí)會(huì)更簡(jiǎn)略。

有些實(shí)踐的作業(yè)你能夠做的是：

◆在瀏覽器中規(guī)劃，到下一步時(shí)才打開(kāi)Photoshop。

◆寫(xiě)jQuery腳本，你知道你會(huì)用到的那些，或那些腳本會(huì)成規(guī)劃的首要招引力所在，如幻燈片。

◆編寫(xiě)“付款”表單代碼（不要憂慮款式），重視在用戶流程、信息架構(gòu)、錯(cuò)誤驗(yàn)證等等上面。

◆開(kāi)發(fā)自定義的WordPress主題，從模板頁(yè)開(kāi)端（archives.php，author.php等等）

4. 從規(guī)劃元素開(kāi)端

一個(gè)取得創(chuàng)意最常見(jiàn)的辦法是，簡(jiǎn)略找一些酷的東西放到你的規(guī)劃中。許多規(guī)劃都是開(kāi)端于規(guī)劃師找到一個(gè)美麗的新字體、一張?zhí)貏e的紋路圖案、一組風(fēng)趣的圖標(biāo)，或一項(xiàng)他們很想用的新的規(guī)劃技能。

同樣，這或許聽(tīng)起來(lái)欠好直覺(jué)，“正確”的辦法是為你的項(xiàng)目找到合適的規(guī)劃元素，而不是周?chē)�其他辦法。字體挑選會(huì)對(duì)你的規(guī)劃有很大的影響，也是一個(gè)創(chuàng)意的大來(lái)歷。

但事實(shí)是，咱們通常在作業(yè)中只要必定的自由。咱們不應(yīng)該懼怕跟從咱們的直覺(jué)和創(chuàng)意走。一些最好和最原創(chuàng)的規(guī)劃都發(fā)生在創(chuàng)造者不懼怕跟從他自己的創(chuàng)意的時(shí)分，不論創(chuàng)意在何處產(chǎn)生。

因而，組成一個(gè)字體、筆刷、紋路、相片的資料庫(kù)，下一次你卡住時(shí)看看它們。這是一種破除規(guī)劃師妨礙最有功率的辦法。你也能夠查看下我的一個(gè)小項(xiàng)目，規(guī)劃資源查找引擎，它能夠讓你查找到150個(gè)規(guī)劃資源網(wǎng)站。

5.在盒子外面思考（think outside the box，literally）

大多數(shù)創(chuàng)造/創(chuàng)意攻略都會(huì)告訴你，當(dāng)你遇到妨礙時(shí)，你應(yīng)該去Flickr看看落日和小熊貓的相片，或去散散步。雖然我獨(dú)愛(ài)和小熊貓手牽著手在落日下散步，但我發(fā)現(xiàn)這是個(gè)困難的辦法，對(duì)我的創(chuàng)造沒(méi)有多少幫助。

相反，這兒有些可靠的辦法能夠看看：盒子。

包裝規(guī)劃是創(chuàng)意的一大來(lái)歷。包裝現(xiàn)已存在了幾個(gè)世紀(jì)，不論是藝術(shù)和科學(xué)的包裝都是未來(lái)幾年的網(wǎng)頁(yè)規(guī)劃。任何谷物紙箱都要同別的50個(gè)包裝競(jìng)爭(zhēng)，招引商店主的注意，所以你知道不論多么小的細(xì)節(jié)，沒(méi)有哪個(gè)是憑運(yùn)氣來(lái)的。

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

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

6. 仿制（但不要偷竊）

現(xiàn)在在你開(kāi)端給你的律師之前，讓我說(shuō)清楚這點(diǎn)：我根本不是在提倡抄襲。這兒的要害在于了解你要仿制的東西。單純仿制是不行的；假如你想成功，你要分析原件之所以成立的小細(xì)節(jié)。

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

比方說(shuō)，你想要仿制一個(gè)閃亮的、“web 2.0”的按鈕（雖然我不主張參加這種現(xiàn)已不計(jì)其數(shù)的東西）。給頁(yè)面截圖，導(dǎo)入到Photoshop中，然后畫(huà)一個(gè)空白的矩形，測(cè)驗(yàn)近似的突變、發(fā)光和暗影，直到你得到相同的外觀。試驗(yàn)這些參數(shù)，當(dāng)你的新按鈕一點(diǎn)也不像本來(lái)的那個(gè)時(shí)，就有了原創(chuàng)的外觀和感覺(jué)。重建構(gòu)成事物外觀的規(guī)矩，而不是關(guān)懷事物自身。鉆研技能，你能夠從你的同事那兒學(xué)習(xí)，或許乃至?xí)�比本�?lái)的更好。

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

有時(shí)，不論你在某事上怎么努力作業(yè)，就是不順利。這就是你應(yīng)該休息一下、再開(kāi)端其他作業(yè)的時(shí)間了。

這就是結(jié)構(gòu)性延遲的精髓了：用“不想做”這種感覺(jué)為動(dòng)力，做其他作業(yè)。有時(shí)，完結(jié)第二件事能夠推進(jìn)你，乃至影響你做本來(lái)的使命！

8. 做一些讓你感覺(jué)良好的事

我容許在這篇文章中不會(huì)說(shuō)到新世紀(jì)和敏感的東西，但我要提示：你的心情對(duì)你的創(chuàng)造有很重大的影響。

陽(yáng)光明媚的白色沙灘...還有更多的老生常談嗎？我相信你能找到比這更美麗的相片。

假如你心情欠好，去打球、做飯、看功夫電影——任何讓你高興的事。這兒的危險(xiǎn)是，你或許愈加心慌意亂，而不是集中注意力，所以我把這作為最終一個(gè)主張。

9. 得到反應(yīng)

這條主張并不真實(shí)合適那種你在一個(gè)空白舞臺(tái)上扮演主角的狀況。但假如你發(fā)現(xiàn)你在規(guī)劃進(jìn)程后期遭受妨礙，問(wèn)問(wèn)其他人，他們對(duì)規(guī)劃的當(dāng)前狀態(tài)有何主意。不論他們說(shuō)什么，總會(huì)幫助你向行進(jìn)。

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

假如他們不喜歡，問(wèn)他們?yōu)槭裁�。歡迎批評(píng)，并用它進(jìn)步你的作業(yè)。有時(shí)只花上10分鐘處理要害細(xì)節(jié)足夠創(chuàng)造出一個(gè)徹底不同的形象，并改動(dòng)或人對(duì)規(guī)劃的主意。

10. 從頭開(kāi)端

規(guī)劃師最大的一個(gè)缺點(diǎn)是，有時(shí)咱們?cè)谏婕暗皆蹅兊囊?guī)劃時(shí)，會(huì)變得太重視和激動(dòng)。

有時(shí)從頭出發(fā)，在幾分鐘內(nèi)感到徹底自由是你脫節(jié)妨礙所需求的，你會(huì)發(fā)現(xiàn)你乃至能使用部分或全部你已完結(jié)的作業(yè)，不論它是在這個(gè)或下一個(gè)項(xiàng)目中。所以不要懼怕按下Ctrl+N（或Command+N）從頭開(kāi)端。假如新的規(guī)劃也無(wú)法行進(jìn)你還能夠回到你本來(lái)的——那你有什么損失呢？