一個設計案是如何開始的?

如何開始設計

面對空白的螢幕是很多很多設計師的惡夢。應該如何填補這片空白?應該從哪裡開始?

不知怎的,一大片的空白讓人感到恐懼。為什麼?因為它的力量比我們強大。因為我們沒有可靠的方法來啟動設計。要克服這種恐懼需要經歷一些過程。時至今日,網路上已經有很多教你如何開始一個設計案的文章,你可能也已經看過很多做的很漂亮的 infographic 在告訴你設計發想是怎麼一回事。但是每一個設計案都是與眾不同的,怎麼可能會有一個能夠套用在所有案例的工作流程呢?更糟的是,這些圖看起都非常複雜。一個人要如何內化這麼多步驟,並且確定自己有跟著這些步驟執行?

告訴你一個好消息:你被騙了。沒有哪個設計師會真的按照幾十個線性步驟工作。

正確的設計過程很簡單,它不會試圖取代批判性思維。設計過程不是為了你的想法;它的目的是幫助你清楚地思考和決定什麼值得你花時間投入。每個創作過程都可以分解成幾個簡單的階段,重要的是要了解這些階段不是線性的。在開始一個設計案時,你需要在這些階段之間來回跳轉,而每個設計項目也會有所不同。但重要的是,你可以了解每個階段如何幫助你解決問題,並提出新的想法。

1. 收集素材

查找開始設計所需的所有元素,包括內容,技術要求,設計的目標和一些參考範例。

2. 整理素材、製作草圖

修改你的內容,並開始粗略的草圖,幫助您可視化如何組織內容和達成目標。 你的草圖應該快速,醜陋。 盡可能快地獲得盡可能多的想法,而不做任何事情。

3. Mockups

把你覺得最好的草稿拿進 Photoshop,Sketch 繪製,或是直接用 HTML / CSS 進行開發。Mockup 的用途是把 Wireframe 的功能做出來,看看每個功能是否達到其目的。

4. 架構與開發

將設計構建成一個功能完備的應用程序。 在開發的時候,請務必忠於前幾個步驟的規劃,把產品的樣子做出來。

5. 測試和校正

使用數據和度量來評估設計。 當你發現問題(即使是最有經驗的設計師)回到以前的步驟,探索這些問題的較小的解決方案。


我們現在再回到這個空白螢幕,你就會清楚在打開軟體之前,還有很多事情要完成,甚至還不需要電腦。空白螢幕可怕的唯一原因是你不知道下一步該怎麼辦。上述的過程希望可以協助你消除這些恐懼,讓你有能力將問題分解成更小的部分,而不是一次嘗試理解和解決整個問題。

卡關了嗎?

上一篇文章解釋了過程如何使您在每個項目開始時所面對的空白屏幕不那麼令人害怕。但有時,即使你跟隨過程,你仍然會被卡住。

當你陷入困境時,通常是因為你在某個步驟做錯了。你可以切換到不同的步驟並重新評估你的狀態。這裡有些例子:

假設你正在努力設計一個界面的時候卡關了。
這通常意味著你沒有足夠的資訊來說明這個介面應該如何運作,它需要完成什麼,或者如何適應其他應用程序。最好的方法就是倒回去收集這些資料。

當你已經在進行 Mockup ,但是卻又一邊做一邊想到「應該要加上這個功能」、「應該要多一個頁面」的時候 ,代表你在草圖的階段做的不夠。你應該要倒回去,把這些需要的功能想清楚,並確保這些功能都可以運作,只有當功能都確認了之後,再開始做 Mockup。

當你在寫網頁的時候,發現到伺服器不支援你的設計,你的網站只能打掉重練,而且沒有其他避免 delay 的方法。
當這種情況發生時,這意味著一開始資料收集的不足,或是草圖/Mockup 沒有做好。在你繼續架構之前,研究軟件的這一方面,然後草繪和模擬幾個不同的解決方案,看看你能找到一個不會對服務器端代碼造成巨大影響。

你做完了,準備測試,但你不知道你應該測試什麼。
在「收集」階段,您沒有考慮項目的目標。現在,你不知道如何衡量項目是否達到這些目標。這是危險的!確保在每次啟動新項目時考慮目標。


總結一下,如果你不知道該怎麼辦,想想過程。

向後退一步,嘗試找出那個讓你失望的缺失。

有時候你的直覺只會使問題更糟:有一個好的設計流程會替你的產品把關。