這篇文章不會(huì)給你分享任何殺手級(jí)的設(shè)計(jì)工具，也沒有針對(duì)特定設(shè)計(jì)項(xiàng)目的獨(dú)家秘訣，這篇文章只會(huì)分享7個(gè)如何更快做設(shè)計(jì)的技巧，
編者按：這篇文章不會(huì)給你分享任何殺手級(jí)的設(shè)計(jì)工具，也沒有針對(duì)特定設(shè)計(jì)項(xiàng)目的獨(dú)家秘訣，這篇文章只會(huì)分享7個(gè)如何更快做設(shè)計(jì)的技巧，作者是歐洲著名導(dǎo)航和地圖服務(wù)企業(yè) tomtom 的設(shè)計(jì)主管 José Torre。相比于更具體的工具，7個(gè)適用于幾乎全部設(shè)計(jì)項(xiàng)目的方法，也許更適合即將到來的長(zhǎng)假，供你反思和琢磨。
在今天的文章當(dāng)中，我將會(huì)分享7個(gè)技巧，它們幫我更快地拿出設(shè)計(jì)方案，我希望也能幫到你。為了讓這些技巧顯得真實(shí)有用，我還將分享一些具體的經(jīng)驗(yàn)和應(yīng)用方法。但是首先，我得讓你明白為什么需要更快做設(shè)計(jì)。
portant;">快，為什么重要？
設(shè)計(jì)需要時(shí)間，我想你也明白。獲取靈感、思考、探索、頭腦風(fēng)暴、冥想、看dribbble、翻文章等等。無可爭(zhēng)辯，拿到需求之后，絕大多數(shù)設(shè)計(jì)師都會(huì)做這樣的事情。
但是現(xiàn)實(shí)世界當(dāng)中，絕大多數(shù)的情況下并沒有足夠的時(shí)間留給設(shè)計(jì)師，截止時(shí)間就在眼前，你需要立刻交付設(shè)計(jì)。
你不著急嗎？想拖延？這個(gè)時(shí)候能拯救你的，只有盡快設(shè)計(jì)。不論如何，更快的設(shè)計(jì)，在現(xiàn)實(shí)情況下，對(duì)你有好處。
也許你已經(jīng)意識(shí)到了，設(shè)計(jì)的過程其實(shí)是一個(gè)迭代的過程，在一次又一次的迭代調(diào)整中，才能找到最佳的方案。夠快速的設(shè)計(jì)，才能讓你在嘗試過程中，有可能迭代出更多更好的方案。天賦這種東西就像獨(dú)角獸，都聽說過，但是沒人見過，在那些成功者身上，你更多看到的是一萬小時(shí)法則留下的痕跡。一遍又一遍的練習(xí)，更快速地設(shè)計(jì)和實(shí)現(xiàn)，你距離好設(shè)計(jì)就更近。
portant;">1. 一定要確定你的目標(biāo)
立刻進(jìn)入設(shè)計(jì)狀態(tài)似乎不錯(cuò)，但是這并不會(huì)讓你更快。寧可花點(diǎn)時(shí)間思考，琢磨清楚設(shè)計(jì)目標(biāo)，也比立刻動(dòng)手設(shè)計(jì)要好。磨刀不誤砍柴工。確定明確的目標(biāo)，快速梳理清楚你要什么，接下來才能更有條理，更容易也更快完成設(shè)計(jì)。
不過不要在這個(gè)事情上花費(fèi)太多時(shí)間，不要磨洋工，不要讓這成為拖延的借口。
portant;">2. 不要等待靈感涌現(xiàn)
創(chuàng)意并不會(huì)憑空涌現(xiàn)。你當(dāng)然沒法保證每一次產(chǎn)出都是天才的設(shè)計(jì)，但是你至少可以先做出一些東西，只要你愿意去做。
當(dāng)你在等待天才想法出現(xiàn)的時(shí)候，其他的人可能已經(jīng)嘗試過一個(gè)又一個(gè)想法了，也許他之前的構(gòu)思并沒有那么好，但是每一次調(diào)整和修改都會(huì)更好一點(diǎn)，也許下一個(gè)想法會(huì)比你的構(gòu)思強(qiáng)很多。迭代的力量很強(qiáng)。一個(gè)樂于在動(dòng)手和迭代中前進(jìn)的人，更容易拿出可行的方案。
《藝術(shù)與恐懼》一書當(dāng)中曾經(jīng)記述過這樣一個(gè)實(shí)驗(yàn)：一位老師將手底下的學(xué)生分為兩組來做同一個(gè)設(shè)計(jì)，A組是基于質(zhì)量來評(píng)估最終的結(jié)果，B組是基于設(shè)計(jì)的數(shù)量來評(píng)估結(jié)果，而最終質(zhì)量最高的設(shè)計(jì)來源于B組。
這當(dāng)然并不是說數(shù)量越多越好，但是它揭示了迭代數(shù)量所隱含的價(jià)值。不要等待最好的想法憑空降臨。開始，進(jìn)入下一步。
portant;">3. 繪制草稿
獨(dú)立解決問題的時(shí)候，我總喜歡從草稿開始。將抽象的概念轉(zhuǎn)化為現(xiàn)實(shí)的內(nèi)容，這是最行之有效的辦法之一。如果可行則實(shí)施，不行就放棄。這聽起來似乎會(huì)浪費(fèi)時(shí)間，但是草稿才是距離下一步落地設(shè)計(jì)，最近的步驟。草稿這種嘗試是最為快速廉價(jià)的東西，想要快，就不要停下畫草稿的手。
portant;">4. 分享進(jìn)度
我信奉更早分享你正在做的事情，而不是等待完成之后再分享。更早分享你將更快獲得反饋，獲得他人的意見和觀點(diǎn)支撐。
當(dāng)然，你或許意識(shí)到你現(xiàn)有的方案可能不起作用，你需要建議，并且他人提供的想法可能會(huì)讓你放棄之前所有的努力。但是想想看，在前期投入更少的時(shí)候進(jìn)行修改，總比快要完成的時(shí)候推倒重來要好得多。
分享你的工作進(jìn)展的另外一個(gè)好處在于，讓更多的人參與進(jìn)來，讓他們和你共同擁有這個(gè)項(xiàng)目，讓更多的人幫你一同推進(jìn)。
portant;">5. 分階段做設(shè)計(jì)
如果你想動(dòng)作快點(diǎn)，那么你就不能夠過多糾纏于細(xì)節(jié)。你需要關(guān)注于重要的事情，這也凸顯出分階段做設(shè)計(jì)的重要性了。我有一個(gè)比較粗略的分法，這很大程度上取決于你要做的具體項(xiàng)目，你可以靈活的運(yùn)用這套階段劃分方式。
階段1：構(gòu)建整體思路。可以是一個(gè)LOGO的草圖輪廓，一張UI的交互框架，或者是動(dòng)畫的關(guān)鍵幀，這取決于你做的是哪種設(shè)計(jì)項(xiàng)目。
階段2：延伸拓展想法。將你的整體思路落地為一個(gè)大體可見的東西，同樣的，不要糾結(jié)于細(xì)節(jié)。還是用之前的案例，將你粗略設(shè)計(jì)的LOGO和某幾個(gè)應(yīng)用搭配起來看看效果，或者將交互框架制作為一個(gè)粗糙的原型，又或者將關(guān)鍵幀化作一個(gè)粗略的動(dòng)畫。
階段3：打磨完成設(shè)計(jì)。你可以在這個(gè)時(shí)候確定細(xì)節(jié)完善產(chǎn)品，比如借助柵格和黃金比例來調(diào)整LOGO的細(xì)節(jié)比例，完善成高保真原型，制作最終版的動(dòng)畫。
這種方式可以讓你更加集中注意力，在反饋中更好地完成設(shè)計(jì)，按照階段來完成設(shè)計(jì)，在對(duì)的時(shí)候做對(duì)的事情。比如，當(dāng)你只是驗(yàn)證大體思路的時(shí)候，就不需要和其他人探討配色這樣的細(xì)節(jié)。
portant;">6. 傾聽反饋
分享進(jìn)度和傾聽是分不開的。不傾聽他人的意見和想法，分享就毫無意義。
另一方面，設(shè)計(jì)者很容易陷入到自己固有的思維模式當(dāng)中，但是設(shè)計(jì)產(chǎn)品更多的不是為自己設(shè)計(jì)，而是給他人使用，所以你沒法完全依賴自己的意見。
當(dāng)然，你是專業(yè)的設(shè)計(jì)師。你沒有必要盲目執(zhí)行別人的意見，這里的傾聽是讓你不要忽視它。從設(shè)計(jì)中剝離出自己，并且去傾聽意見，看看它們是否真的有意義。
portant;">7. 學(xué)會(huì)休息
這一點(diǎn)聽起來似乎有點(diǎn)奇怪，但這確實(shí)是經(jīng)驗(yàn)之談。也許當(dāng)你休息好了再回來審視的時(shí)候，會(huì)發(fā)現(xiàn)之前的問題迎刃而解。這個(gè)事情確實(shí)是有科學(xué)道理的，當(dāng)你在休息、運(yùn)動(dòng)甚至淋浴的時(shí)候，你的大腦并沒有停止思考，問題依然在你的潛意識(shí)層中「后臺(tái)運(yùn)行」，這個(gè)時(shí)候問題的邊界逐漸模糊，發(fā)散的思維會(huì)幫你完善細(xì)節(jié)，新的方案在此醞釀。也許在「?！沟匾宦曧懼螅鸢笗?huì)浮現(xiàn)在你的眼前。
有的時(shí)候答案并不在你集中注意力思考的時(shí)候出現(xiàn)，而是在你拿著咖啡對(duì)著窗外發(fā)呆或者和同事尬聊的時(shí)候涌現(xiàn)。
簡(jiǎn)而言之，優(yōu)化你的時(shí)間結(jié)構(gòu)，不要孤立地思考，在你的項(xiàng)目以外獲得靈感。
portant;">實(shí)戰(zhàn)案例
2016年7月份的時(shí)候，我被拉到一個(gè)全新的項(xiàng)目當(dāng)中，作為「主力外援」，我只有一個(gè)星期的時(shí)間來為這個(gè)從未了解過的應(yīng)用設(shè)計(jì)一個(gè)新用戶引導(dǎo)流程相關(guān)的界面和交互。湊巧的是，作為一個(gè)常駐倫敦的設(shè)計(jì)師，我這一周需要去阿姆斯特丹出差開會(huì)，這意味著我需要在路上和會(huì)議間隙里完成整個(gè)設(shè)計(jì)。
這是我接到的需求，我需要將這5個(gè)界面的設(shè)計(jì)搞定。
幸運(yùn)的是，我并沒有必要設(shè)計(jì)全部的內(nèi)容。我進(jìn)組之前，設(shè)計(jì)和營(yíng)銷團(tuán)隊(duì)已經(jīng)敲定了大體需要的內(nèi)容，需要多少個(gè)界面，而我需要專注完成插畫，梳理好應(yīng)該如何呈現(xiàn)故事，以及視覺效果。
? 1. 確定我的目標(biāo)
確定我要做的事情之后，我明確了下面的幾個(gè)目標(biāo)：
插畫需要和文案信息完全匹配；
應(yīng)當(dāng)遵循一定的邏輯和流程來呈現(xiàn)；
如果用戶不閱讀文本內(nèi)容，他們應(yīng)當(dāng)可以從視覺內(nèi)容中獲得信息；
作為一個(gè)整體，它應(yīng)該闡述和應(yīng)用相關(guān)的、有意義的故事。
所以，基于目標(biāo)，我想講述一個(gè)簡(jiǎn)短的故事，它應(yīng)該富有邏輯，而不僅僅是系列散碎的插圖。故事比特征介紹插畫更容易被人記住。
? 2&3. 不用等待靈感，直接開始草稿
由于目標(biāo)非常明確，我直接開始涂鴉，可以說是非常糟糕的草圖。我開始關(guān)注的是想法，而非風(fēng)格。一旦找到可行的想法，就立刻開始下一步的改進(jìn)，看看它是否可用，然后才打開電腦開始做圖。
我的目標(biāo)是要?jiǎng)?chuàng)建5幅插畫，看看它們要如何協(xié)同成為故事。開始非常粗糙，后面再逐步細(xì)化。
第一天上午我就基本讓5張插畫都具備有第三幅草圖的那種視覺效果。邏輯上我應(yīng)該可以細(xì)化插畫，不過我仍然決定，先分享。
? 4. 分享進(jìn)度
△ 草圖大體上的樣子
確定粗略的草圖視覺后，我將文案也加入了進(jìn)去。和團(tuán)隊(duì)分享之后，每個(gè)人對(duì)這個(gè)故事和流程都比較滿意，同意了這個(gè)方向。值得一提的是，我沒有為此專門開會(huì)，而是只與幾個(gè)關(guān)鍵的人物進(jìn)行了溝通和分享，并獲得了反饋。我知道這個(gè)時(shí)候開會(huì)只會(huì)帶來不必要的討論。
? 5. 分階段設(shè)計(jì)
第一個(gè)階段是構(gòu)建故事，此時(shí)已經(jīng)完成，接下來要確定風(fēng)格特征和界面之間的過渡。
確定風(fēng)格的時(shí)候，只需要專注一幅插畫即可。為此，我也可以更快地決定用什么樣的樣式和風(fēng)格。在制作草圖的時(shí)候，我就已經(jīng)考慮到了可以和品牌、產(chǎn)品相匹配的東西，這讓我可以更快地打磨風(fēng)格。下面是我第一次的提案：
我希望它看起來友好且簡(jiǎn)單，希望用戶可以專注于前景的角色和內(nèi)容，背景只需要風(fēng)格化一點(diǎn)、對(duì)比度低一點(diǎn)即可。接下來，我繼續(xù)將這個(gè)插畫分享出去，我需要傾聽別人的聲音。
? 6. 傾聽反饋
聽到不同的聲音之后，我繼續(xù)做了迭代：
這是第一次迭代之后的插畫。我們稍微調(diào)整了角色的特征，從配色到細(xì)節(jié)都盡量貼合產(chǎn)品的介紹視頻中的內(nèi)容。調(diào)整色彩讓角色更加突出?，F(xiàn)在可以進(jìn)入下一個(gè)階段，所以我開始制作接下來的其他插畫。
完成所有插畫之后，繼續(xù)分享，并且嘗試在配色上做了更多的選擇，包括飽和度更高的版本，讓整體配色更加貼近品牌本身的色彩，看起來也更加富有活力。
通過不斷的改進(jìn)，我所調(diào)整的遠(yuǎn)不止是配色，從最初的版本到最終的版本，所有的內(nèi)容都做了細(xì)微的調(diào)整。
所有的細(xì)節(jié)都需要花費(fèi)大量的時(shí)間。
最終版的插畫當(dāng)中，人物角色有了更加苗條的身材，更多頭發(fā)，并且面部細(xì)節(jié)全都進(jìn)行了調(diào)整。值得注意的是，其實(shí)有很多細(xì)節(jié)和問題是顯而易見的，當(dāng)我和同事分享的時(shí)候，答案原本就已經(jīng)在那里了。但是我按照我的方式推進(jìn)的時(shí)候，很難發(fā)現(xiàn)所有的問題，而這正是我需要傾聽到的聲音。
當(dāng)然更重要的是，我這一周必須參加我無法拒絕的會(huì)議，我必須節(jié)省所有的時(shí)間來推進(jìn)整個(gè)設(shè)計(jì)。
? 7. 休息一會(huì)兒
休息真的很重要。雖然有的時(shí)候，休息會(huì)讓我不得不離開工作，割裂流程，但是離開再回來，會(huì)讓我以不一樣的視角來審視，看到更多之前沒有注意到的問題，找到可以改進(jìn)的地方。
當(dāng)然，遵循上面的技巧，我并沒有花費(fèi)一周時(shí)間，就完成了幾乎全部的設(shè)計(jì)過程。我還有時(shí)間，利用這個(gè)時(shí)間，我進(jìn)行了更細(xì)致的調(diào)整和打磨。
首先，我通過調(diào)整，讓所有的頁面人物角色所處的地平線都在一條線上，這樣確保了插畫整體邏輯和視覺上的一致性，非常令人愉悅。
為了更好的傳達(dá)信息，我制作了一個(gè)比較簡(jiǎn)單的原型，交付給開發(fā)工程師。
△ 原型
回顧過去3年，在不斷的歷練打磨當(dāng)中，我慢慢弄清楚了哪些方法更加有效，哪些內(nèi)容更加有用，如何同利益相關(guān)的同事和客戶進(jìn)行溝通，在獲得反饋和進(jìn)行有效迭代的同時(shí)，不會(huì)浪費(fèi)太多的時(shí)間。
△ 實(shí)現(xiàn)的效果
portant;">結(jié)語
最后給一個(gè)額外的小貼士，那就是你需要給尋找靈感這件事情安排更多的時(shí)間和機(jī)會(huì)。不要誤會(huì)我的意思，我認(rèn)為，了解其他人是如何解決類似的問題是非常重要的，在這個(gè)過程中你不用重新造輪子，并且可以學(xué)到更多有用的信息，可以洞悉到更加關(guān)鍵的技巧，獲得靈感。
