9.29日(rì)音(yīn)訊,網頁設計(jì)師(shī)如(¥♦rú)何覓蹤靈感。作(zuò)為(wèi)一(yī)網頁設計★∏×>(jì)師(shī)，最主要(yào)的(de)®工(gōng)作(zuò)莫于設計(jì)了(le)↕'，但(dàn)設計(jì)是(shì)需要(yào)有αφ(yǒu)創意在裡(lǐ)面，沒有(yǒεσu)了(le)創意作(zuò)品就(jiù)沒有(yǒu)了(↓↓€αle)任何意義，那(nà)麽多(duō)的•∑>(de)作(zuò)品，靈感來(lái)自(zì)那(nà)裡(lǐ)✔α？作(zuò)為(wèi)一(yī)個(gè)設計(jì)師(shī)$≠•來(lái)說(shuō)也(yě)不(bù)是(shì)很(hěσ¶✔÷n)容易的(de)事(shì)情！
1.由內(nèi)而外(wài)開♥ (kāi)始
每一(yī)個(gè)嚴肅的(de)網頁設計(jì)ελ₹師(shī)都(dōu)會(huì)告訴你(nǐ)，用(yòng)精密的(d¶≤§e)網格開(kāi)始你(nǐ)的(de)布局，做(zuò)一$₹(yī)些(xiē)線框，看(kàn)看"(kàn)文(wén)字在那(nà)些(xiē)區(qū)'✔>塊和(hé)分(fēn)欄中的(de)擺放(fàng)位置。然後設置配色× ®方案和(hé)設計(jì)主題，最後在那(nà)些(xiē)細∏σ節處下(xià)工(gōng)夫。
換句話(huà)說(shuō)，我們被教導說(shuō)，☆&£從(cóng)大(dà)處開(kāi)始，一(yī)路$↔≥•(lù)下(xià)來(lái)，直到(dào∞'♥♣)細節處。
但(dàn)我們知(zhī)道(dào)，事(shì)情并不(bù)總£₹≠β是(shì)（或者我應該說(shuō)，從(cóng)不(bù)）這(zhè)×"☆樣子(zǐ)來(lái)解決的(de)。一(σ α✔yī)整天都(dōu)盯著(zhe)單調乏★↓味空(kōng)洞的(de)網格，并不(bù)會(huì)幫助你(n₽¥ǐ)前進一(yī)英寸。相(xiàng)反，那(nà)些(xiē)充滿靈感↑★§的(de)網站(zhàn)內(nèi)容會(®↔®huì)給我們許多(duō)好(hǎo)主意，讓我們知(zhī)道> (dào)這(zhè)些(xiē)主題如♠≠(rú)何在一(yī)家(jiā)公司網站(zhàn)上(shàng•€←)實現(xiàn)的(de)。為(wèi)什(shén)麽不(bù)打破所★☆有(yǒu)的(de)規則，然後由內(n♦¥èi)向外(wài)呢(ne)？設計(jì)一(yī)些(xiē)小(xiǎoΩ)東(dōng)西(xī)，比如(rú)一(yī§☆)個(gè)表單按鈕或一(yī)個(gèα∞×)“閱讀(dú)更多(duō)”的(de)鏈接。&±β 不(bù)要(yào)擔心顔色；你(nǐ)可(kě)以随時(shí)更☆↕€<改。
首先嘗試設計(jì)一(yī)個(gè)關鍵的(de)細節，然後接下(α®xià)來(lái)的(de)設計(jì)部分(fēn€)可(kě)能(néng)随之而來(lái)。
Dribbble，一(yī)個(gè)以設計( ₩€¥jì)項目中的(de)小(xiǎo)部件(jiàn)為(Ω↑>wèi)特色的(de)網站(zhàn)，向我們展示說(s>☆∏huō)，通(tōng)過整體(tǐ)設計(jì)中的(de)← ¶小(xiǎo)部件(jiàn)而得(de)到(dào)靈感是(shì)可(kě≈ )能(néng)的(de)，甚至我們不(bù)用(yòng)看(k★♠∏àn)到(dào)整個(gè)布局。你(nǐ)可♠≤(kě)以把這(zhè)作(zuò)為(wèi)你$★(nǐ)的(de)工(gōng)作(zuò)原則，第一(≥φyī)把焦點放(fàng)在那(nà)些(xiē)小(xiǎo)東↓∏ λ(dōng)西(xī)上(shàng)。
2.解決問(wèn)題第一(yī)
有(yǒu)時(shí)你(nǐ)找不(bù)到♦↕•δ(dào)靈感有(yǒu)些(xiē)很§↓Ω≠(hěn)特殊的(de)原因，你(nǐ)隻需回頭看(kàn)看(kàn)網站φ (zhàn)相(xiàng)冊就(jiù)能(néng)↓₩ 找到(dào)它。例如(rú)，你(nǐ)不(bù)能(néng)得(d'↕e)到(dào)靈感是(shì)因為(wèi)你(n Ωǐ)的(de)客戶沒有(yǒu)提供你(nǐ)任何內(nèi)容π₩©，你(nǐ)正在清除一(yī)些(xiē)諸如• €(rú)“以人(rén)為(wèi)本用(yòn₽εg)心服務”之類的(de)文(wén)字。或者可(kě)能>☆↓(néng)客戶的(de)LOGO相(xiàn•↔™g)當可(kě)怕，搞的(de)你(nǐ)在∑∞☆邊上(shàng)無法設計(jì)任何好÷λ"≥(hǎo)看(kàn)的(de)東(dōng©σ)西(xī)。
在這(zhè)種情況下(xià)，最好(hǎo)¶•承認問(wèn)題并首先解決它。長(chángσ")時(shí)間(jiān)內(nèi)，我們都(dōu↑₩↑')想看(kàn)到(dào)自(zì)己作(zuò)為(φ↔wèi)設計(jì)超人(rén)出現(xiàn)，制(z☆ hì)作(zuò)出來(lái)的(de)東(dōng)西££(xī)都(dōu)是(shì)好(hǎo)的($♠®de)。但(dàn)是(shì)承認我們輸出的(de)質量取決于我們得€&≠♥(de)到(dào)并輸入的(de)質量并沒有(yǒu)什(shén)麽錯(≤§ ₹cuò)（衆所周知(zhī)的(de)“如(rβ←®$ú)果進去(qù)的(de)是(shì)垃圾，出來(l€±πái)的(de)還(hái)是(shì)垃圾”原則）。
你(nǐ)該怎麽設計(jì)一(yī)個(gè)網站(zhàΩ×n)，圍繞著(zhe)這(zhè)個(gè)LOGO？
如(rú)果內(nèi)容質量較差或根本不(bù)存在，要(yà↕Ωo)求你(nǐ)的(de)客戶雇傭網絡複制(zhì₽¥)作(zuò)家(jiā)（webcopywriters）。如(rα'εú)果他(tā)們現(xiàn)有(yǒ< ↓δu)的(de)LOGO看(kàn)起來(lá★®i)很(hěn)可(kě)怕，提醒他(tā)們注意一(yī)點，如(r£≥'ú)果你(nǐ)能(néng)提供專業(yè)的(de)LOGO/商标"€α¥設計(jì)服務，還(hái)可(kě)提供額外(wài)的(de)加價¶♥±≈服務。
如(rú)果你(nǐ)不(bù)首先解決真正的(de)問(wèn)題，你≠→•↓(nǐ)就(jiù)會(huì)冒著(zhe)生(shēng)成次品的↔☆(de)風(fēng)險，而且整個(gè)過程α÷≠∏會(huì)非常令人(rén)沮喪。
3.代碼第一(yī)，設計(jì)其次
在設計(jì)一(yī)個(gè)網站(zhàn)的(de)複雜(zá¥∞σ)過程中，設計(jì)通(tōng)常在代碼之前。₹± 像導航菜單或Javascript效果經常是(s ₽hì)在設計(jì)完成之後的(de)事(shì)。但→•(dàn)如(rú)果你(nǐ)在第一(yī)件(jδ&™☆iàn)事(shì)上(shàng)（設計(jì)）卡住了(le)，剛好(♦✘€hǎo)可(kě)以适時(shí)的(de↑≤☆)改變這(zhè)一(yī)慣例，即使是(shì)你✔ (nǐ)在遭遇設計(jì)障礙的(de)時(shí)候。
颠倒順序，從(cóng)代碼開(kāi)始✘πα，然後為(wèi)代碼而設計(jì)，這(zhè)可(kě)能(néng)不(®bù)合常規。但(dàn)是(shì)有(yǒu)條論據，這(zhè)種方式能& (néng)保證形式合乎功能(néng)，本來(lái)功能(néng)₽✘±在可(kě)用(yòng)性網站(zhàn)設計(jì)中就(jiù)≥✘©占據首位。
像解決一(yī)個(gè)迷宮，當你(nǐ)從(cóng€'♠$)結果開(kāi)始時(shí)，設計(jì)有(yǒu≥≠ ®)時(shí)會(huì)更簡單。
有(yǒu)些(xiē)實際的(de)事(•αε>shì)情你(nǐ)可(kě)以做(zuò)→$©的(de)是(shì)：
◆在浏覽器(qì)中設計(jì)，到(dào)下(xià)一(yī)步時ε÷₽↕(shí)才打開(kāi)Photoshop。
◆寫jQuery腳本，你(nǐ)知(zhī)道(dào)你(nǐ)™ ®會(huì)用(yòng)到(dào)的(de)♣≥那(nà)些(xiē)，或那(nà)些(xiē)腳本會β← (huì)成設計(jì)的(de)主要(y≥∏↔εào)吸引力所在，如(rú)幻燈片。
◆編寫“付款”表單代碼（不(bù)要(yào)擔♣₩ '心樣式），注重在用(yòng)戶流程、信息架構、錯(cuò)誤驗證等等上(s↓≠®hàng)面。
◆開(kāi)發自(zì)定義的(de)WordPresγ©s主題，從(cóng)模闆頁開(kāi)始。
4.從(cóng)設計(jì)元素開←'←(kāi)始
一(yī)個(gè)獲得(de)靈感最≈ε★常見(jiàn)的(de)方法是(shì)，簡單找一✘γ(yī)些(xiē)酷的(de)東(dōng)西(xī)放(fàng)到(dΩβ¶φào)你(nǐ)的(de)設計(jì)中。在網站(zhàn)建設中很(hě ↑n)多(duō)設計(jì)都(dōu)是(shì)開(kāi)始于設計(£☆<☆jì)師(shī)找到(dào)一(yī)個(gè)✔≈•漂亮(liàng)的(de)新字體(tǐ)、一¥★πσ(yī)張特殊的(de)紋理(lǐ)圖案、一(yī)組有(yǒu)趣<<的(de)圖标，或一(yī)項他(tā)們很(hěn)想₹✔ε用(yòng)的(de)新的(de)設計(jì)技(jì)♠π術(shù)。
同樣，這(zhè)可(kě)能(néng)聽(t×β'īng)起來(lái)不(bù)和(hé)直覺，“正确&r÷Ω∑dquo;的(de)方法是(shì)為(wèi)你(nǐ)的(de)₹∑δ項目找到(dào)适合的(de)設計(jσ¥<ì)元素，而不(bù)是(shì)周圍其他( ←×tā)方法。字體(tǐ)選擇會(huì)對(duì)你(nǐ)的(de)設計( ÷jì)有(yǒu)很(hěn)大(dà)的(de)影"λ(yǐng)響，也(yě)是(shì)一(yī)個(gè)靈感的(de)↑φ大(dà)來(lái)源。
但(dàn)事(shì)實是(shì)，÷÷我們通(tōng)常在工(gōng)作(zuò)中 π隻有(yǒu)一(yī)定的(de)自(zì♣ ∏λ)由。我們不(bù)應該害怕跟随我們的(d§φe)直覺和(hé)創意走。一(yī)些(xiē)最好(hǎo)和(hé← ₹ )最原創的(de)設計(jì)都(dōu)發'λ生(shēng)在創作(zuò)者不(bù)害怕跟随他(tā)自(zì)己的(✔♦€✔de)靈感的(de)時(shí)候，不(bù)管靈感在何處産生(shēngδ$₩)。
因此，組建一(yī)個(gè)字體(tǐ≈≈§>)、筆(bǐ)刷、紋理(lǐ)、照(zhào)片的 ↓(de)資料庫，下(xià)一(yī)次你(nǐ)卡住時(" ∞shí)看(kàn)看(kàn)它們。這 •(zhè)是(shì)一(yī)種破除設計(jì)師(shī)障礙最<¶有(yǒu)效率的(de)方法。你(nǐ) 也(yě)可(kě)以檢查下(xià)我的(de)一(yī)個(gè)小(x ₩iǎo)項目，設計(jì)資源搜索引擎，它可(kě)以讓你(β↑↓βnǐ)搜索到(dào)150個(gè)設計(jì)資源網站(zhàn)。
5.在盒子(zǐ)外(wài)面思考>Ω
包裝設計(jì)是(shì)靈感的(de)一(yī)大( ≈dà)來(lái)源。包裝已經存在了(le)幾個(gè)世紀，不(bù)管是$σ(shì)藝術(shù)和(hé)科(kē)學的(§↓☆de)包裝都(dōu)是(shì)未來(lái±₽♣λ)幾年(nián)的(de)網頁設計(jì)。任何谷物& (wù)紙(zhǐ)箱都(dōu)要(yào)同另外(wài)50個(gè)€∑✘包裝競争，吸引商店(diàn)主的(de)注意，所以§®你(nǐ)知(zhī)道(dào)不(bù)管多(duō)麽小(xi÷Ωǎo)的(de)細節，沒有(yǒu)哪個(gè)是(shì)憑運氣來(l™←ái)的(de)。
所以，到(dào)你(nǐ)本地(dì)的(de)超市(shì)走走，₩ π≠或者去(qù)看(kàn)看(kàn)這(zhè)些(xiē)優秀的(de÷™)網站(zhàn)、博客和(hé)博客文(wén)φ∞"章(zhāng)。
6.複制(zhì)
現(xiàn)在在你(nǐ)開(kāi)始給你(nǐ)的≈'₹(de)律師(shī)之前，讓我說(sh↑α☆∏uō)清楚這(zhè)點：我根本不(bù)是(shì)在提倡抄襲。這(z↓δ↑"hè)裡(lǐ)的(de)關鍵在于理(lǐ)解你(nǐ≥©)要(yào)複制(zhì)的(de)東γ<(dōng)西(xī)。單純複制(zhì)是(shì)不(bù)夠的(d±★e)；如(rú)果你(nǐ)想成功，你(nǐ)要(yào)分(fēn)析∏↔∏原件(jiàn)之所以成立的(de)小(xiǎΩ≈£o)細節。
7.切換到(dào)另一(yī)個(gè)項目
有(yǒu)時(shí)，不(bù)管你(nǐ)在某事(shì)上(s↑×↑☆hàng)如(rú)何努力工(gōng)作(zu↕αβò)，就(jiù)是(shì)不(bù)順₽÷¥利。這(zhè)就(jiù)是(shì)你(nǐ)應該★ 休息一(yī)下(xià)、再開(kāi)始其他(tā)事(shì)情& 的(de)時(shí)間(jiān)了(∏δle)。
這(zhè)就(jiù)是(shì)結構性拖延的(de)精髓了(le&£)：用(yòng)“不(bù)想做(zu¥©ò)”這(zhè)種感覺為(wèi)動力，做(zu© ò)其他(tā)事(shì)情。有(yǒu)時(shí)✔✔，完成第二件(jiàn)事(shì)可(kě)以推動你(nǐ)，δ₽甚至刺激你(nǐ)做(zuò)原來(lái)的(de)任務！¶£
8.做(zuò)一(yī)些(xiē)讓你(nǐ)感覺良好(hǎo)的(σ↕₩±de)事(shì)
我答(dá)應在這(zhè)篇文(wén)章(π≤zhāng)中不(bù)會(huì)提到(dào)新世紀和(hé)§¥® 敏感的(de)東(dōng)西(xī)，但(dàn)我要(yào)提醒π♣：你(nǐ)的(de)心情對(duì)你(nǐ)的(d§£e)創作(zuò)有(yǒu)很(hěn)重大(dà)的σ€αβ(de)影(yǐng)響。
陽光(guāng)明(míng)媚的(de)白(bái)色沙€ ↓灘...還(hái)有(yǒu)更多(duō)的(de)陳詞濫調嗎→δ(ma)？我相(xiàng)信你(nǐ)能(néng)找到(dào)比$¥這(zhè)更漂亮(liàng)的(de)照(♣₽zhào)片。
如(rú)果你(nǐ)心情不(bù)好&←σ(hǎo)，去(qù)打球、做(zuò)飯、看(kàn)功夫>→電(diàn)影(yǐng)——任何∏©讓你(nǐ)快(kuài)樂(yuè)的(de)事(shìσ)。這(zhè)裡(lǐ)的(de)風(f∞↓₩ēng)險是(shì)，你(nǐ)可(kě ↕)能(néng)更加心煩意亂，而不(bù)是(shì)集中注意力，所以≈♦我把這(zhè)作(zuò)為(wèi)最後一(yī)個±£(gè)建議(yì)。
9.得(de)到(dào)反饋
這(zhè)條建議(yì)并不(bù)真正适合那(±®↓©nà)種你(nǐ)在一(yī)個(gè)α∞空(kōng)白(bái)舞(wǔ)台上(shà™→§$ng)扮演主角的(de)情況。但(dàn)如(rú)果你(nǐ)發現(xαδ≠φiàn)你(nǐ)在設計(jì)過程後期遭遇障礙，問δΩ(wèn)問(wèn)其他(tā)人(rén)，他(tā)們®"§對(duì)設計(jì)的(de)當前狀态有(yǒu)何想法。不(b♠✘®ù)管他(tā)們說(shuō)什(shén)麽，總會(huì)幫✘∑₹助你(nǐ)向前進。
如(rú)果他(tā)們喜歡它，把這(zhè)正面的÷♠>✔(de)反饋當作(zuò)動力，并作(zuò)為(wèi)一(yī)個(g βè)你(nǐ)走在正确道(dào)路(lù)上(shàng)的(d→∑e)标志(zhì)。
如(rú)果他(tā)們不(bù)喜歡，問(wπ∞₹èn)他(tā)們為(wèi)什(shén)₩≠ 麽。歡迎批評，并用(yòng)它提高(gāo)<↔÷σ你(nǐ)的(de)工(gōng)作(zuò↑₹↓)。有(yǒu)時(shí)隻花(huā)上(shàng)10分(π↓ε&fēn)鐘(zhōng)解決關鍵細節足夠創造出一(yī)個(gè)完全不('≠$bù)同的(de)印象，并改變某人(rén)對(du€&©&ì)設計(jì)的(de)想法。
10.重新開(kāi)始
設計(jì)師(shī)最大(dà)的(de)一(yī)個(gè)♦α缺陷是(shì)，有(yǒu)時(shí)我們在涉及到(dào)我們的(dσ±e)設計(jì)時(shí)，會(huì)變得(de)太重視(shì≤δ♥•)和(hé)激動。有(yǒu)時(shí)重新出發，在幾分(fēn)≥♦★鐘(zhōng)內(nèi)感到(dào)完全自(zì)由是(sε♥hì)你(nǐ)擺脫障礙所需要(yào)的(de)，你(✔₩$€nǐ)會(huì)發現(xiàn)你(nǐ)甚至能(nén™£☆∞g)使用(yòng)部分(fēn)或全部你(nǐ)已®♣≈♣完成的(de)工(gōng)作(zuò)，不(bù)管它是(s≤∞hì)在這(zhè)個(gè)或下(xià)一(yī)個(gè)項目§♦↔中。
