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