首席設(shè)計師從 10000 個UI界面中所學(xué)到的10件事

一、優(yōu)先考慮你的設(shè)計本職

我總是用這個比喻：

沒有人會關(guān)心你的花式概念車真皮座椅上的針腳是什么顏色，如果連車輪都沒有的話。

優(yōu)先考慮你的設(shè)計本職，這樣你才能首先滿足所有基本要求。只有在那之后你才能繼續(xù)尋找更有趣的事物，比如傳統(tǒng)插畫和動畫，這些可以方便地引導(dǎo)我們。

二、沒有人關(guān)心動畫

我說這個并非因為我不那么擅長，而出的惡意。

世界級的產(chǎn)品幾乎沒有動畫：Facebook. Salesforce. Medium.

這些產(chǎn)品價值數(shù)十億美元，因為它們解決問題并提供價值，而不是因為它們有可愛的動畫。

動畫的確有其用武之地，但先花時間從通過一流的用戶體驗，提供卓越價值開始吧。然后，你可以任意花費(fèi)全部時間制作一個可愛的小漢堡按鈕，讓其變身為麥當(dāng)勞巨無霸。

△ 皮特塞納的這部動畫不可能更完美

三、不要重新發(fā)明輪子

模式是在類似對象中經(jīng)常被發(fā)現(xiàn)的東西。

設(shè)計模式被稱為模式，因為它們遍布各處。用戶習(xí)慣于以某種方式做事，并且通常伴隨著對用戶體驗的期望。

我可以為您設(shè)計一百種不同的方式來篩選數(shù)據(jù)表，但是沒有哪個會像電子商務(wù)網(wǎng)站上出現(xiàn)的左側(cè)欄復(fù)選框那樣有效。

不要花時間去想那些不需要改造的東西。

四、「模版化」你的工作

為了追求效率，為了高效的團(tuán)隊協(xié)作，給自己做一些設(shè)計模板，你會為自己節(jié)省很多時間。

在一周半的時間里，我為一位想要銷售演示文稿的客戶設(shè)計了52個屏幕，甚至將它們連接成一個可點(diǎn)擊的 InVision 原型。這也是一種完全定制的設(shè)計，并且完全按照其品牌的基調(diào)進(jìn)行了定制。如果沒有模板可以幫助我快速開始工作，這一切都是不可能的 。

以下是我個人主 UI 樣板中的一個示例屏幕，我將其用于每個項目，以此開始。

這是使用 UX Power Tools 中的元素構(gòu)建的。

五、一致性產(chǎn)生效率

你設(shè)計得越一致，你就會變得越快。因為你大大減少了你必須做設(shè)計決策的數(shù)量。

如果你在 Sketch 中為自己設(shè)計一個按鈕符號，并在整個設(shè)計中使用該符號，不僅可以讓所有按鈕看起來一致，而且工作效率會更高，因為你不需要每次都從頭開始制作按鈕。

六、效率會產(chǎn)生一致性

這些都是共生的，所以它也可以反過來作用。

為了加快工作速度，你必須為自己創(chuàng)建捷徑。這些捷徑可以是設(shè)計資源等有形的東西，也可以是像建立和遵循一組設(shè)計原則（如堅持 8px 網(wǎng)格系統(tǒng)）那樣的無形的東西。

隨著你變得更快，一致性自然會隨之而來。

七、商業(yè)和用戶價值篡奪一切。

根據(jù)最新估計，Craigslist 的價值約為30億美元。

你有沒有看過那個網(wǎng)站？非常丑。

但這并不重要。因為它解決了一個問題并為用戶提供了價值。

干凈利落。就像 Craigslist 這樣！

我不主張設(shè)計過于簡單化。我要說的是，如果你能為用戶提供價值，你就能讓客戶給商業(yè)帶來價值。

為正確的人解決正確的問題 ，你將發(fā)光。

八、我不是世界的中心

有許多人在產(chǎn)品設(shè)計過程中擔(dān)任重要角色。

只要看看：

《我們?yōu)檎l而設(shè)計？為買入設(shè)計（第1部分，共3部分）》，這些集團(tuán)要么需要買入以支持您的愿景，要么需要買入才能真正銷售和上市。

《我們?yōu)檎l而設(shè)計？為生產(chǎn)設(shè)計（第2部分，共3部分）》，誰會幫助你發(fā)展你的產(chǎn)品或想法？

《我們?yōu)檎l而設(shè)計？質(zhì)量和標(biāo)準(zhǔn)團(tuán)隊（第3部分，共3部分）》，誰來確保它會實(shí)際上像它本該的那樣工作？

九、優(yōu)秀的設(shè)計表現(xiàn)不好將會失敗

你是否曾與某些很漂亮，卻連正常交流都做不到的人約會？

單憑視覺不會讓好的設(shè)計長久。我認(rèn)為視覺效果實(shí)際上只占整個演示過程的20％左右。

其余的部分？是故事講述 。如果你沒有將觀眾與引人注目的故事掛鉤，展示商業(yè)價值并代表用戶說話，那么你必然失敗。

十、想到，做出來

我把這個保留到最后說，因為它是如此重要。

功能性產(chǎn)品> Dribbble上的贊，沒有什么比這個更重要。漂亮的設(shè)計？好厲害！還沒啟動？等于失敗。

我想表達(dá)的是：為了被認(rèn)為是一個成功的設(shè)計師，你必須實(shí)際構(gòu)建一些東西。

想到，就做出來。即使它很糟糕，即使它不完美，即使沒有人使用它 。至少你堅持了下來，從中有所收獲。

歡迎關(guān)注譯者微信公眾號：「非科班設(shè)計」

原文鏈接：《Here’s everything I’ve learned from designing 10,000+ UI screens as a lead product designer.》?Jon Moore

「找準(zhǔn)痛點(diǎn)，做好的設(shè)計」

• 《那些很熟悉但又叫不出名字的設(shè)計法則：需求的等級》
• 《停止?fàn)幊?！UI設(shè)計師如何用科學(xué)的方法找到用戶需求？》
• 《不甘心被產(chǎn)品帶著走？先學(xué)會將商業(yè)需求轉(zhuǎn)化為設(shè)計需求！》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計導(dǎo)航：國內(nèi)人氣最高的設(shè)計網(wǎng)址導(dǎo)航，設(shè)計師必備： http://hao.uisdc.com