有認(rèn)識(shí)地忽視咱們的最后目的，同聲潛心在咱們在何處和咱們真實(shí)須要從何處發(fā)端，這會(huì)給咱們供給最大的精巧性。在互聯(lián)網(wǎng)絡(luò)上最大的題目之一即是本領(lǐng)對計(jì)劃的感化甚重。擺設(shè)的本能確定了那些功效能否能實(shí)行。實(shí)質(zhì)處置體例以至在確定設(shè)計(jì)什么運(yùn)用大概是為誰而設(shè)計(jì)之前就仍舊采用好了。就比如先聲領(lǐng)會(huì)，“咱們想用html5。"人們老是會(huì)關(guān)心本領(lǐng)，這是很天然的。究竟本領(lǐng)具備很大的吸吸力和歡樂?；ヂ?lián)網(wǎng)絡(luò)本領(lǐng)就猶如玩物、東西、那種資料，猶如“一切人”都在運(yùn)用它。咱們看到很酷的demo,，, 而后推敲她們都是用什么本領(lǐng)實(shí)行的，而不是讓題目啟發(fā)咱們找到精確的本領(lǐng)計(jì)劃。咱們忘了那些demo不過出自制作demo的本領(lǐng)職員之手。即使你在一個(gè)從新設(shè)計(jì)的名目里，這才是如實(shí)寰球，你必需得制作不妨起效率的貨色?？犰殴倘缓芎茫A(chǔ)是它能起代用而且處置題目。這邊的關(guān)心點(diǎn)更多放在處置計(jì)劃上而不是題目上。咱們須要姑且形成失望主義者，把提防力放到題目上，熱切地關(guān)心它們，讓它們孵化。對于那些貿(mào)易價(jià)格與互聯(lián)網(wǎng)絡(luò)本領(lǐng)精細(xì)關(guān)系的產(chǎn)物，謎底以至?xí)阢逶〉墓Ψ蛘故尽?/p>

實(shí)質(zhì)清單

這有一種對于實(shí)質(zhì)的推敲辦法不妨扶助設(shè)計(jì)師(和她們的存戶)關(guān)心那些對名目真實(shí)要害的工作。究竟什么才是真實(shí)要害的工作呢?本來不管什么情景下，真實(shí)要害的都是網(wǎng)站大概運(yùn)用步調(diào)的普通實(shí)質(zhì)和普通功效。姑且忽視平臺(tái)和欣賞器，會(huì)合精神推敲產(chǎn)物干什么是如許。咱們把這種辦法叫平臺(tái)和擺設(shè)無干的產(chǎn)物推敲。由于誰人功夫咱們還不須要關(guān)心那些事，咱們?nèi)耘f來想想普通實(shí)質(zhì)和功效點(diǎn)吧! 常常，發(fā)問不妨扶助咱們舉行指摘式的推敲。1.干什么用戶會(huì)在第一功夫運(yùn)用這個(gè)網(wǎng)站?想出好的來由... (沒有壓服本人)，想出更多的來由，而后打磨那些來由，- -定假如如實(shí)的來由。2.即使寰球上只生存一種欣賞器，而且僅扶助html，缺省的款式、一切的功效都由效勞器供給，那么最后你會(huì)供給如何樣的實(shí)質(zhì)和功效?換句話說，用戶會(huì)在這邊看到什么，用到什么？回復(fù)上頭的兩個(gè)題目，咱們把這個(gè)叫作實(shí)質(zhì)清單。由于介入實(shí)質(zhì)清單的每一局部實(shí)質(zhì)和每一個(gè)功效都須要經(jīng)過手段性嘗試，它必需靈驗(yàn)扶助你給出的第-個(gè)題目的謎底。當(dāng)你實(shí)行了(這須要耗費(fèi)少許功夫，然而對于你的名目來說卻是一個(gè)歷程碑), 提防觀賞你給出的截止。它會(huì)對你說: " 我在這邊"。在這一章里，咱們將會(huì)對罕見的web設(shè)計(jì)開發(fā)過程作巧妙(和不巧妙)的變換，使之越發(fā)具備前瞻性。咱們會(huì)看法到怎樣將這種新過程用到一個(gè)小名目中去。這個(gè)名目很小，目的并不攙雜。它的手段不過大概證明怎樣將表面用來試驗(yàn)，而不只僅是動(dòng)作接洽案例。你不妨試驗(yàn)著把那些本領(lǐng)局部或十足效率于你的名目，運(yùn)用那些對你有效的，變換大概停止那些沒用的。我在這個(gè)案例中，和我一律不妨成果到很多貨色。

一個(gè)案例：“3個(gè)小匣子“

咱們正在制作- -個(gè)不妨教開發(fā)者ccss 自符合盒模子構(gòu)造模塊的網(wǎng)站，一個(gè)在多平臺(tái)范圍有很大興盛后勁的比擬新的構(gòu)造模塊。要害是讓證明和例子做到白癡式的大略。由于大普遍ccss屬性不妨經(jīng)過襯托文本和模塊獲得證明，讓咱們稱之為咱們網(wǎng)站的“三小匣子。”最后，咱們大概夸大的課程，囊括其余css模塊。‘三小匣子”，將囊括表面和語法，以及少許熟習(xí)，每一-個(gè)都創(chuàng)造在上述熟習(xí)的觀念上。用戶將不妨編寫代碼在頁面編纂器，會(huì)有場合表露其截止代碼。點(diǎn)擊“ 運(yùn)轉(zhuǎn)"按鈕將運(yùn)轉(zhuǎn)輸出的代碼。每個(gè)熟習(xí)有兩種筆墨實(shí)質(zhì)的典型:表面和功課。表面證明語法和觀念，功課是弟子實(shí)行的熟習(xí)。

讓咱們對實(shí)質(zhì)清單舉行思維風(fēng)暴:

logo

全部導(dǎo)航

引見筆墨（僅在網(wǎng)頁上）

代碼編纂器（僅在課程頁）

截止地區(qū)（僅在課程頁）

進(jìn)度欄（僅在課程頁）

表面文本（僅在課程頁）

熟習(xí)文本（僅在課程頁）

課程導(dǎo)航（僅在課程頁）

登錄情勢（僅在網(wǎng)頁上）

咱們將有兩種典型的頁面

·網(wǎng)頁（引見性筆墨和備案表單）

·課程頁

這么多了。 明顯，這個(gè)網(wǎng)站利害常大略和不完備的， 但它足以動(dòng)作一個(gè)例子。在這邊咱們簡略了很多貨色(部分材料頁、對課程實(shí)行后統(tǒng)計(jì)消息等)。在一個(gè)巨型網(wǎng)站中，實(shí)質(zhì)量大概是宏大的并將大概被拆分為幾個(gè)。但請記取，這不是一個(gè)功效規(guī)格證明書。咱們不用陳列每個(gè)名目實(shí)質(zhì)的每一個(gè)詳細(xì)。咱們把實(shí)質(zhì)拆分紅具備價(jià)格的幾個(gè)獨(dú)力的大匯合。咱們常常會(huì)給每個(gè)項(xiàng)手段實(shí)質(zhì)指使序號或id。由于咱們的例子很大略，咱們常常會(huì)給每個(gè)項(xiàng)手段實(shí)質(zhì)指使序號或id。由于咱們的例子很大略，咱們文本文獻(xiàn)就不妨做到，然而你不妨把它做出你愛好的百般濃艷格式。對于實(shí)質(zhì)清單最棒的是，它歷來沒有作廢過。任何情景都是如許。“存戶不妨號叫任何她們想要的，你不妨把它記下來。咱們不妨充滿快地創(chuàng)造什么起效率，什么不會(huì)。

實(shí)質(zhì)參考線框

咱們中的很多人在web設(shè)計(jì)名目(希望是在實(shí)質(zhì)清單之后)的第一步即是創(chuàng)造線框圖。線框圖，此刻不妨說主假如交互設(shè)計(jì)師在輸入，仍舊節(jié)儉單的圖紙上的線框形成老練的網(wǎng)頁設(shè)計(jì),比起最后設(shè)計(jì)不過缺乏顏色圖像和詳細(xì)。向來，她們經(jīng)過那些本領(lǐng)來設(shè)計(jì)模塊場所、隔絕、檔次構(gòu)造以及須要優(yōu)先的局部等。實(shí)質(zhì)用粗線框來表白。少許設(shè)計(jì)師仍舊運(yùn)用這種本領(lǐng)，然而對于更多人來說，她們的目的仍舊變換了。

此刻，線框圖更多是用來動(dòng)作一種托付件向存戶展現(xiàn)網(wǎng)站看上去是怎么辦，以及它在“設(shè)計(jì)稿”實(shí)行前它究竟是還好嗎運(yùn)行的。究竟上，這種典型的線框圖即是設(shè)計(jì)稿;只然而它們是未實(shí)行的狀況，同聲把如許的相框圖給存戶看是有確定潛伏傷害的。即使說存戶只愛好個(gè)中的某些局部，一-些其余的渺小的缺點(diǎn)(比方字體、臉色等)會(huì)把它們保護(hù)掉。其余即使說存戶不愛好這個(gè)設(shè)計(jì)，那么接下來即是更多的艱巨處事。這種很早之前的線框圖更逼近于此刻保守圖形設(shè)計(jì)師作的簡圖。很多的簡圖不妨趕快制作，承諾對那些起效率的實(shí)質(zhì)和不起效率的實(shí)質(zhì)做充滿的接洽。視覺設(shè)計(jì)師只須要關(guān)心在哪些場合須要中心超過，哪些場合要提防融合一致就好了。這種典型的線框圖對于她們而言是一種東西，而不是給主顧的托付件。不是說咱們不須要這么早就把存戶卷入進(jìn)入，而是說咱們開始得給這個(gè)進(jìn)程供給一個(gè)朦朧的宏圖，而不是徑直讓她們承認(rèn)咱們的處事。當(dāng)存戶和你一道走完設(shè)計(jì)過程， 承認(rèn)設(shè)計(jì)計(jì)劃固然不可題目。