那些開發(fā)者需要了解的設(shè)計(jì)基本原則

1 評(píng)論 12082 瀏覽 45 收藏 26 分鐘

介紹

我的名字是 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é)過很多語(yǔ)言。開始的時(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ì)了我一些我從來不曾考慮的問題,比如易用性、國(guó)際化,符合顏色配置文件,為多個(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)樾枰倒ぁM瑫r(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è)能力,這是你長(zhǎng)時(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 的首頁(yè),然后朝著相反的方向去設(shè)計(jì)。當(dāng)下,大膽的動(dòng)畫和漢堡般的按鈕是設(shè)計(jì)的兩個(gè)大的方向。流行趨勢(shì)是暫時(shí)的,而且它們會(huì)很快地退去。另一方面,堅(jiān)實(shí)的基礎(chǔ)設(shè)計(jì)原則會(huì)更持久些。它們持續(xù)的時(shí)間長(zhǎng),你的應(yīng)用也不會(huì)三個(gè)月后看起來過時(shí)。所以基于基礎(chǔ)的原則來設(shè)計(jì)吧。

質(zhì)疑所有的事情

對(duì)自己要求嚴(yán)格些,而且反復(fù)問自己:“這是一個(gè)好的設(shè)計(jì)嗎?”。對(duì)別人的設(shè)計(jì)嚴(yán)格要求是件容易的事,但是對(duì)自己就很難了。你需要質(zhì)疑自己添加的任何元素。需要增加它嗎?它會(huì)給界面帶來好處嗎?你需要記住:寧缺毋濫。關(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í)間更長(zhǎng)。

嚴(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/

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 寫的不錯(cuò) 我學(xué)習(xí)了

    來自廣東 回復(fù)