介紹

我的名字是 Christopher Downer，我是一名設(shè)計(jì)師。我從事 Mac 和 IOS 應(yīng)用開發(fā)已經(jīng)有六年時(shí)間了。過去的兩年半時(shí)間里，我一直在 Sketch 工作，這些你們可能已經(jīng)知道了。如果你們不知道，Sketch 是一個(gè)Mac的向量設(shè)計(jì)工具。它是一個(gè)設(shè)計(jì)圖標(biāo)、人機(jī)交互、網(wǎng)站、線框和任何在屏幕上顯示的東西的工具。如果這個(gè)和你工作的內(nèi)容很相關(guān)，麻煩你自己一探究竟。

設(shè)計(jì)師需要寫代碼嗎？

作為一個(gè)設(shè)計(jì)師，我一直以來能看到一些文章、博客和推文告訴我說：作為一個(gè)設(shè)計(jì)師，我需要知道如何去編寫代碼，我需要知道如何去開發(fā)應(yīng)用。我讀到過許多這樣的文章，而且它們說的沒錯(cuò)。設(shè)計(jì)師需要深入了解設(shè)計(jì)流程，需要對(duì)整個(gè)工作都有所了解。了解如何開發(fā)是一件好事情，因?yàn)檫@可以幫助設(shè)計(jì)師和開發(fā)者們一起和諧地工作。然而，我需要告訴你們一個(gè)秘密：我不會(huì)寫代碼。

我很想學(xué)習(xí)如何編寫代碼，我嘗試過好多次。我采用了好多方法。在大學(xué)里我就嘗試過學(xué)習(xí)編程，和一個(gè)開發(fā)者結(jié)對(duì)看書和學(xué)習(xí)在線課程。我試著學(xué)過很多語言。開始的時(shí)候是 javaScript，然后是 Python，想著 Python 會(huì)容易點(diǎn)，還試著學(xué)過 Objectiv-C。最近我在學(xué)習(xí) Swift。

當(dāng)深入學(xué)習(xí)的時(shí)候，我發(fā)現(xiàn)開發(fā)者是非常聰明的人。而我卻不盡然。我知道函數(shù)是什么，我也能把握循環(huán)的概念，但是我不知道編譯是什么。我不會(huì)放棄，我會(huì)一直努力。

開發(fā)者需要懂設(shè)計(jì)嗎？

“開發(fā)者需要懂設(shè)計(jì)嗎？”這卻是個(gè)不太常問及的問題。這是我今天演講的目的。我不是說開發(fā)者需要自己設(shè)計(jì)所有的東西，然后不需要設(shè)計(jì)師了，這太瘋狂了。然而，雖然開發(fā)者不需要處理像素，但是他們的決定總會(huì)影響著設(shè)計(jì)。

有件很奇怪的事，我大概從開發(fā)者身上學(xué)到的設(shè)計(jì)知識(shí)比我從設(shè)計(jì)師身上學(xué)到的還要多。他們教會(huì)了我一些我從來不曾考慮的問題，比如易用性、國際化，符合顏色配置文件，為多個(gè)屏幕設(shè)計(jì)，占位，處理錯(cuò)誤，安全，第一次運(yùn)行，邊界情況等等。在我不思考這些問題前，我覺得我根本就不是在設(shè)計(jì)。大部分時(shí)候我只是在讓像素看起來漂亮些而已。

我發(fā)現(xiàn)我身邊的開發(fā)者都會(huì)對(duì)視覺和交互設(shè)計(jì)感興趣。這很棒。然而，許多開發(fā)者卻十分害怕設(shè)計(jì)。他們不知道如何設(shè)計(jì)，也不知道如何開始。我希望我能揭開設(shè)計(jì)的神秘面紗，談些設(shè)計(jì)的基本原則，分享些設(shè)計(jì)的心得，然后讓你能夠更像設(shè)計(jì)師一樣思考。希望你們以后能少依賴你的設(shè)計(jì)師一些。

什么是設(shè)計(jì)？

我準(zhǔn)備以最基本的問題做為開始，“什么是設(shè)計(jì)？”，這是個(gè)開起來很明顯的問題。但是我想?yún)^(qū)分一下“設(shè)計(jì)”、“UI 設(shè)計(jì)”和“UX 設(shè)計(jì)”。

簡(jiǎn)單地說，UI 是視覺設(shè)計(jì)，UX 是交互設(shè)計(jì)，那么兩者中間的是什么呢？是設(shè)計(jì)嗎？許多人認(rèn)為 UI 和 UX 是完全不同的事情，但是在我看來，它們是和諧地存在一起的。我從不會(huì)不考慮易用性和交互，只考慮視覺效果。雖然 UI 作為專業(yè)詞匯是指的視覺設(shè)計(jì)，但是它也會(huì)被誤用作是說整個(gè)設(shè)計(jì)的過程。

什么不是設(shè)計(jì)？

你知道了什么是設(shè)計(jì)，也許我們還看看什么不是設(shè)計(jì)。首先，設(shè)計(jì)不是個(gè)嚇人的、神奇的過程。設(shè)計(jì)師們不是工作了五分鐘就能給你一個(gè)完整的設(shè)計(jì)規(guī)范的。設(shè)計(jì)師們有許多的因素、問題需要考慮。設(shè)計(jì)也不是個(gè)和開發(fā)一起開始，然后在開發(fā)結(jié)束前草草了事的事情。事實(shí)上，設(shè)計(jì)與開發(fā)相輔相成。當(dāng)然，開發(fā)者做的事情遠(yuǎn)遠(yuǎn)不止編寫代碼，這些事情每個(gè)項(xiàng)目都不同，設(shè)計(jì)也是一樣。

你的設(shè)計(jì)師一開始會(huì)在紙上勾勒出雛形，然后在 Sketch 這樣的應(yīng)用里面把他們 Mock up 起來。他們把他們?cè)诩埳袭嫷臇|西轉(zhuǎn)到屏幕上，然后非常真實(shí)地 Mock up 它們。再之后，如現(xiàn)在很多設(shè)計(jì)師的做法一樣，就會(huì)開始原型化。設(shè)計(jì)師會(huì)用 Framer 或者 Origami 這樣的工具來把應(yīng)用流程可視化起來，然后再設(shè)計(jì)出交互和動(dòng)畫。接下來，他們會(huì)在設(shè)計(jì)上不斷地迭代，苛求它、審核它。每次他們都會(huì)讓設(shè)計(jì)比上次更好，所以理想情況下，當(dāng)項(xiàng)目來到真正實(shí)施和測(cè)試階段的時(shí)候，所有的設(shè)計(jì)都應(yīng)該完成了。然而據(jù)我們所知，現(xiàn)實(shí)不是如此。

一個(gè)常見的對(duì)設(shè)計(jì)師的誤解是他們需要是藝術(shù)家。許多人認(rèn)為如果一個(gè)人畫一條直線都不成的話，是肯定不能開始設(shè)計(jì)什么東西的。沒有人天生就是設(shè)計(jì)師，就像沒人天生是藝術(shù)家一樣。所有人都能做這件事情。熟能生巧。

最后，設(shè)計(jì)師不意味著某種品味。視覺設(shè)計(jì)上，品味能起作用。但是，交互設(shè)計(jì)就不會(huì)那么主觀了。好的設(shè)計(jì)是有規(guī)則的，好的交互設(shè)計(jì)的規(guī)則更多。

開發(fā)者們有設(shè)計(jì)的問題

你可能還沒有被說服你需要知道更多的設(shè)計(jì)知識(shí)。作為一個(gè)開發(fā)者，你編寫代碼而且你寫的也很棒。你也許有設(shè)計(jì)師幫你解決問題，但是如果你是個(gè)獨(dú)立開發(fā)者或者在一個(gè)小公司里面，你可能就沒有專職的設(shè)計(jì)師和你一起工作了。他們可能是一周幾個(gè)小時(shí)的自由職業(yè)者，而且他們的時(shí)間往往都非常昂貴。不管你在哪里工作，設(shè)計(jì)師都不會(huì)是全職為你服務(wù)的。他們會(huì)工作在不同的項(xiàng)目上，開發(fā)者多而設(shè)計(jì)師相對(duì)少很多。

當(dāng)你在開發(fā)的時(shí)候遇到一個(gè)設(shè)計(jì)問題，可是設(shè)計(jì)師卻不在身邊，你會(huì)怎么做？等他們回來？把問題收集起來等他們回來以后一起解決？大部分時(shí)候你不能這樣做。最后的期限使時(shí)間十分緊張，以至于你不能等他們回來，你需要自己做個(gè)正確的決定。

作為一個(gè)開發(fā)者，你需要填補(bǔ)空白。有的時(shí)候這需要猜，但是那不是最好的選擇。你肯定不想讓你的工作是基于猜想的。當(dāng)設(shè)計(jì)師回來后發(fā)現(xiàn)開發(fā)者在沒有他們的情況下完成了設(shè)計(jì)，他們大都會(huì)不高興；這也意味著要增加額外的工作量，因?yàn)樾枰倒?。同時(shí)，開發(fā)者也會(huì)有更多的工作量，他們需要重新實(shí)現(xiàn)并且測(cè)試它們。作為一個(gè)設(shè)計(jì)師，你可能沒有時(shí)間考慮一個(gè)應(yīng)用的所有細(xì)節(jié)和邊界情況。他們沒有開發(fā)者那么熟悉應(yīng)用本身，所以他們往往是在信息不充分的時(shí)候做出了決定。

你知道的信息越多，你能節(jié)省的時(shí)間就越多。當(dāng)你知道的設(shè)計(jì)知識(shí)越多，你就不再會(huì)聽到你的設(shè)計(jì)師說：“你能讓動(dòng)畫再流暢點(diǎn)嗎？”或者“把它左移兩個(gè)像素?！?/p>

設(shè)計(jì)規(guī)則

正如我所說，設(shè)計(jì)不是變魔術(shù)，也和個(gè)人品味無關(guān)。設(shè)計(jì)被許多的限制和考慮驅(qū)動(dòng)著。蘋果的 Human Interface Guidelines 是個(gè)很好的開始。你可以在 iBooks 里面讀到它，這是個(gè)很不錯(cuò)的入門指導(dǎo)。它提及到了許多的基礎(chǔ)知識(shí)和設(shè)計(jì)原則，我會(huì)不時(shí)地反復(fù)理解它們。然后，請(qǐng)注意它們的名字。它們是人機(jī)交互的“指導(dǎo)”，不是“人機(jī)交互規(guī)則”。這些原則十分重要，但不是你一定要遵循的規(guī)則。你在設(shè)計(jì)領(lǐng)域越來越有經(jīng)驗(yàn)，你就會(huì)越來越容易地?cái)[脫它的束縛。

一致性

回到設(shè)計(jì)本身，沒有什么銀彈或者神奇的捷徑。然而，一致性是個(gè)經(jīng)久不衰的話題。你的應(yīng)用看起來和 OS 的體驗(yàn)一樣嗎？你的應(yīng)用的不同屏幕之間看起來一致嗎？確保你的應(yīng)用的一致性幾乎就是你自己的規(guī)則。通過建立風(fēng)格指導(dǎo)或者布局網(wǎng)格，你可以實(shí)現(xiàn)一致性。但是更為常見的是，你可以很簡(jiǎn)單地問自己，“這個(gè)顏色和我前一屏的顏色一樣嗎？”，“這兩個(gè)元素有同樣的留白嗎？”，或者“這些輸入框?qū)R了嗎？”

為了構(gòu)建一致性，你需要訓(xùn)練自己看得出一致性。擁有一雙設(shè)計(jì)師的眼睛。一個(gè)常用的訓(xùn)練就是變得非常挑剔和細(xì)致，這點(diǎn)你在設(shè)計(jì)師中非常常見。他們關(guān)注細(xì)節(jié)，他們都有強(qiáng)迫癥。再次強(qiáng)調(diào)，沒有人天生就有這個(gè)能力，這是你長時(shí)間積累形成的。你突然發(fā)現(xiàn)在別的應(yīng)用中，有一個(gè)圖標(biāo)沒有和其他的圖標(biāo)對(duì)齊，或者有一點(diǎn)偏離中心。當(dāng)你能看出這些事情的時(shí)候，你不可能裝作沒看見。這是個(gè)可怕的詛咒。但是，當(dāng)你在設(shè)計(jì)你的產(chǎn)品的時(shí)候，這就是個(gè)無價(jià)的技能。

空白是你的朋友

你可能會(huì)把它認(rèn)為是“空格”或者“無用的空白”，但是為什么它們會(huì)重要呢？想象一下，如果 XCode 的 Storyboards 是一些沒有設(shè)計(jì)感覺的開發(fā)者設(shè)計(jì)的話，它會(huì)有一個(gè)標(biāo)準(zhǔn)的接口，一個(gè)固定的 UX 并且無法定制。它非常有可能變成一團(tuán)糟，因?yàn)樵刂g非常近而且難以分辨。這該如何改進(jìn)呢？

通過增加每個(gè)元素之間的空白距離，就會(huì)使選中更加容易些。它有空間呼吸。我會(huì)增加留白、對(duì)齊元素和增加線寬，然后它就會(huì)變得更加清晰。最終在屏幕上你能看到的內(nèi)容少了，你可能覺得這不是個(gè)好事。你看到的越少，你就能更加專注。人們常常在同一個(gè)時(shí)間只能專注一件事情。你的內(nèi)容可能會(huì)超過范圍或者超出屏幕的邊沿，但是移動(dòng)它就能回到屏幕中心。

不要讓限制來主宰你的設(shè)計(jì)

當(dāng)你作為一個(gè)開發(fā)者來設(shè)計(jì)的時(shí)候，你會(huì)很自然地想，“怎么樣編碼最容易，設(shè)計(jì)就怎么來?！边@是完全能被理解的事情?；氐轿覝?zhǔn)備在 XCode 里面放置 UI 的時(shí)候，我不能實(shí)現(xiàn)我的設(shè)計(jì)，所以我修改了我的設(shè)計(jì)，讓它變得盡量簡(jiǎn)單。另一方面，許多設(shè)計(jì)師根本不考慮這些限制，然后設(shè)計(jì)出一些根本無法實(shí)現(xiàn)的奇怪的東西。作為開發(fā)者來說，他們認(rèn)為的做出合理設(shè)計(jì)的知識(shí)并不是所有人都知道。許多時(shí)候，他們也想設(shè)計(jì)出看起來很棒的產(chǎn)品。過去幾年，我和一些設(shè)計(jì)師工作過，他們提出的一些想法我都覺得永遠(yuǎn)無法實(shí)現(xiàn)。

最著名的由開發(fā)者設(shè)計(jì)的全新體驗(yàn)就是 Loren Brichter 的 Pull-To-Refresh。我不需要解釋 Pull-To-Refresh 是什么；你到處都能看到。如果一個(gè)應(yīng)用里面有時(shí)間線或者有可更新的內(nèi)容的話，就會(huì)有它，而且 iOS 的郵件客戶端也使用了它。Loren 是神奇的獨(dú)角獸人中的一員，它不僅僅是個(gè)優(yōu)秀的開發(fā)者，也是個(gè)好的設(shè)計(jì)師。那時(shí)，他正在開發(fā)一個(gè)叫做 Tweety 的 Twitter 客戶端。在老的 Twitter 客戶端中，你需要使用上面角落的更新按鈕來更新內(nèi)容，你需要先滾到最頂端然后按下更新按鈕。作為一個(gè)有設(shè)計(jì)感的開發(fā)者，Loren 看到這個(gè)行為和交互實(shí)在太爛了。他能理解 Pull-To-Refresh 怎么工作，然后他實(shí)現(xiàn)了它，發(fā)布了它，剩下的就是傳奇了。

這就是個(gè)沒有設(shè)計(jì)師，開發(fā)者獨(dú)自想出來的交互設(shè)計(jì)。一個(gè)典型的設(shè)計(jì)師不會(huì)想到說你可以通過向下拖動(dòng)或者向上拉拽來觸發(fā)屏幕更新的。

避免使用系統(tǒng)顏色

這點(diǎn)有些主觀，但是我發(fā)現(xiàn)一個(gè)普遍現(xiàn)象是：開發(fā)者在設(shè)計(jì)中采用的色彩都不是十分好看。這是有原因的：他們使用了系統(tǒng)的 VGA 配色。如果一個(gè)開發(fā)者想在他的設(shè)計(jì)里面使用藍(lán)色，他們會(huì)寫“藍(lán)色”，或者會(huì)用 RGB 顏色 0，0，255。這很快，很容易，但是很丑。和你一起工作的設(shè)計(jì)師一定會(huì)改變這個(gè)配色，如果你沒有設(shè)計(jì)師一起工作，請(qǐng)考慮下自己花點(diǎn)時(shí)間調(diào)整這個(gè)配色。

VGA 藍(lán)色不是你常見的藍(lán)色。這是個(gè)非常不自然的顏色，只會(huì)出現(xiàn)在你的電腦屏幕上。如果你不幸使用了一臺(tái) Windows 電腦，它和你的電腦上出現(xiàn)的“死機(jī)藍(lán)屏”的顏色是一樣的顏色。

說到顏色，你有很多的選擇。例如藍(lán)色，你可以使用些不是那么刺眼的配色，也許能多加點(diǎn)綠色。更好的方法是，使用取色器滴管從照片或者圖片中取出顏色。顏色的選取方案很多。如此簡(jiǎn)單和直接的方法能改進(jìn)你設(shè)計(jì)的配色。

更進(jìn)一步，文字和其他看起來像黑色的元素也不是（0，0，0）黑。它們是更深的深灰。這樣做的理由是，這可以減輕黑色文字和白色背景之間強(qiáng)烈的對(duì)比感。反過來也是成立的：當(dāng)文字是白色的而背景是黑色的時(shí)候，文字更可能是個(gè)亮灰，背景是深灰。

如何工作比看起來如何更重要

一個(gè)有著特別好的體驗(yàn)和本地接口的應(yīng)用，即使視覺上不突出也比一個(gè)交互很差，但是有著漂亮的定制和酷炫的動(dòng)畫的應(yīng)用要好的多。美是很重要的，但是“所有的地方看起來都像股票應(yīng)用”的體驗(yàn)是非常糟糕的，而且我也不會(huì)使用那樣的應(yīng)用。如果你打算這樣做，請(qǐng)考慮一下所有的優(yōu)缺點(diǎn)。首先，還有更好的方案嗎？它們使用起來方便嗎？直覺上這樣做好嗎？當(dāng)人們一拿起來就能知道怎么用嗎？

繁瑣的工作

實(shí)事求是地說，最好的方案往往是最無趣的方案。直接的設(shè)計(jì)每次都會(huì)擊敗聰明的設(shè)計(jì)。很多時(shí)候，你必須妥協(xié)一些視覺上的要求來增強(qiáng)易用性，但是最后，這都是值得的。在這些限制下，設(shè)計(jì)是非常有挑戰(zhàn)性的。我常常會(huì)發(fā)現(xiàn)我自認(rèn)為看起來十分漂亮的設(shè)計(jì)都會(huì)漏掉一些用戶用例或者功能，然后我把這些都加入到我的設(shè)計(jì)里面。當(dāng)設(shè)計(jì)變得更好用，功能越多的時(shí)候，我的設(shè)計(jì)看起來非常嚇人，因?yàn)榈教幎际穷~外的選擇菜單和按鈕。我必須盡我所能使這些界面看起來好看些，保證所有的元素都是一致的和對(duì)齊的。

這是我作為一個(gè)設(shè)計(jì)師最喜歡的并且具有挑戰(zhàn)性的部分，因?yàn)樗苿?dòng)著我不斷前進(jìn)。我必須得努力工作才可以盡量使我的設(shè)計(jì)看起漂亮而且好用。

忽視流行趨勢(shì)

看看 Dribbble 的首頁，然后朝著相反的方向去設(shè)計(jì)。當(dāng)下，大膽的動(dòng)畫和漢堡般的按鈕是設(shè)計(jì)的兩個(gè)大的方向。流行趨勢(shì)是暫時(shí)的，而且它們會(huì)很快地退去。另一方面，堅(jiān)實(shí)的基礎(chǔ)設(shè)計(jì)原則會(huì)更持久些。它們持續(xù)的時(shí)間長，你的應(yīng)用也不會(huì)三個(gè)月后看起來過時(shí)。所以基于基礎(chǔ)的原則來設(shè)計(jì)吧。

質(zhì)疑所有的事情

對(duì)自己要求嚴(yán)格些，而且反復(fù)問自己：“這是一個(gè)好的設(shè)計(jì)嗎？”。對(duì)別人的設(shè)計(jì)嚴(yán)格要求是件容易的事，但是對(duì)自己就很難了。你需要質(zhì)疑自己添加的任何元素。需要增加它嗎？它會(huì)給界面帶來好處嗎？你需要記?。簩幦蔽銥E。關(guān)于易用性，我總問我自己：“如果我設(shè)計(jì)了一個(gè)應(yīng)用，然后給我的父母用，他們會(huì)用嗎？” 我的父母肯定不是積極的用戶；他們使用 IPhone，僅此而已。如果他們知道如何使用我的應(yīng)用，那對(duì)我來說，這就意味著我的設(shè)計(jì)是好的是安全的。不然，如果你需要教會(huì)他們?nèi)绾问褂迷搼?yīng)用，那就是壞的設(shè)計(jì)。你不可能教會(huì)所有下載你的應(yīng)用的用戶如何使用，所以你得重新審視你的應(yīng)用。

你需要記住，你對(duì)你的應(yīng)用是了解的，因?yàn)槟阋呀?jīng)是一個(gè)開發(fā)者或者設(shè)計(jì)師或者創(chuàng)客了。但是對(duì)于那些下載你的應(yīng)用的廣大普通使用者來說，情況是完全不一樣的，他們對(duì)你的應(yīng)用毫無所知的。

好的設(shè)計(jì)的秘密

沒有什么神奇的捷徑和銀彈，但是好的設(shè)計(jì)有一個(gè)秘密就是迭代。你做出了第一版，然后持續(xù)改進(jìn)它，改進(jìn)它，改進(jìn)它，直到它完全變好為止。

作為一個(gè)開發(fā)者來說，這是個(gè)可以理解的難事，因?yàn)槟愕臅r(shí)間非常有限。當(dāng)我還是個(gè)年輕的設(shè)計(jì)師的時(shí)候，我總以為我最好的點(diǎn)子就是最初的那個(gè)點(diǎn)子。當(dāng)然我不是說，我有了最初的點(diǎn)子以后就扔在那什么也不再想了。我會(huì)一直把這個(gè)點(diǎn)子放在腦海里，想清楚所有的優(yōu)點(diǎn)和缺點(diǎn)，想清楚它看起來怎么樣，想清楚它會(huì)怎么工作。我沒有和別人分享我的想法，即使是最小的最不重要的方面。而這實(shí)際上是可以激發(fā)別人思維的火花的地方。通過和別人分享觀點(diǎn)，得到大家的反饋，然后回到自己的畫板上，這一定會(huì)給你的設(shè)計(jì)帶來改進(jìn)的。迭代就是這個(gè)成功的秘訣，許多大公司和創(chuàng)業(yè)公司都會(huì)以這樣的文化而出名。

好的設(shè)計(jì)發(fā)生在開發(fā)者和設(shè)計(jì)師的交界處。 開發(fā)者越早介入設(shè)計(jì)越好。如果他們參與了設(shè)計(jì)討論，他們就能夠理解設(shè)計(jì)是怎么發(fā)生的。當(dāng)設(shè)計(jì)師和開發(fā)者協(xié)同工作的時(shí)候，他們就會(huì)互相理解。他們會(huì)一起克服困難，理解他們需要解決什么樣的問題。

任何人都可以成為設(shè)計(jì)師！

從 iOS 7 開始，我就認(rèn)為設(shè)計(jì)不是那么可怕了，特別是對(duì)開發(fā)者還有想成為設(shè)計(jì)師的人來說。你不需要 Photoshop Pro 來創(chuàng)建逼真、流暢的工具欄和綠色背景。你甚至不需要 Photoshop 來進(jìn)入設(shè)計(jì)領(lǐng)域。

視覺越來越不重要了，人們現(xiàn)在認(rèn)為應(yīng)用的功能遠(yuǎn)遠(yuǎn)比界面重要。開發(fā)者可以鍛煉自己的設(shè)計(jì)能力，因?yàn)樗麄冇袝r(shí)間這么做。正如我們發(fā)現(xiàn)的一樣，迭代是好的設(shè)計(jì)的關(guān)鍵。開發(fā)者在開始開發(fā)他們的游戲的時(shí)候就學(xué)些設(shè)計(jì)的知識(shí)，這會(huì)促使設(shè)計(jì)師們不斷地提高他們的能力以免被開發(fā)者超過。這真的會(huì)促使他們一起創(chuàng)造出更好的產(chǎn)品。

設(shè)計(jì)師 vs. 開發(fā)者

雖然我們常常開玩笑，開發(fā)者和設(shè)計(jì)師是兩個(gè)星球的人，我們還是因?yàn)橥瑯拥脑妇皝淼搅诉@個(gè)產(chǎn)業(yè)中：那就是為這個(gè)世界上的人們創(chuàng)造出偉大的應(yīng)用和產(chǎn)品。這是我們不可忘記的初心。

設(shè)計(jì)師需要引領(lǐng)而不是跟隨著設(shè)計(jì)些東西。在設(shè)計(jì)決定中，聽聽開發(fā)者的意見。說明你做出這樣的解決方案的原因和過程，而不是僅僅給他們一個(gè)規(guī)范和一些資源。如果你做可用性的測(cè)試，也請(qǐng)邀請(qǐng)你的開發(fā)人員。開發(fā)者們是非常聰明的，他們很快就能學(xué)習(xí)到什么是好的設(shè)計(jì)什么不是。如果你是引領(lǐng)者，開發(fā)者會(huì)在你不在的時(shí)候繼續(xù)你的好設(shè)計(jì)，然后慢慢地會(huì)越來越好。

小結(jié)

“開發(fā)者需要會(huì)設(shè)計(jì)嗎？”當(dāng)然需要 每一天，他們都做出各種決定來打磨他們的設(shè)計(jì)。設(shè)計(jì)不是和開發(fā)并行的某個(gè)事情，而是貫穿整個(gè)項(xiàng)目始末的東西。

一致性特別重要。 這意味著視覺的一致性和體驗(yàn)的一致性。在你的應(yīng)用或者你的系列產(chǎn)品中還包括和你和操作系統(tǒng)的一致性。

不要為了編寫代碼容易而設(shè)計(jì)。 如果有人沒有按照我設(shè)計(jì)的來編碼，我定會(huì)指出來的，而且我也設(shè)計(jì)過一些不那么容易實(shí)現(xiàn)的想法，并且惹怒了許多開發(fā)者。但是最后開發(fā)者們都是非常樂意付出額外的精力的，因?yàn)樗麄冎肋@樣會(huì)讓產(chǎn)品更棒。

設(shè)計(jì)時(shí)，直接優(yōu)于聰明。 這會(huì)使你的應(yīng)用更容易使用些。讓你的應(yīng)用更加易用，忽略那些流行的趨勢(shì)，這樣你的應(yīng)用才會(huì)存活時(shí)間更長。

嚴(yán)苛地要求自己。 質(zhì)問自己為什么要給你的設(shè)計(jì)添加?xùn)|西，問問這樣做好處是什么。通過自問，我們往往會(huì)觸及到事物的本質(zhì)。

設(shè)計(jì)師需要邀請(qǐng)開發(fā)者參與設(shè)計(jì)。 越早在項(xiàng)目中這樣做，你受益越大。開發(fā)者們會(huì)從設(shè)計(jì)決定中理解背后的原因，然后他們會(huì)學(xué)習(xí)到這些原則。不要只給開發(fā)者一個(gè)設(shè)計(jì)的初稿然后讓他們?nèi)?shí)現(xiàn)，這樣的話，開發(fā)者并不知道設(shè)計(jì)背后的原因和進(jìn)程。

最后的忠告：干凈的 UI 和干凈的代碼一樣。 它是組織好的、一致的而且進(jìn)無止境。

作者@?Christopher Downer ? ?來源@Realm

文章鏈接：https://realm.io/cn/news/christopher-downer-design-101-for-developers/