11年前绝淡，我21歲時(shí)，加入了一家小型設(shè)計(jì)機(jī)構(gòu)苍姜，這是我第一份全職工作牢酵。在那里的前幾年，我大部分時(shí)間花在了視覺(jué)設(shè)計(jì)上—''我該怎樣讓這個(gè)質(zhì)地看上去更逼真衙猪？''馍乙、''將光源換個(gè)角度會(huì)不會(huì)好點(diǎn)？''垫释、''我設(shè)計(jì)的Button還能更光滑點(diǎn)嗎丝格？'' 通常客戶(hù)說(shuō)一個(gè)idea棵譬，我向他詢(xún)問(wèn)些問(wèn)題后就打開(kāi)PS開(kāi)始設(shè)計(jì)了显蝌。然后幾天后向該客戶(hù)展示一到兩個(gè)視覺(jué)方向，收集一些反饋茫船，做些修改琅束，就可以投入開(kāi)發(fā)了扭屁。在那里工作的最大感受就是算谈，那里最優(yōu)秀的設(shè)計(jì)師做出的網(wǎng)站都是外表很炫的。
隨著工作的深入料滥，我認(rèn)識(shí)到在視覺(jué)設(shè)計(jì)前向客戶(hù)展示線(xiàn)框圖然眼，會(huì)很節(jié)省雙方的時(shí)間。但這又會(huì)有些尷尬葵腹。設(shè)計(jì)線(xiàn)框在我們決定了設(shè)計(jì)方向之前高每，幫我們提供了快速修改的可能性和空間。線(xiàn)框圖可以快速創(chuàng)建和修改践宴。但是鲸匿，在白紙上畫(huà)線(xiàn)框圖難免會(huì)給客戶(hù)一種太隨便和不受重視的感覺(jué)。因此我開(kāi)始在移動(dòng)設(shè)備上畫(huà)線(xiàn)框圖阻肩，在向客戶(hù)展示這些線(xiàn)框圖時(shí)带欢，我發(fā)現(xiàn)基本上不會(huì)激起他們大范圍的意見(jiàn)运授。事實(shí)上，看過(guò)線(xiàn)框圖后乔煞，我們就不會(huì)輕易改變?cè)O(shè)計(jì)方向吁朦。
回首看，我過(guò)去沒(méi)有意識(shí)到線(xiàn)框圖的有點(diǎn)是因?yàn)槲野阉麄兎旁诹隋e(cuò)誤的位置上渡贾。線(xiàn)框圖在過(guò)去被我用來(lái)當(dāng)做一個(gè)項(xiàng)目從''探索階段''到''待設(shè)計(jì)階段''的檢驗(yàn)盒—阻止客戶(hù)在產(chǎn)品設(shè)計(jì)的晚期又改變主意逗宜。還有一點(diǎn)是，線(xiàn)框圖有一個(gè)好處：他可以跳出明顯的設(shè)計(jì)范例空骚，讓你能更好堅(jiān)守產(chǎn)品目標(biāo)纺讲，幫你慢下來(lái)直至抓住正確方向。
新手設(shè)計(jì)師的路線(xiàn)
Julie Zhou的文章《新手設(shè)計(jì)師VS老手設(shè)計(jì)詩(shī)》囤屹，它描述了一個(gè)我們?cè)O(shè)計(jì)師都很容易掉進(jìn)去的的陷阱：受到自己第一個(gè)念頭的束縛刻诊。
對(duì)于新手設(shè)計(jì)師來(lái)說(shuō)，在功能性和視覺(jué)性二者間牺丙，他們更愿意把時(shí)間花在后者上则涯。視覺(jué)設(shè)計(jì)是一個(gè)很方便著手的點(diǎn)，因?yàn)樗苋菀妆环窒砗驮u(píng)價(jià)：這圖是否符合當(dāng)下的流行趨勢(shì)冲簿？它在Dribbble上是不是受到很多贊同粟判？夠''輕''嗎？漸變是否做到位了峦剔？閃耀的視覺(jué)設(shè)計(jì)很快就可以做到档礁，而且放在作品集里非常體面，自豪地說(shuō)''這是我設(shè)計(jì)的吝沫！''
老手設(shè)計(jì)師的路線(xiàn)
在設(shè)計(jì)世界傲游了10年呻澜，我認(rèn)識(shí)到，一個(gè)東西的存在方式或者它之所以是它現(xiàn)在所呈現(xiàn)的樣子惨险，這個(gè)原因比它的外表更重要羹幸。老手設(shè)計(jì)師花費(fèi)更少的時(shí)間在光鮮亮麗四個(gè)字上，更多的時(shí)間在讓創(chuàng)造物行使在正確的軌跡上辫愉。以上所談旨在說(shuō)明栅受，老手設(shè)計(jì)師使用不同的方式來(lái)提供正確的解決方案.
給一輛破損的車(chē)上色，不管你涂的多美觀恭朗，也改變不了它不能使用的事實(shí)屏镊。
所以，怎樣避免陷入你的第一感覺(jué)呢痰腮？怎樣思考出更多的解決方案呢而芥？怎樣辨別方案孰優(yōu)孰劣呢？
易用的線(xiàn)框圖
我分享一個(gè)我自己用來(lái)強(qiáng)制自己探索更多可能性的方法膀值。本文以后提到的「線(xiàn)框」都是指紙上線(xiàn)框圖棍丐。紙上線(xiàn)框圖很容易上手弟翘，還能讓團(tuán)隊(duì)所有人都加入線(xiàn)框圖的設(shè)計(jì)中來(lái)。
通過(guò)紙上線(xiàn)框圖骄酗，我們可以避免將完美的線(xiàn)框圖誤認(rèn)為是好的idea稀余。
準(zhǔn)備
拿出一本筆記本，畫(huà)出至少20個(gè)小的長(zhǎng)方形網(wǎng)格趋翻，如果你的設(shè)計(jì)工作是基于手機(jī)UI睛琳，那么將他們?cè)O(shè)為該設(shè)備的寬高比。如果是桌面UI踏烙，那么將他們?cè)O(shè)為電腦顯示器的寬高比师骗。
過(guò)程
現(xiàn)在，用你的鋼筆畫(huà)出所有可能的讨惩、不同的方案去應(yīng)對(duì)你要解決的設(shè)計(jì)問(wèn)題辟癌。草繪出首先想到的一些idea，然后將他們拋出腦后荐捻，在窮盡一切可能性前不要停止思考黍少。
當(dāng)然，你不會(huì)用一個(gè)方案去填所有的格子处面。你會(huì)盡量拓寬思維厂置，從大腦舒適區(qū)到未知部分。如果你絞盡腦汁想到一個(gè)新的想法魂角，一定要強(qiáng)迫問(wèn)問(wèn)自己如下問(wèn)題：如果這個(gè)菜單是輻射狀會(huì)怎樣昵济？如果只有圖片/沒(méi)有圖片會(huì)怎樣？如果沒(méi)有列表或網(wǎng)格呢野揪？怎樣把最重要的元素放在用戶(hù)手指最近的地方访忿？對(duì)我來(lái)說(shuō)，往往在10次下筆之后會(huì)發(fā)現(xiàn)開(kāi)始好玩兒了斯稳。
如果你想找到一種最佳的排版方式海铆，你可以用T（titile）V（Video）RV（related video）Sub（sub-navigation） 等關(guān)鍵字占位，讓你專(zhuān)心排版而不是過(guò)多關(guān)注UI元素：
或者也許用（燈泡）代表鏈接或（對(duì)號(hào)）代表分析：
在排版的時(shí)候平挑，你的手繪可以適當(dāng)?shù)馗哔|(zhì)量一點(diǎn)：
在這點(diǎn)上游添，你可能會(huì)覺(jué)得累系草，如果盒子還沒(méi)被填滿(mǎn)通熄，強(qiáng)迫自己繼續(xù)。如果你還剩余腦汁找都，翻頁(yè)然后繼續(xù)畫(huà)出你腦中的創(chuàng)意唇辨。到達(dá)思維隧道的底端，直至覺(jué)得奇怪為止能耻。
既然已填滿(mǎn)了所有的格子赏枚，就可以觀察他們亡驰，選擇一些看起來(lái)比較有前途的創(chuàng)意，并與其他伙伴談?wù)劧龇?tīng)聽(tīng)他人的意見(jiàn)凡辱。強(qiáng)制你自己用語(yǔ)言表達(dá)概念，這時(shí)你會(huì)發(fā)現(xiàn)新的有趣的靈感栗恩。
重復(fù)過(guò)程
下一步最好也不要是視覺(jué)設(shè)計(jì)透乾。再次提醒你不要拘泥于像素這件事消略。將比較出彩的創(chuàng)意高質(zhì)量地畫(huà)出从隆，然后再新的一頁(yè)上畫(huà)一個(gè)更大的盒子，一張A4紙上最好畫(huà)4個(gè)盒子叙淌。此時(shí)試著將這些方案細(xì)節(jié)化市咆，看看是否還是可行的：
如果是以前汉操，我會(huì)用iPhone拍下照片將這些草圖發(fā)給客戶(hù)。因?yàn)槟氵€沒(méi)有在這些草圖上花費(fèi)時(shí)間蒙兰，所以就不擔(dān)心收集反饋后還要浪費(fèi)更多時(shí)間磷瘤。
下一步
你幾乎不可能將一個(gè)問(wèn)題的解決方案填滿(mǎn)一整頁(yè)紙。但你強(qiáng)制自己拓寬思維搜变，至少想出了一些不那么大眾化的創(chuàng)意膀斋。你收集到反饋后，理想上一些創(chuàng)意會(huì)很有戲痹雅，然后再將他們細(xì)節(jié)化仰担。不被困在在顏色、類(lèi)型绩社、光或其他視覺(jué)設(shè)計(jì)的層面上摔蓝，你收集到的也是高質(zhì)量的信息和概念上的反饋，而非美學(xué)上和過(guò)細(xì)的信息愉耙，也很容易通過(guò)草繪來(lái)具象化贮尉。
下一步怎么做看你了。這時(shí)朴沿，我發(fā)現(xiàn)依賴(lài)Google Venture的「尋找沖突」概念猜谚，對(duì)區(qū)分眾多創(chuàng)意和真正的方案很有幫助。我常常重復(fù)草繪這件事赌渣，思考如何將某個(gè)頁(yè)面適應(yīng)到一個(gè)流程里魏铅，此頁(yè)面的前一頁(yè)是什么？之后的頁(yè)面呢坚芜？在草繪過(guò)很多方案后览芳，再用軟件設(shè)計(jì)出可以在設(shè)備上體驗(yàn)的保真原型。
通過(guò)這些方法鸿竖，你可以快速想出很多創(chuàng)意沧竟，通過(guò)對(duì)比比較铸敏，留下那些你選擇了的，一定不要向你的第一個(gè)想法低頭哦悟泵。
順便提一句：將這種方法應(yīng)用到非設(shè)計(jì)的事上
我在Medium工作的同事杈笔，Nick Fisher，一個(gè)經(jīng)常發(fā)推特的人糕非。他告訴我桩撮，他發(fā)推前會(huì)強(qiáng)制自己用10種不同方式去表達(dá)，然后選一條最完美的發(fā)布７宓店量？
（本文譯自Medium 文/Dustin Senos 譯/豆子糖）
