這篇文章中寫的 8 點(diǎn)教訓(xùn)實(shí)在是太真實(shí)了，非常誠(chéng)懇實(shí)用，我如今工作 7 年多，這些問(wèn)題幾乎也是我自己進(jìn)步過(guò)程中遇到過(guò)的，希望大家也能盡量避免，少走彎路。

我有時(shí)候會(huì)后知后覺(jué)地想：為什么有些設(shè)計(jì)師會(huì)有這步神操作？為何不來(lái)個(gè)七十二變？做了六年多的設(shè)計(jì)，或許你我曾經(jīng)也都給自己挖過(guò)一些坑。曾幾何時(shí)，設(shè)計(jì)師只想著「取悅」甲方爸爸，能按時(shí)交工就萬(wàn)事大吉。盡管在很多情況下，我們需要投資大量時(shí)間搜索或設(shè)計(jì)一個(gè)方案，當(dāng)我們被要求在第一時(shí)間指出問(wèn)題所在時(shí)，有些錯(cuò)誤的心態(tài)往往使我們誤入歧途而并不自知。

因此，我總結(jié)了下面幾點(diǎn)設(shè)計(jì)師常會(huì)挖的坑。這些無(wú)意間觀察到的讓我思考了對(duì)設(shè)計(jì)的理解和練習(xí)，并讓我的 UI/UX 設(shè)計(jì)更上一層樓。希望他們對(duì)你的日常設(shè)計(jì)也有幫助。

網(wǎng)上的素材庫(kù)再流行咱也不能抄

創(chuàng)意不是一件能信手拈來(lái)的事，所以我們或多或少都有些拿來(lái)主義。作為一名設(shè)計(jì)師，你應(yīng)該試著學(xué)以致用，而不是一味抄襲。（彩云注：抄的越多，設(shè)計(jì)能力越難提升）

誠(chéng)然，設(shè)計(jì)師并非天生就有設(shè)計(jì)美圖的能力，也沒(méi)有出生就自帶特異的色彩心理學(xué)。設(shè)計(jì)師也和其他人一樣，需要刻苦鉆研基本功和積累經(jīng)驗(yàn)。作為新手，先不從行業(yè)角度來(lái)談，你模仿大神的設(shè)計(jì)來(lái)臨摹也無(wú)可厚非。

就說(shuō)作為一個(gè)多少有些經(jīng)驗(yàn)的設(shè)計(jì)師，你必須同意一件事：我們都參考過(guò)流行素材庫(kù)里的設(shè)計(jì)。在我看來(lái)，流行的素材庫(kù)能給我們啟發(fā)點(diǎn)靈感就行。激發(fā)靈感是一回事，但是完全抄襲他們作品就是另一碼子事了。受到啟發(fā)來(lái)點(diǎn)靈感終歸是件好事，就像你總會(huì)膜拜心中大神的作品，學(xué)習(xí)他們的色彩搭配，交互動(dòng)圖什么的。但打住，他們的設(shè)計(jì)語(yǔ)言和風(fēng)格也許并不適合你正在設(shè)計(jì)的產(chǎn)品。

△ 杜絕抄襲。得明白這是否適合你設(shè)計(jì)的產(chǎn)品

復(fù)制粘貼確實(shí)省時(shí)間，可能非設(shè)計(jì)師永遠(yuǎn)也覺(jué)察不到。但我們嚴(yán)肅想想看：何必呢？身為在這行摸爬滾打好幾年的設(shè)計(jì)師，如果你還在粘貼復(fù)制。那么兄弟，咱該醒醒了。創(chuàng)意是一條修煉之路，你要給自己時(shí)間去練習(xí)，去激活你的大腦。如果你能過(guò)了這一道坎，你也會(huì)想出一些不同的東西 ， 哪怕是最簡(jiǎn)單的圖標(biāo)設(shè)計(jì)。

選擇類似的素材&節(jié)約時(shí)間

在設(shè)計(jì)初步階段，應(yīng)該盡量少地把時(shí)間花在插畫，圖標(biāo)或任何平面元素上。心中對(duì)一幅插圖有個(gè)大致的概念，然后選擇一個(gè)類似的替代圖會(huì)讓你加快工作進(jìn)程。

這并不意味著你不需要設(shè)計(jì)一幅了。但是，在定稿之前真的有必要去設(shè)計(jì)視覺(jué)元素嗎？當(dāng)然沒(méi)有。

例如，你需要為設(shè)計(jì)的一個(gè)「邀請(qǐng)朋友頁(yè)」新添一幅插圖。你先設(shè)計(jì)了頁(yè)面的相應(yīng)布局，于是你就馬上著手于設(shè)計(jì)插圖了嗎？先等等。你心目中已經(jīng)對(duì)插圖有了大致的概念：一個(gè)人拿著手機(jī)，旁邊是他的朋友，很好！那么現(xiàn)在先在網(wǎng)上找一幅相似的暫時(shí)用在你的設(shè)計(jì)上。

△ 在設(shè)計(jì)素材網(wǎng)站上選擇資料圖片

先讓設(shè)計(jì)通過(guò)甲方爸爸這一關(guān)。接下來(lái)在開(kāi)發(fā)過(guò)程中，你會(huì)有大量的時(shí)間去處理插圖。這樣能彰顯你有快速處理項(xiàng)目的能力，而不是把重心過(guò)度放在創(chuàng)意上。

這樣處理好在：

• 能更快地發(fā)布設(shè)計(jì)好的頁(yè)面布局
• 節(jié)省了平面元素上的返工時(shí)間
• 項(xiàng)目進(jìn)程不會(huì)由于設(shè)計(jì)的延遲而受影響

△ 插圖放在發(fā)布前最后完成

別對(duì)產(chǎn)品經(jīng)理說(shuō)的每句話聽(tīng)風(fēng)就是雨

如果你的產(chǎn)品經(jīng)理讓你只設(shè)計(jì)一個(gè)彈出窗，先等等，不要因?yàn)樗麄冏屇阍O(shè)計(jì)什么就馬上提筆。先聽(tīng)清楚設(shè)計(jì)要求并且拿到所有需要的信息，這樣你不僅能更好的安排設(shè)計(jì)步驟還能節(jié)約時(shí)間。

可以問(wèn)他們：

• 這么設(shè)計(jì)的目的是什么？
• 我們希望用戶能如何理解？
• 用戶真的需要這些信息嗎？
• 這樣安排，用戶是否覺(jué)得連貫？
• 沒(méi)有數(shù)據(jù)的情況下該如何呈現(xiàn)？
• 等等

「不必按部就班產(chǎn)品經(jīng)理所說(shuō)的每個(gè)字。」

作為設(shè)計(jì)師，你應(yīng)該對(duì)自己負(fù)責(zé)的部分進(jìn)行研究和探索。分享你的見(jiàn)解為用戶盡可能地提供最佳體驗(yàn)。不要盲目地開(kāi)始設(shè)計(jì)，你可能還沒(méi)有對(duì)產(chǎn)品和它的用途理解透徹。如果從用戶體驗(yàn)設(shè)計(jì)的立場(chǎng)來(lái)說(shuō)你不同意一些事，那么先稍等一下。動(dòng)動(dòng)腦筋，你將會(huì)有更好的解決方案。

△ 從你的視角看需求 by Agatha Yu

「有時(shí)，你甚至不需要設(shè)計(jì)任何東西，問(wèn)題會(huì)在系統(tǒng)已設(shè)計(jì)的元素中迎刃而解。開(kāi)設(shè)計(jì)工具前動(dòng)動(dòng)腦子，別做無(wú)用功。」

作為用戶體驗(yàn)設(shè)計(jì)師，我們更多傾向于技巧和思維延伸。然而產(chǎn)品經(jīng)理們幫助把用戶問(wèn)題轉(zhuǎn)換為任務(wù)，并更專注于產(chǎn)品的執(zhí)行。但歸根結(jié)底，設(shè)計(jì)師和產(chǎn)品經(jīng)理需要設(shè)定目標(biāo)為產(chǎn)品帶來(lái)價(jià)值。因此，為了節(jié)省改稿的頻率你應(yīng)該提前交流設(shè)計(jì)思路。

不要把什么都放在設(shè)計(jì)稿上，選擇重要的就行

在設(shè)計(jì)的時(shí)候， 我們開(kāi)始思考許多用戶需要和將要互動(dòng)的元素，這導(dǎo)致我們的設(shè)計(jì)稿爬滿了標(biāo)題、副標(biāo)題、插圖、要點(diǎn)符號(hào)、視頻、進(jìn)度條、浮動(dòng)操作按鈕，和不需要的元素等等。這歸咎于我們沒(méi)有時(shí)間坐下來(lái)好好思考草稿圖。那樣的話，我們以為所有對(duì)用戶有幫助的設(shè)計(jì)只會(huì)讓我們更加困惑和迷茫。最終我們只會(huì)把設(shè)計(jì)的小部件挪上挪下讓他們看起來(lái)更好看罷了。

「設(shè)計(jì)師會(huì)在設(shè)計(jì)稿上調(diào)整細(xì)節(jié)，但一個(gè)厲害的設(shè)計(jì)師會(huì)剔除不必要的細(xì)節(jié)。」

讓設(shè)計(jì)師從心理學(xué)層面去了解用戶，尤其是他們使用產(chǎn)品或服務(wù)時(shí)的所思所想相當(dāng)重要。這些意識(shí)會(huì)幫助我們?cè)O(shè)計(jì)出有良心的產(chǎn)品。

讓你的設(shè)計(jì)像故事一樣有開(kāi)頭，經(jīng)過(guò)和結(jié)尾。每一個(gè)設(shè)計(jì)的小功能都有它自己的故事，你設(shè)計(jì)的每一頁(yè)讓他們貫穿起來(lái)。不要把所有的東西都砸在用戶臉上讓他們猜。相反，應(yīng)該帶著他們把故事娓娓道來(lái)。有吸引力的設(shè)計(jì)才能讓用戶堅(jiān)持使用到最后。

△ 設(shè)計(jì)每一個(gè)細(xì)節(jié) vs 設(shè)計(jì)所需要的細(xì)節(jié)

用戶需要更善解人意的設(shè)計(jì)而不是指示他們的設(shè)計(jì)。設(shè)計(jì)師需要一定的深度去理解真實(shí)用戶怎樣使用一個(gè)頁(yè)面。當(dāng)你足夠了解他們的意圖之后便會(huì)更輕易地讓設(shè)計(jì)化繁為簡(jiǎn)。

簡(jiǎn)約是必須的，繁瑣則不必要。

不必把每一頁(yè)設(shè)計(jì)都像白紙一樣對(duì)待

前后一致是王道，太有創(chuàng)意的設(shè)計(jì)會(huì)讓產(chǎn)品頁(yè)面缺少連貫性。這不僅讓用戶迷惑不解，也讓最終產(chǎn)品難以辨認(rèn)。

打個(gè)比方讓你去重新設(shè)計(jì)一個(gè)個(gè)人資料頁(yè)面。于是你把網(wǎng)上的素材翻了個(gè)遍。你特別中意一張充滿彩色圖標(biāo)和漸變的設(shè)計(jì)。然后把它當(dāng)作參考用在了自己的設(shè)計(jì)上。太完美了，你已經(jīng)完成任務(wù)了。第二天又有被叫去設(shè)計(jì)在個(gè)人資料頁(yè)面里面的一幅詳細(xì)頁(yè)面，它還應(yīng)該有相當(dāng)多的文本輸入?yún)^(qū)域，功能和目錄等等。于是你又走老路去瀏覽素材庫(kù)看看有沒(méi)有類似的設(shè)計(jì)。何必呢？首先，所有的設(shè)計(jì)思路應(yīng)該來(lái)源于對(duì)用戶的理解。其次設(shè)計(jì)模式的一致性應(yīng)該在產(chǎn)品上反映出來(lái)。

一味只圖養(yǎng)眼的設(shè)計(jì)并不會(huì)為產(chǎn)品的用戶體驗(yàn)加分多少。至少，擁有一套統(tǒng)一的設(shè)計(jì)語(yǔ)言讓用戶不費(fèi)力地切換頁(yè)面而不會(huì)看花眼才是真正的有幫助。那樣做的話，你同時(shí)也給產(chǎn)品定下了設(shè)計(jì)風(fēng)格。

△ 保存設(shè)計(jì)元素再利用-設(shè)計(jì)指南

視覺(jué)一致性需要被重視。用相同方式解釋相同元素從而達(dá)到視覺(jué)上的統(tǒng)一。字體大小、間距、按鈕式樣、色彩，甚至是圖標(biāo)的行間距的統(tǒng)一都應(yīng)該貫穿整個(gè)產(chǎn)品。所以我們構(gòu)建設(shè)計(jì)元素管理庫(kù)和設(shè)計(jì)指南。盡量保持精簡(jiǎn)，重復(fù)利用已設(shè)計(jì)的元素。

即使不完美也盡量自己寫文案。

如果你認(rèn)為文案編寫不是你作為設(shè)計(jì)師的分內(nèi)之事。你是不是覺(jué)得先用模版文字湊數(shù)然后換上產(chǎn)品經(jīng)理或文案組的內(nèi)容就行。其實(shí)不然，就算你可能覺(jué)得自己寫得啰嗦，但最好還是嘗試親自動(dòng)手寫文案為好。

當(dāng)然，文案策略和用戶體驗(yàn)寫作落在更大的用戶體驗(yàn)范疇。很少有業(yè)界頂尖公司把遵循內(nèi)容策略作為設(shè)計(jì)實(shí)踐。然而就算不是專業(yè)范疇，但也應(yīng)該意識(shí)到文案在核心產(chǎn)品體驗(yàn)上的重要性，更不用說(shuō)它是如何遠(yuǎn)遠(yuǎn)超出指標(biāo)和投資回報(bào)率的了。

親手寫文案將幫助你決定一個(gè)設(shè)計(jì)應(yīng)怎樣運(yùn)轉(zhuǎn)，而不是光像做填空題一樣。「 身為設(shè)計(jì)師，你有一個(gè)直接的感知去決定用戶旅程以及用戶在制定頁(yè)面的所觀所想。因此撰寫文案可以幫助你保持文案流程一致，之后你可以讓專業(yè)的用戶體驗(yàn)編輯去潤(rùn)色，加強(qiáng)產(chǎn)品主旋律。從而彌補(bǔ)你之前沒(méi)有注意到的地方。」

「文案隱藏在設(shè)計(jì)里而設(shè)計(jì)需要通過(guò)文案去交流，光填寫模版文字就像盲人摸象。」在設(shè)計(jì)流程中，編寫文案是一個(gè)非常好的練習(xí)，這會(huì)讓你的設(shè)計(jì)風(fēng)格脫穎而出。

設(shè)計(jì)放大招之前和程序員打好招呼

展示設(shè)計(jì)技巧當(dāng)然是件興奮的事。我們希望設(shè)計(jì)出最養(yǎng)眼的頁(yè)面和炫酷的交互動(dòng)圖，這簡(jiǎn)直就是設(shè)計(jì)師的最高境界，我們寧愿獨(dú)自埋頭直到做出最瘋狂的設(shè)計(jì)才愿收手。在不知道技術(shù)是否能實(shí)現(xiàn)設(shè)計(jì)的情況下完成的美麗像素?zé)o異于浪費(fèi)時(shí)間。

是啊，設(shè)計(jì)師與程序員之間的美妙關(guān)系，我們不止一次聽(tīng)到這兩個(gè)來(lái)自不同世界的冷戰(zhàn)故事。確實(shí)，我們同樣地參與和負(fù)責(zé)產(chǎn)品的上市。開(kāi)發(fā)一個(gè)產(chǎn)品或介紹一個(gè)新功能的整個(gè)流程都是從關(guān)注用戶開(kāi)始的，不是嗎？還有，無(wú)論我們的設(shè)計(jì)多么奪人眼球，如果我們不和工程師朋友合作的話，那對(duì)用戶是起不到任何作用的，當(dāng)然也不會(huì)對(duì)生意有幫助。

△ 設(shè)計(jì)師與程序員間的愛(ài)恨情仇

了解開(kāi)發(fā)你所設(shè)計(jì)的方案需要付出的努力。確定他們知道隱藏在這樣設(shè)計(jì)之后的原因。提供一個(gè)合理的例子。萬(wàn)一第一方案確實(shí)不可行的話隨時(shí)能拿出一份備案。

盡早溝通并且在你和程序員之間建立一個(gè)明確的共識(shí)可避免無(wú)數(shù)個(gè)流淚的加班夜，還能給你的團(tuán)隊(duì)節(jié)約成本。

無(wú)需試圖證明你工作時(shí)間以外有多賣力

我已經(jīng)連續(xù)六年在上班時(shí)間以外在家加班了。不知道我是不是那個(gè)夠資格出聲的人，但我還是在這點(diǎn)上說(shuō)點(diǎn)什么吧。毫不隱瞞地說(shuō)，這確實(shí)對(duì)我的工作和事業(yè)晉升有幫助。但當(dāng)我把頭從電腦屏幕前抬起時(shí)，我也同樣意識(shí)到這些年自己失去了多少東西。

你對(duì)設(shè)計(jì)充滿了熱情，迫不及待地想用上你全部的靈感，精力和時(shí)間去解決一個(gè)復(fù)雜的問(wèn)題。你不分白天黑夜地只想全身心投入到工作中而對(duì)其他所以視而不見(jiàn) ，我秒懂。

我把大部分時(shí)間花在「工作」上了。眾所周知，學(xué)無(wú)止境。我們?cè)谝惶熘杏写蟀褧r(shí)間去工作和提高工作效率，這也是我仍在努力的部分。關(guān)鍵是我們都可以選擇拼命地工作或聰明地工作。

這里我可以建議你：

「停止事倍功半，開(kāi)始事半功倍」

無(wú)需太糾結(jié)于你的設(shè)計(jì)，你總會(huì)在第二天有更好的點(diǎn)子。只有你開(kāi)始行動(dòng)起來(lái)才有價(jià)值。制定一個(gè)目標(biāo)，至少有這個(gè)意圖。向著目標(biāo)靠攏，失眠，創(chuàng)作，創(chuàng)新，加班（沒(méi)關(guān)系），做了不起的設(shè)計(jì)！

歡迎關(guān)注譯者的微信公眾號(hào)：「彩云譯設(shè)計(jì)」