這篇文章不會(huì)給你分享任何殺手級的設(shè)計(jì)工具,也沒有針對特定設(shè)計(jì)項(xiàng)目的獨(dú)家秘訣,這篇文章只會(huì)分享7個(gè)如何更快做設(shè)計(jì)的技巧,
編者按:這篇文章不會(huì)給你分享任何殺手級的設(shè)計(jì)工具,也沒有針對特定設(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)目的方法,也許更適合即將到來的長假,供你反思和琢磨。
在今天的文章當(dāng)中,我將會(huì)分享7個(gè)技巧,它們幫我更快地拿出設(shè)計(jì)方案,我希望也能幫到你。為了讓這些技巧顯得真實(shí)有用,我還將分享一些具體的經(jīng)驗(yàn)和應(yīng)用方法。但是首先,我得讓你明白為什么需要更快做設(shè)計(jì)。
portant;">快,為什么重要?
設(shè)計(jì)需要時(shí)間,我想你也明白。獲取靈感、思考、探索、頭腦風(fēng)暴、冥想、看dribbble、翻文章等等。無可爭辯,拿到需求之后,絕大多數(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í)情況下,對你有好處。
也許你已經(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ì)量來評估最終的結(jié)果,B組是基于設(shè)計(jì)的數(shù)量來評估結(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ì),在對的時(shí)候做對的事情。比如,當(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),而是在你拿著咖啡對著窗外發(fā)呆或者和同事尬聊的時(shí)候涌現(xià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ì)和營銷團(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è)簡短的故事,它應(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è)人對這個(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)格。下面是我第一次的提案:
我希望它看起來友好且簡單,希望用戶可以專注于前景的角色和內(nèi)容,背景只需要風(fēng)格化一點(diǎn)、對比度低一點(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è)比較簡單的原型,交付給開發(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)鍵的技巧,獲得靈感。